@skbkontur/react-ui 5.6.7 → 5.6.9-5e213.0

package/cjs/components/ComboBox/ComboBox.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ComboBox = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.ComboBox = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 
 var _CustomComboBox = require("../../internal/CustomComboBox");
@@ -8,7 +8,7 @@ var _CustomComboBox = require("../../internal/CustomComboBox");
 
 
 var _rootNode = require("../../lib/rootNode");
-var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _ComboBox;
+var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _ComboBox;function _callSuper(t, o, e) {return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, (0, _isNativeReflectConstruct2.default)() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e));}
 
 
 
@@ -212,7 +212,7 @@ var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _Com
 /**
  * Комбобокс — поле ввода с выпадающим списком подсказок, из которых пользователь может выбрать нужное. Открыть выпадающий список можно ещё до начала ввода значения, нажав на поле. */var
 
-ComboBox = exports.ComboBox = (0, _rootNode.rootNode)(_class = (_ComboBox = /*#__PURE__*/function (_React$Component) {function ComboBox() {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.
+ComboBox = exports.ComboBox = (0, _rootNode.rootNode)(_class = (_ComboBox = /*#__PURE__*/function (_React$Component) {function ComboBox() {var _this;(0, _classCallCheck2.default)(this, ComboBox);for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _callSuper(this, ComboBox, [].concat(args));_this.
 
 
 
@@ -319,26 +319,26 @@ ComboBox = exports.ComboBox = (0, _rootNode.rootNode)(_class = (_ComboBox = /*#_
     customComboBoxRef = function (element) {
       _this.setRootNode(element);
       _this.comboboxElement = element;
-    };return _this;}(0, _inheritsLoose2.default)(ComboBox, _React$Component);var _proto = ComboBox.prototype; /** Программно устанавливает фокус на комбобокс.
-   * @public
-   */_proto.focus = function focus(opts) {if (this.comboboxElement) {this.comboboxElement.focus(opts);}} /** Программно снимает фокус с комбобокса.
-   * @public
-   */;_proto.blur = function blur() {if (this.comboboxElement) {this.comboboxElement.blur();}} /** Открывает список значений и запускает поиск.
-   *
-   * По умолчанию для поиска используется введенное в поле значение или результат `valueToString(value)`.
-   *
-   * @public
-   * @param {string} [query] Текст поиска.`
-   */;_proto.search = function search(query) {if (this.comboboxElement) {this.comboboxElement.search(query);}} /** Отменяет текущий поиск — останавливает фильтрацию и очищает результаты поиска.
-   * @public
-   */;_proto.cancelSearch = function cancelSearch() {if (this.comboboxElement) {this.comboboxElement.cancelSearch();}} /** Открывает выпадающий список.
-   * @public
-   */;_proto.open = function open() {if (this.comboboxElement) {this.comboboxElement.open();}} /** Закрывает выпадающий список.
-   * @public
-   */;_proto.close = function close() {if (this.comboboxElement) {this.comboboxElement.close();}} /**
-   * Переводит фокус в поле, если ещё не в фокусе, и выделяет весь текст в нём.
-   * @public
-   */;_proto.selectInputText = function selectInputText() {if (this.comboboxElement) {this.comboboxElement.selectInputText();}} /**
-   * Сбрасывает введённое пользователем значение без изменения `value`.
-   * @public
-   */;_proto.reset = function reset() {if (this.comboboxElement) {this.comboboxElement.reset();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CustomComboBox.CustomComboBox, (0, _extends2.default)({}, this.getProps(), { size: this.props.size, ref: this.customComboBoxRef }));};return ComboBox;}(_react.default.Component), _ComboBox.__KONTUR_REACT_UI__ = 'ComboBox', _ComboBox.displayName = 'ComboBox', _ComboBox.defaultProps = { itemToValue: function itemToValue(item) {return item.value;}, valueToString: function valueToString(item) {return item.label;}, renderValue: function renderValue(item) {return item.label;}, renderItem: function renderItem(item) {return item.label;}, menuAlign: 'left', searchOnFocus: true, drawArrow: true, showClearIcon: 'never', viewMode: 'singleline' }, _ComboBox)) || _class;
+    };return _this;}(0, _inherits2.default)(ComboBox, _React$Component);return (0, _createClass2.default)(ComboBox, [{ key: "focus", value: /** Программно устанавливает фокус на комбобокс.
+     * @public
+     */function focus(opts) {if (this.comboboxElement) {this.comboboxElement.focus(opts);}} /** Программно снимает фокус с комбобокса.
+     * @public
+     */ }, { key: "blur", value: function blur() {if (this.comboboxElement) {this.comboboxElement.blur();}} /** Открывает список значений и запускает поиск.
+     *
+     * По умолчанию для поиска используется введенное в поле значение или результат `valueToString(value)`.
+     *
+     * @public
+     * @param {string} [query] Текст поиска.`
+     */ }, { key: "search", value: function search(query) {if (this.comboboxElement) {this.comboboxElement.search(query);}} /** Отменяет текущий поиск — останавливает фильтрацию и очищает результаты поиска.
+     * @public
+     */ }, { key: "cancelSearch", value: function cancelSearch() {if (this.comboboxElement) {this.comboboxElement.cancelSearch();}} /** Открывает выпадающий список.
+     * @public
+     */ }, { key: "open", value: function open() {if (this.comboboxElement) {this.comboboxElement.open();}} /** Закрывает выпадающий список.
+     * @public
+     */ }, { key: "close", value: function close() {if (this.comboboxElement) {this.comboboxElement.close();}} /**
+     * Переводит фокус в поле, если ещё не в фокусе, и выделяет весь текст в нём.
+     * @public
+     */ }, { key: "selectInputText", value: function selectInputText() {if (this.comboboxElement) {this.comboboxElement.selectInputText();}} /**
+     * Сбрасывает введённое пользователем значение без изменения `value`.
+     * @public
+     */ }, { key: "reset", value: function reset() {if (this.comboboxElement) {this.comboboxElement.reset();}} }, { key: "render", value: function render() {return /*#__PURE__*/_react.default.createElement(_CustomComboBox.CustomComboBox, (0, _extends2.default)({}, this.getProps(), { size: this.props.size, ref: this.customComboBoxRef }));} }]);}(_react.default.Component), _ComboBox.__KONTUR_REACT_UI__ = 'ComboBox', _ComboBox.displayName = 'ComboBox', _ComboBox.defaultProps = { itemToValue: function itemToValue(item) {return item.value;}, valueToString: function valueToString(item) {return item.label;}, renderValue: function renderValue(item) {return item.label;}, renderItem: function renderItem(item) {return item.label;}, menuAlign: 'left', searchOnFocus: true, drawArrow: true, showClearIcon: 'never', viewMode: 'singleline' }, _ComboBox)) || _class;

package/cjs/components/ComboBox/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CustomComboBox","_rootNode","_createPropsGetter","_class","_ComboBox","ComboBox","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inheritsLoose2","default","_proto","prototype","focus","opts","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","CustomComboBox","_extends2","size","props","ref","React","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow","showClearIcon","viewMode"],"sources":["ComboBox.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { MenuItemState } from '../MenuItem';\nimport type { ShowClearIcon, InputIconType } from '../Input';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../MaskedInput';\n\nexport type ComboBoxViewMode = 'singleline' | 'multiline' | 'multiline-editing';\n\nexport interface ComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>>,\n    CommonProps {\n  /** Показывает иконку очистки значения в заполненном поле.\n   * @default never */\n  showClearIcon?: ShowClearIcon;\n\n  /** Ввыравнивание текста в поле. */\n  align?: 'left' | 'center' | 'right';\n\n  /** Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода. */\n  searchOnFocus?: boolean;\n\n  /** Отображает справа иконку в виде стрелки. */\n  drawArrow?: boolean;\n\n  /** Устанавливает фокус на комбобоксе после окончания загрузки страницы. */\n  autoFocus?: boolean;\n\n  /** Убирает обводку поля. */\n  borderless?: boolean;\n\n  /** По умолчанию выпадающий список рендерится через [паттерн Portal](https://react.dev/reference/react-dom/createPortal). Проп отключает использование Portal и список рендерится как обычный блок с абсолютным позиционированием внутри компонента. */\n  disablePortal?: boolean;\n\n  /**  Поле становится недоступно для редактирования. */\n  disabled?: boolean;\n\n  /** Меняет визуальное отображение поля на состояние «ошибка». */\n  error?: boolean;\n\n  /** Добавляет иконку слева.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  leftIcon?: InputIconType;\n\n  /** Добавляет иконку справа.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  rightIcon?: InputIconType;\n\n  /** Задаёт функцию поиска элементов, которая должна возвращать Promise с массивом значений.\n   * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n   * Элементы могут быть любого типа. В этом случае необходимо определить свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`. */\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n\n  /** Сравнивает полученные результаты с `value`. */\n  itemToValue?: (item: T) => string | number;\n\n  /** Mаксимальная длина значения, которое пользователь может ввести в поле. */\n  maxLength?: number;\n\n  /** Расположение выпадающего списка — над или под полем.\n   */\n  menuPos?: 'top' | 'bottom';\n\n  /** Выравнивание выпадающего меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Событие потери комбобоксом фокуса. */\n  onBlur?: () => void;\n\n  /** Событие изменения значения (`value`) в поле. */\n  onValueChange?: (value: T) => void;\n\n  /** Событие получения комбобоксом фокуса. */\n  onFocus?: () => void;\n\n  /** Событие, которое вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода.\n   *\n   * **Не рекомендуется менять значение, передаваемое в проп `value`, внутри этой функции. Используйте для этих целей `onValueChange` или `onUnexpectedInput`. Иначе возможно неожиданное поведение компонента.**\n   */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /** Событие обработки ввода строки в поле ввода и последующей потерей фокуса компонентом.\n   * Функция срабатывает с аргументом поля строки.\n   * Если при потере фокуса в выпадающем списке будет только один элемент и результат `valueToString` с этим элементом будет совпадать со значение в текстовом поле, то сработает `onValueChange` со значением данного элемента.\n   * Сама функция также может вернуть значение, не равное undefined, с которым будет вызван `onValueChange`. Если возвращаемое значение будет равно null, то сработает очистка текущего значения поля, а в режиме редактирования токен будет удален. */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  /** Текст, который отображается если не введено никакое значение. */\n  placeholder?: string;\n\n  /** Отрисовывает элементы результата поиска.\n   * Не применяется, если элемент является функцией или React-элементом.\n   * @default item => item.label\n   * @param {T} item - элемент из результата поиска.\n   * @param {MenuItemState} state? - состояние элемента.\n   * @returns {React.ReactNode} React-элемент. */\n  renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /** Устанавливает компонент, заменяющий собой обёртку элементов результата поиска.\n   * По умолчанию все элементы результата поиска оборачиваются в тег <button />.\n   * @example\n   * itemWrapper={(item) => {\n   *    if (item.value === 3) {\n   *      return (props) => {\n   *        return <a {...props} />\n   *      }\n   *    }\n   * }}\n   */\n  itemWrapper?: (item: T) => React.ComponentType;\n\n  /** Отображает сообщение о пустом результате поиска. При `renderAddButton` не работает. */\n  renderNotFound?: () => React.ReactNode;\n\n  /** Отображает сообщение об общем количестве элементов.\n   * @param {number} found - количество элементов по результатам поиска. Учитывает только компонент MenuItem. Им \"оборачиваются\" элементы, возвращаемые `getItems()`.\n   * @param {number} total - количество всех элементов. */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /** Отображает выбранное значение.\n   * @default item => item.label */\n  renderValue?: (item: T) => React.ReactNode;\n\n  /** Отрисовывает кнопку добавления в выпадающем списке. */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /** Определяет общее количество элементов. Необходим для работы renderTotalCount. */\n  totalCount?: number;\n\n  /** Устанавливает выбранное в комбобоксе значение. Тип `value` совпадает с типом элементов в массиве, возвращаемом в `getItems`. */\n  value?: Nullable<T>;\n\n  /** Возвращает строковое представление `value`. Необходимо при фокусировке. */\n  valueToString?: (item: T) => string;\n\n  /** Размер комбобокса. */\n  size?: SizeProp;\n\n  /** Меняет визуальное отображение поля на состояние «предупреждение». */\n  warning?: boolean;\n\n  /** Ширина комбобокса. */\n  width?: string | number;\n\n  /** Максимальная высота выпадающего списка. */\n  maxMenuHeight?: number | string;\n\n  /** Событие наведения мышкой (событие `onmouseenter`). Смотрите разницу с `onMouseOver` в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  /** Событие наведения мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  /** Событие ухода мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  /** Событие нажатия кнопки на клавиатуре. */\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Задаёт типы вводимых данных. */\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  /** Событие вставки значения в поле с маской. */\n  onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\n\n  /** Режим отображения комбобокса:\n   * - `\"singleline\"` — однострочное поле;\n   * - `\"multiline\"` — многострочное поле;\n   * - `\"multiline-editing\"` — поле становится многострочным только при редактировании.\n   *\n   * Многострочные режимы не работают, если указан проп `mask`. В таком случае будет отображаться однострочное поле.\n   * @default singleline */\n  viewMode?: ComboBoxViewMode;\n\n  /** Максимальное количество отображаемых строк, если для поля добавлен проп многострочного режима  — `\"multiline\"` или `\"multiline-editing\"`. */\n  maxRows?: number;\n}\n\nexport interface ComboBoxItem {\n  value: string;\n  label: string;\n}\n\nexport type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxProps<T>,\n    | 'itemToValue'\n    | 'valueToString'\n    | 'renderValue'\n    | 'renderItem'\n    | 'menuAlign'\n    | 'searchOnFocus'\n    | 'drawArrow'\n    | 'showClearIcon'\n    | 'viewMode'\n  >\n>;\n\n/**\n * Комбобокс — поле ввода с выпадающим списком подсказок, из которых пользователь может выбрать нужное. Открыть выпадающий список можно ещё до начала ввода значения, нажав на поле. */\n@rootNode\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBox';\n  public static displayName = 'ComboBox';\n\n  public static defaultProps: DefaultProps<any> = {\n    itemToValue: (item: ComboBoxItem) => item.value,\n    valueToString: (item: ComboBoxItem) => item.label,\n    renderValue: (item: ComboBoxItem) => item.label,\n    renderItem: (item: ComboBoxItem) => item.label,\n    menuAlign: 'left',\n    searchOnFocus: true,\n    drawArrow: true,\n    showClearIcon: 'never',\n    viewMode: 'singleline',\n  };\n\n  private getProps = createPropsGetter(ComboBox.defaultProps);\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  /** Программно устанавливает фокус на комбобокс.\n   * @public\n   */\n  public focus(opts?: { withoutOpenDropdown?: boolean }) {\n    if (this.comboboxElement) {\n      this.comboboxElement.focus(opts);\n    }\n  }\n\n  /** Программно снимает фокус с комбобокса.\n   * @public\n   */\n  public blur() {\n    if (this.comboboxElement) {\n      this.comboboxElement.blur();\n    }\n  }\n\n  /** Открывает список значений и запускает поиск.\n   *\n   * По умолчанию для поиска используется введенное в поле значение или результат `valueToString(value)`.\n   *\n   * @public\n   * @param {string} [query] Текст поиска.`\n   */\n  public search(query?: string) {\n    if (this.comboboxElement) {\n      this.comboboxElement.search(query);\n    }\n  }\n\n  /** Отменяет текущий поиск — останавливает фильтрацию и очищает результаты поиска.\n   * @public\n   */\n  public cancelSearch() {\n    if (this.comboboxElement) {\n      this.comboboxElement.cancelSearch();\n    }\n  }\n\n  /** Открывает выпадающий список.\n   * @public\n   */\n  public open() {\n    if (this.comboboxElement) {\n      this.comboboxElement.open();\n    }\n  }\n\n  /** Закрывает выпадающий список.\n   * @public\n   */\n  public close() {\n    if (this.comboboxElement) {\n      this.comboboxElement.close();\n    }\n  }\n\n  /**\n   * Переводит фокус в поле, если ещё не в фокусе, и выделяет весь текст в нём.\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введённое пользователем значение без изменения `value`.\n   * @public\n   */\n  public reset() {\n    if (this.comboboxElement) {\n      this.comboboxElement.reset();\n    }\n  }\n\n  public render() {\n    return <CustomComboBox {...this.getProps()} size={this.props.size} ref={this.customComboBoxRef} />;\n  }\n\n  private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n    this.setRootNode(element);\n    this.comboboxElement = element;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_CustomComboBox","_rootNode","_createPropsGetter","_class","_ComboBox","_callSuper","t","o","e","_getPrototypeOf2","default","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","ComboBox","exports","rootNode","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","getProps","createPropsGetter","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inherits2","_createClass2","key","value","focus","opts","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","CustomComboBox","_extends2","size","props","ref","React","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow","showClearIcon","viewMode"],"sources":["ComboBox.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { MenuItemState } from '../MenuItem';\nimport type { ShowClearIcon, InputIconType } from '../Input';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../MaskedInput';\n\nexport type ComboBoxViewMode = 'singleline' | 'multiline' | 'multiline-editing';\n\nexport interface ComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>>,\n    CommonProps {\n  /** Показывает иконку очистки значения в заполненном поле.\n   * @default never */\n  showClearIcon?: ShowClearIcon;\n\n  /** Ввыравнивание текста в поле. */\n  align?: 'left' | 'center' | 'right';\n\n  /** Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода. */\n  searchOnFocus?: boolean;\n\n  /** Отображает справа иконку в виде стрелки. */\n  drawArrow?: boolean;\n\n  /** Устанавливает фокус на комбобоксе после окончания загрузки страницы. */\n  autoFocus?: boolean;\n\n  /** Убирает обводку поля. */\n  borderless?: boolean;\n\n  /** По умолчанию выпадающий список рендерится через [паттерн Portal](https://react.dev/reference/react-dom/createPortal). Проп отключает использование Portal и список рендерится как обычный блок с абсолютным позиционированием внутри компонента. */\n  disablePortal?: boolean;\n\n  /**  Поле становится недоступно для редактирования. */\n  disabled?: boolean;\n\n  /** Меняет визуальное отображение поля на состояние «ошибка». */\n  error?: boolean;\n\n  /** Добавляет иконку слева.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  leftIcon?: InputIconType;\n\n  /** Добавляет иконку справа.\n   При использовании `ReactNode` применяются дефолтные стили для иконки.\n   При использовании `() => ReactNode` применяются только стили для позиционирования. */\n  rightIcon?: InputIconType;\n\n  /** Задаёт функцию поиска элементов, которая должна возвращать Promise с массивом значений.\n   * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n   * Элементы могут быть любого типа. В этом случае необходимо определить свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`. */\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n\n  /** Сравнивает полученные результаты с `value`. */\n  itemToValue?: (item: T) => string | number;\n\n  /** Mаксимальная длина значения, которое пользователь может ввести в поле. */\n  maxLength?: number;\n\n  /** Расположение выпадающего списка — над или под полем.\n   */\n  menuPos?: 'top' | 'bottom';\n\n  /** Выравнивание выпадающего меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Событие потери комбобоксом фокуса. */\n  onBlur?: () => void;\n\n  /** Событие изменения значения (`value`) в поле. */\n  onValueChange?: (value: T) => void;\n\n  /** Событие получения комбобоксом фокуса. */\n  onFocus?: () => void;\n\n  /** Событие, которое вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода.\n   *\n   * **Не рекомендуется менять значение, передаваемое в проп `value`, внутри этой функции. Используйте для этих целей `onValueChange` или `onUnexpectedInput`. Иначе возможно неожиданное поведение компонента.**\n   */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /** Событие обработки ввода строки в поле ввода и последующей потерей фокуса компонентом.\n   * Функция срабатывает с аргументом поля строки.\n   * Если при потере фокуса в выпадающем списке будет только один элемент и результат `valueToString` с этим элементом будет совпадать со значение в текстовом поле, то сработает `onValueChange` со значением данного элемента.\n   * Сама функция также может вернуть значение, не равное undefined, с которым будет вызван `onValueChange`. Если возвращаемое значение будет равно null, то сработает очистка текущего значения поля, а в режиме редактирования токен будет удален. */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  /** Текст, который отображается если не введено никакое значение. */\n  placeholder?: string;\n\n  /** Отрисовывает элементы результата поиска.\n   * Не применяется, если элемент является функцией или React-элементом.\n   * @default item => item.label\n   * @param {T} item - элемент из результата поиска.\n   * @param {MenuItemState} state? - состояние элемента.\n   * @returns {React.ReactNode} React-элемент. */\n  renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /** Устанавливает компонент, заменяющий собой обёртку элементов результата поиска.\n   * По умолчанию все элементы результата поиска оборачиваются в тег <button />.\n   * @example\n   * itemWrapper={(item) => {\n   *    if (item.value === 3) {\n   *      return (props) => {\n   *        return <a {...props} />\n   *      }\n   *    }\n   * }}\n   */\n  itemWrapper?: (item: T) => React.ComponentType;\n\n  /** Отображает сообщение о пустом результате поиска. При `renderAddButton` не работает. */\n  renderNotFound?: () => React.ReactNode;\n\n  /** Отображает сообщение об общем количестве элементов.\n   * @param {number} found - количество элементов по результатам поиска. Учитывает только компонент MenuItem. Им \"оборачиваются\" элементы, возвращаемые `getItems()`.\n   * @param {number} total - количество всех элементов. */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /** Отображает выбранное значение.\n   * @default item => item.label */\n  renderValue?: (item: T) => React.ReactNode;\n\n  /** Отрисовывает кнопку добавления в выпадающем списке. */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /** Определяет общее количество элементов. Необходим для работы renderTotalCount. */\n  totalCount?: number;\n\n  /** Устанавливает выбранное в комбобоксе значение. Тип `value` совпадает с типом элементов в массиве, возвращаемом в `getItems`. */\n  value?: Nullable<T>;\n\n  /** Возвращает строковое представление `value`. Необходимо при фокусировке. */\n  valueToString?: (item: T) => string;\n\n  /** Размер комбобокса. */\n  size?: SizeProp;\n\n  /** Меняет визуальное отображение поля на состояние «предупреждение». */\n  warning?: boolean;\n\n  /** Ширина комбобокса. */\n  width?: string | number;\n\n  /** Максимальная высота выпадающего списка. */\n  maxMenuHeight?: number | string;\n\n  /** Событие наведения мышкой (событие `onmouseenter`). Смотрите разницу с `onMouseOver` в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  /** Событие наведения мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  /** Событие ухода мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  /** Событие нажатия кнопки на клавиатуре. */\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Задаёт типы вводимых данных. */\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  /** Событие вставки значения в поле с маской. */\n  onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\n\n  /** Режим отображения комбобокса:\n   * - `\"singleline\"` — однострочное поле;\n   * - `\"multiline\"` — многострочное поле;\n   * - `\"multiline-editing\"` — поле становится многострочным только при редактировании.\n   *\n   * Многострочные режимы не работают, если указан проп `mask`. В таком случае будет отображаться однострочное поле.\n   * @default singleline */\n  viewMode?: ComboBoxViewMode;\n\n  /** Максимальное количество отображаемых строк, если для поля добавлен проп многострочного режима  — `\"multiline\"` или `\"multiline-editing\"`. */\n  maxRows?: number;\n}\n\nexport interface ComboBoxItem {\n  value: string;\n  label: string;\n}\n\nexport type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxProps<T>,\n    | 'itemToValue'\n    | 'valueToString'\n    | 'renderValue'\n    | 'renderItem'\n    | 'menuAlign'\n    | 'searchOnFocus'\n    | 'drawArrow'\n    | 'showClearIcon'\n    | 'viewMode'\n  >\n>;\n\n/**\n * Комбобокс — поле ввода с выпадающим списком подсказок, из которых пользователь может выбрать нужное. Открыть выпадающий список можно ещё до начала ввода значения, нажав на поле. */\n@rootNode\nexport class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBox';\n  public static displayName = 'ComboBox';\n\n  public static defaultProps: DefaultProps<any> = {\n    itemToValue: (item: ComboBoxItem) => item.value,\n    valueToString: (item: ComboBoxItem) => item.label,\n    renderValue: (item: ComboBoxItem) => item.label,\n    renderItem: (item: ComboBoxItem) => item.label,\n    menuAlign: 'left',\n    searchOnFocus: true,\n    drawArrow: true,\n    showClearIcon: 'never',\n    viewMode: 'singleline',\n  };\n\n  private getProps = createPropsGetter(ComboBox.defaultProps);\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  /** Программно устанавливает фокус на комбобокс.\n   * @public\n   */\n  public focus(opts?: { withoutOpenDropdown?: boolean }) {\n    if (this.comboboxElement) {\n      this.comboboxElement.focus(opts);\n    }\n  }\n\n  /** Программно снимает фокус с комбобокса.\n   * @public\n   */\n  public blur() {\n    if (this.comboboxElement) {\n      this.comboboxElement.blur();\n    }\n  }\n\n  /** Открывает список значений и запускает поиск.\n   *\n   * По умолчанию для поиска используется введенное в поле значение или результат `valueToString(value)`.\n   *\n   * @public\n   * @param {string} [query] Текст поиска.`\n   */\n  public search(query?: string) {\n    if (this.comboboxElement) {\n      this.comboboxElement.search(query);\n    }\n  }\n\n  /** Отменяет текущий поиск — останавливает фильтрацию и очищает результаты поиска.\n   * @public\n   */\n  public cancelSearch() {\n    if (this.comboboxElement) {\n      this.comboboxElement.cancelSearch();\n    }\n  }\n\n  /** Открывает выпадающий список.\n   * @public\n   */\n  public open() {\n    if (this.comboboxElement) {\n      this.comboboxElement.open();\n    }\n  }\n\n  /** Закрывает выпадающий список.\n   * @public\n   */\n  public close() {\n    if (this.comboboxElement) {\n      this.comboboxElement.close();\n    }\n  }\n\n  /**\n   * Переводит фокус в поле, если ещё не в фокусе, и выделяет весь текст в нём.\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введённое пользователем значение без изменения `value`.\n   * @public\n   */\n  public reset() {\n    if (this.comboboxElement) {\n      this.comboboxElement.reset();\n    }\n  }\n\n  public render() {\n    return <CustomComboBox {...this.getProps()} size={this.props.size} ref={this.customComboBoxRef} />;\n  }\n\n  private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n    this.setRootNode(element);\n    this.comboboxElement = element;\n  };\n}\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,eAAA,GAAAD,OAAA;;;;;;AAMA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA,gCAAgE,IAAAI,MAAA,EAAAC,SAAA,UAAAC,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,UAAAD,CAAA,OAAAE,gBAAA,CAAAC,OAAA,EAAAH,CAAA,OAAAI,2BAAA,CAAAD,OAAA,EAAAJ,CAAA,MAAAM,0BAAA,CAAAF,OAAA,MAAAG,OAAA,CAAAC,SAAA,CAAAP,CAAA,EAAAC,CAAA,YAAAC,gBAAA,CAAAC,OAAA,EAAAJ,CAAA,EAAAS,WAAA,IAAAR,CAAA,CAAAS,KAAA,CAAAV,CAAA,EAAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyMhE;AACA,uLADA;;AAGaS,QAAQ,GAAAC,OAAA,CAAAD,QAAA,OADpBE,kBAAQ,EAAAhB,MAAA,IAAAC,SAAA,0BAAAgB,gBAAA,YAAAH,SAAA,OAAAI,KAAA,KAAAC,gBAAA,CAAAZ,OAAA,QAAAO,QAAA,WAAAM,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAP,KAAA,GAAAhB,UAAA,OAAAY,QAAA,KAAAY,MAAA,CAAAH,IAAA,GAAAL,KAAA;;;;;;;;;;;;;;;;IAiBCS,QAAQ,GAAG,IAAAC,oCAAiB,EAACd,QAAQ,CAACe,YAAY,CAAC,CAAAX,KAAA;;IAEnDY,eAAe,GAAgC,IAAI,CAAAZ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsFnDa,iBAAiB,GAAG,UAACC,OAAoC,EAAK;MACpEd,KAAA,CAAKe,WAAW,CAACD,OAAO,CAAC;MACzBd,KAAA,CAAKY,eAAe,GAAGE,OAAO;IAChC,CAAC,QAAAd,KAAA,MAAAgB,UAAA,CAAA3B,OAAA,EAAAO,QAAA,EAAAG,gBAAA,aAAAkB,aAAA,CAAA5B,OAAA,EAAAO,QAAA,KAAAsB,GAAA,WAAAC,KAAA,EArFD;AACF;AACA,OACE,SAAAC,MAAaC,IAAwC,EAAE,CACrD,IAAI,IAAI,CAACT,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACQ,KAAK,CAACC,IAAI,CAAC,CAClC,CACF,CAAC,CAED;AACF;AACA,OAFE,MAAAH,GAAA,UAAAC,KAAA,EAGA,SAAAG,KAAA,EAAc,CACZ,IAAI,IAAI,CAACV,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACU,IAAI,CAAC,CAAC,CAC7B,CACF,CAAC,CAED;AACF;AACA;AACA;AACA;AACA;AACA,OANE,MAAAJ,GAAA,YAAAC,KAAA,EAOA,SAAAI,OAAcC,KAAc,EAAE,CAC5B,IAAI,IAAI,CAACZ,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACW,MAAM,CAACC,KAAK,CAAC,CACpC,CACF,CAAC,CAED;AACF;AACA,OAFE,MAAAN,GAAA,kBAAAC,KAAA,EAGA,SAAAM,aAAA,EAAsB,CACpB,IAAI,IAAI,CAACb,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACa,YAAY,CAAC,CAAC,CACrC,CACF,CAAC,CAED;AACF;AACA,OAFE,MAAAP,GAAA,UAAAC,KAAA,EAGA,SAAAO,KAAA,EAAc,CACZ,IAAI,IAAI,CAACd,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACc,IAAI,CAAC,CAAC,CAC7B,CACF,CAAC,CAED;AACF;AACA,OAFE,MAAAR,GAAA,WAAAC,KAAA,EAGA,SAAAQ,MAAA,EAAe,CACb,IAAI,IAAI,CAACf,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACe,KAAK,CAAC,CAAC,CAC9B,CACF,CAAC,CAED;AACF;AACA;AACA,OAHE,MAAAT,GAAA,qBAAAC,KAAA,EAIA,SAAAS,gBAAA,EAAyB,CACvB,IAAI,IAAI,CAAChB,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACgB,eAAe,CAAC,CAAC,CACxC,CACF,CAAC,CAED;AACF;AACA;AACA,OAHE,MAAAV,GAAA,WAAAC,KAAA,EAIA,SAAAU,MAAA,EAAe,CACb,IAAI,IAAI,CAACjB,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACiB,KAAK,CAAC,CAAC,CAC9B,CACF,CAAC,MAAAX,GAAA,YAAAC,KAAA,EAED,SAAAW,OAAA,EAAgB,CACd,oBAAOtD,MAAA,CAAAa,OAAA,CAAA0C,aAAA,CAACpD,eAAA,CAAAqD,cAAc,MAAAC,SAAA,CAAA5C,OAAA,MAAK,IAAI,CAACoB,QAAQ,CAAC,CAAC,IAAEyB,IAAI,EAAE,IAAI,CAACC,KAAK,CAACD,IAAK,EAACE,GAAG,EAAE,IAAI,CAACvB,iBAAkB,GAAE,CAAC,CACpG,CAAC,OAtG6CwB,cAAK,CAACC,SAAS,GAAAvD,SAAA,CAC/CwD,mBAAmB,GAAG,UAAU,EAAAxD,SAAA,CAChCyD,WAAW,GAAG,UAAU,EAAAzD,SAAA,CAExB4B,YAAY,GAAsB,EAC9C8B,WAAW,EAAE,SAAAA,YAACC,IAAkB,UAAKA,IAAI,CAACvB,KAAK,IAC/CwB,aAAa,EAAE,SAAAA,cAACD,IAAkB,UAAKA,IAAI,CAACE,KAAK,IACjDC,WAAW,EAAE,SAAAA,YAACH,IAAkB,UAAKA,IAAI,CAACE,KAAK,IAC/CE,UAAU,EAAE,SAAAA,WAACJ,IAAkB,UAAKA,IAAI,CAACE,KAAK,IAC9CG,SAAS,EAAE,MAAM,EACjBC,aAAa,EAAE,IAAI,EACnBC,SAAS,EAAE,IAAI,EACfC,aAAa,EAAE,OAAO,EACtBC,QAAQ,EAAE,YAAY,CACxB,CAAC,EAAApE,SAAA,MAAAD,MAAA","ignoreList":[]}

package/cjs/components/ComboBox/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _ComboBox = require("./ComboBox");Object.keys(_ComboBox).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ComboBox[key]) return;exports[key] = _ComboBox[key];});
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });var _ComboBox = require("./ComboBox");Object.keys(_ComboBox).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ComboBox[key]) return;Object.defineProperty(exports, key, { enumerable: true, get: function get() {return _ComboBox[key];} });});

package/cjs/components/ComboBox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ComboBox","require","Object","keys","forEach","key","exports"],"sources":["index.tsx"],"sourcesContent":["export * from './ComboBox';\n"],"mappings":"uCAAA,IAAAA,SAAA,GAAAC,OAAA,eAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA,UAAAC,OAAA,CAAAD,GAAA,IAAAL,SAAA,CAAAK,GAAA","ignoreList":[]}
+{"version":3,"names":["_ComboBox","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from './ComboBox';\n"],"mappings":"2EAAA,IAAAA,SAAA,GAAAC,OAAA,eAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA,UAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA,IAAAG,UAAA,QAAAC,GAAA,WAAAA,IAAA,UAAAT,SAAA,CAAAK,GAAA","ignoreList":[]}

package/cjs/components/CurrencyInput/CurrencyHelper.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CurrencyHelper = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _utils = require("../../lib/utils");
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;Object.defineProperty(exports, "__esModule", { value: true });exports.CurrencyHelper = void 0;var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _utils = require("../../lib/utils");
 
 var _client = require("../../lib/client");
 
@@ -28,7 +28,7 @@ var _constants = require("./constants");var _CurrencyHelper;var
 
 
 
-CurrencyHelper = exports.CurrencyHelper = /*#__PURE__*/function () {function CurrencyHelper() {}CurrencyHelper.
+CurrencyHelper = exports.CurrencyHelper = /*#__PURE__*/function () {function CurrencyHelper() {(0, _classCallCheck2.default)(this, CurrencyHelper);}return (0, _createClass2.default)(CurrencyHelper, null, [{ key: "getOptions", value:
 
 
 
@@ -36,185 +36,185 @@ CurrencyHelper = exports.CurrencyHelper = /*#__PURE__*/function () {function Cur
 
 
 
-  getOptions = function getOptions(options) {
-    return (0, _extends2.default)({}, CurrencyHelper.defaultOptions, options);
-  };CurrencyHelper.
+    function getOptions(options) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, CurrencyHelper.defaultOptions), options);
+    } }, { key: "getInfo", value:
 
-  getInfo = function getInfo(value, options) {
-    var raw = CurrencyHelper.unformatString(value);
-    var formatted = CurrencyHelper.formatString(value, options);
-    var cursorMap = CurrencyHelper.getCursorMap(formatted, options);
+    function getInfo(value, options) {
+      var raw = CurrencyHelper.unformatString(value);
+      var formatted = CurrencyHelper.formatString(value, options);
+      var cursorMap = CurrencyHelper.getCursorMap(formatted, options);
 
-    return { raw: raw, formatted: formatted, cursorMap: cursorMap };
-  };CurrencyHelper.
+      return { raw: raw, formatted: formatted, cursorMap: cursorMap };
+    } }, { key: "getCursorMap", value:
 
-  getCursorMap = function getCursorMap(formatted, formattingOptions) {
-    var options = CurrencyHelper.getOptions(formattingOptions);
-    var regexp = new RegExp(options.thousandsDelimiter);
-    var cursorMap = [];
+    function getCursorMap(formatted, formattingOptions) {
+      var options = CurrencyHelper.getOptions(formattingOptions);
+      var regexp = new RegExp(options.thousandsDelimiter);
+      var cursorMap = [];
 
-    var index = formatted.length;
-    var cursor = formatted.length;
-    var skip = 0;
+      var index = formatted.length;
+      var cursor = formatted.length;
+      var skip = 0;
 
-    while (index >= 0) {
-      cursorMap[index] = cursor;
+      while (index >= 0) {
+        cursorMap[index] = cursor;
 
-      var ignoredSymbol = regexp.exec(formatted[index - 1]);
-      if (ignoredSymbol) {
-        ++skip;
-      } else {
-        cursor = cursor - skip - 1;
-        skip = 0;
+        var ignoredSymbol = regexp.exec(formatted[index - 1]);
+        if (ignoredSymbol) {
+          ++skip;
+        } else {
+          cursor = cursor - skip - 1;
+          skip = 0;
+        }
+        --index;
       }
-      --index;
-    }
-    return cursorMap;
-  };CurrencyHelper.
+      return cursorMap;
+    } }, { key: "format", value:
 
-  format = function format(value, options) {
-    if ((0, _utils.isNullable)(value)) {
-      return '';
-    }
-    return CurrencyHelper.formatString(this.toDecimalString(value), options);
-  };CurrencyHelper.
-
-  parse = function parse(value) {
-    var cleaned = CurrencyHelper.unformatString(value);
-    if (!cleaned) {
-      return null;
-    }
-
-    var destructed = CurrencyHelper.destructString(cleaned);
-    if (!destructed) {
-      return null;
-    }
-
-    var result =
-    destructed.sign + (destructed.integer || '0') + (destructed.delimiter || '.') + (destructed.fraction || '0');
-
-    return parseFloat(result);
-  };CurrencyHelper.
-
-  unformatString = function unformatString(value) {
-    return value.
-    replace(/\s/g, '').
-    replace(',', '.').
-    replace(/[\u2212\u002D\uFE63\uFF0D\u2012\u2013\u2014\u2015]/g, '-');
-  };CurrencyHelper.
-
-  formatForClipboard = function formatForClipboard(value) {
-    return CurrencyHelper.unformatString(value).replace('.', ',');
-  };CurrencyHelper.
-
-  formatString = function formatString(value, formattingOptions) {
-    var unformattedValue = CurrencyHelper.unformatString(value);
-    var destructed = CurrencyHelper.destructString(unformattedValue) || {
-      sign: '',
-      integer: '',
-      delimiter: '',
-      fraction: ''
-    };
-
-    var sign = destructed.sign,integer = destructed.integer,delimiter = destructed.delimiter;
-    var fraction = destructed.fraction;
-    var fractionDigits = fraction.length;
-
-    var options = CurrencyHelper.getOptions(formattingOptions);
-    if (options.hideTrailingZeros) {
-      fraction = fraction.replace(/0+$/, '');
-      fractionDigits = fraction.length;
-    } else if (options.fractionDigits !== null) {
-      fractionDigits = options.fractionDigits;
-    }
-
-    var parts = [];
-
-    var blockSize = 3;
-    var start = (integer.length - 1) % blockSize - blockSize + 1;
-    for (var i = start; i < integer.length; i += blockSize) {
-      parts.push(integer.substring(Math.max(i, 0), i + blockSize));
-    }
-
-    var result = parts.join(options.thousandsDelimiter);
-
-    if (delimiter || fractionDigits) {
-      result += ',';
-      result += fraction.padEnd(Math.min(fractionDigits, _constants.MAX_SAFE_DIGITS), '0');
-    }
-
-    if (sign) {
-      result = options.minusSign + result;
-    }
-
-    return result;
-  };CurrencyHelper.
-
-  isValidString = function isValidString(value, options) {
-    var unformattedValue = CurrencyHelper.unformatString(value);
-    var destructed = CurrencyHelper.destructString(unformattedValue);
-
-    if (!destructed) {
-      return false;
-    }
-
-    var sign = destructed.sign,integer = destructed.integer,delimiter = destructed.delimiter,fraction = destructed.fraction;
-
-    if (options.unsigned && sign) {
-      return false;
-    }
-
-    if (options.fractionDigits === 0 && delimiter) {
-      return false;
-    }
-
-    var integerDigits = integer === '0' ? 0 : integer.length;
-    var fractionDigits = fraction.length;
-
-    if ((0, _utils.isNonNullable)(options.integerDigits) && integerDigits > options.integerDigits) {
-      return false;
-    }
-
-    if ((0, _utils.isNullable)(options.integerDigits) && integerDigits > _constants.MAX_SAFE_DIGITS - (options.fractionDigits || 0)) {
-      return false;
-    }
+    function format(value, options) {
+      if ((0, _utils.isNullable)(value)) {
+        return '';
+      }
+      return CurrencyHelper.formatString(this.toDecimalString(value), options);
+    } }, { key: "parse", value:
 
-    if ((0, _utils.isNonNullable)(options.fractionDigits) && fractionDigits > options.fractionDigits) {
-      return false;
-    }
+    function parse(value) {
+      var cleaned = CurrencyHelper.unformatString(value);
+      if (!cleaned) {
+        return null;
+      }
+
+      var destructed = CurrencyHelper.destructString(cleaned);
+      if (!destructed) {
+        return null;
+      }
 
-    return integerDigits + fractionDigits <= _constants.MAX_SAFE_DIGITS;
-  };CurrencyHelper.
+      var result =
+      destructed.sign + (destructed.integer || '0') + (destructed.delimiter || '.') + (destructed.fraction || '0');
+
+      return parseFloat(result);
+    } }, { key: "unformatString", value:
+
+    function unformatString(value) {
+      return value.
+      replace(/\s/g, '').
+      replace(',', '.').
+      replace(/[\u2212\u002D\uFE63\uFF0D\u2012\u2013\u2014\u2015]/g, '-');
+    } }, { key: "formatForClipboard", value:
+
+    function formatForClipboard(value) {
+      return CurrencyHelper.unformatString(value).replace('.', ',');
+    } }, { key: "formatString", value:
+
+    function formatString(value, formattingOptions) {
+      var unformattedValue = CurrencyHelper.unformatString(value);
+      var destructed = CurrencyHelper.destructString(unformattedValue) || {
+        sign: '',
+        integer: '',
+        delimiter: '',
+        fraction: ''
+      };
+
+      var sign = destructed.sign,integer = destructed.integer,delimiter = destructed.delimiter;
+      var fraction = destructed.fraction;
+      var fractionDigits = fraction.length;
+
+      var options = CurrencyHelper.getOptions(formattingOptions);
+      if (options.hideTrailingZeros) {
+        fraction = fraction.replace(/0+$/, '');
+        fractionDigits = fraction.length;
+      } else if (options.fractionDigits !== null) {
+        fractionDigits = options.fractionDigits;
+      }
 
-  extractValid = function extractValid(value, options) {
-    var unformattedValue = CurrencyHelper.unformatString(value);
+      var parts = [];
 
-    var match = /[-.\d]+/.exec(unformattedValue);
+      var blockSize = 3;
+      var start = (integer.length - 1) % blockSize - blockSize + 1;
+      for (var i = start; i < integer.length; i += blockSize) {
+        parts.push(integer.substring(Math.max(i, 0), i + blockSize));
+      }
 
-    if (!match) {
-      return '';
-    }
+      var result = parts.join(options.thousandsDelimiter);
 
-    var token = match[0].substr(0, _constants.MAX_ALLOWED_CHARS);
+      if (delimiter || fractionDigits) {
+        result += ',';
+        result += fraction.padEnd(Math.min(fractionDigits, _constants.MAX_SAFE_DIGITS), '0');
+      }
 
-    for (var i = token.length; i >= 0; --i) {
-      var result = token.substr(0, i);
-      if (CurrencyHelper.isValidString(result, options)) {
-        return result;
+      if (sign) {
+        result = options.minusSign + result;
       }
-    }
 
-    return '';
-  };CurrencyHelper.
-
-  destructString = function destructString(value) {
-    var match = /^(-)?(\d*)?(\.)?(\d*)?(e)?([-+]?\d+)?$/.exec(value);
-    if (!match) {
-      return null;
-    }
-    var _match$ = match[1],sign = _match$ === void 0 ? '' : _match$,_match$2 = match[2],integer = _match$2 === void 0 ? '' : _match$2,_match$3 = match[3],delimiter = _match$3 === void 0 ? '' : _match$3,_match$4 = match[4],fraction = _match$4 === void 0 ? '' : _match$4,_match$5 = match[6],exponent = _match$5 === void 0 ? '' : _match$5;
-    return { sign: sign, integer: integer, delimiter: delimiter, fraction: fraction, exponent: exponent };
-  };return CurrencyHelper;}();_CurrencyHelper = CurrencyHelper;CurrencyHelper.defaultOptions = { fractionDigits: null, hideTrailingZeros: false, thousandsDelimiter: _client.isSafari ? _constants.SPACE : _constants.THIN_SPACE, minusSign: _constants.MINUS_SIGN };CurrencyHelper.
+      return result;
+    } }, { key: "isValidString", value:
+
+    function isValidString(value, options) {
+      var unformattedValue = CurrencyHelper.unformatString(value);
+      var destructed = CurrencyHelper.destructString(unformattedValue);
+
+      if (!destructed) {
+        return false;
+      }
+
+      var sign = destructed.sign,integer = destructed.integer,delimiter = destructed.delimiter,fraction = destructed.fraction;
+
+      if (options.unsigned && sign) {
+        return false;
+      }
+
+      if (options.fractionDigits === 0 && delimiter) {
+        return false;
+      }
+
+      var integerDigits = integer === '0' ? 0 : integer.length;
+      var fractionDigits = fraction.length;
+
+      if ((0, _utils.isNonNullable)(options.integerDigits) && integerDigits > options.integerDigits) {
+        return false;
+      }
+
+      if ((0, _utils.isNullable)(options.integerDigits) && integerDigits > _constants.MAX_SAFE_DIGITS - (options.fractionDigits || 0)) {
+        return false;
+      }
+
+      if ((0, _utils.isNonNullable)(options.fractionDigits) && fractionDigits > options.fractionDigits) {
+        return false;
+      }
+
+      return integerDigits + fractionDigits <= _constants.MAX_SAFE_DIGITS;
+    } }, { key: "extractValid", value:
+
+    function extractValid(value, options) {
+      var unformattedValue = CurrencyHelper.unformatString(value);
+
+      var match = /[-.\d]+/.exec(unformattedValue);
+
+      if (!match) {
+        return '';
+      }
+
+      var token = match[0].substr(0, _constants.MAX_ALLOWED_CHARS);
+
+      for (var i = token.length; i >= 0; --i) {
+        var result = token.substr(0, i);
+        if (CurrencyHelper.isValidString(result, options)) {
+          return result;
+        }
+      }
+
+      return '';
+    } }, { key: "destructString", value:
+
+    function destructString(value) {
+      var match = /^(-)?(\d*)?(\.)?(\d*)?(e)?([-+]?\d+)?$/.exec(value);
+      if (!match) {
+        return null;
+      }
+      var _match = (0, _slicedToArray2.default)(match, 7),_match$ = _match[1],sign = _match$ === void 0 ? '' : _match$,_match$2 = _match[2],integer = _match$2 === void 0 ? '' : _match$2,_match$3 = _match[3],delimiter = _match$3 === void 0 ? '' : _match$3,_match$4 = _match[4],fraction = _match$4 === void 0 ? '' : _match$4,_match$5 = _match[6],exponent = _match$5 === void 0 ? '' : _match$5;
+      return { sign: sign, integer: integer, delimiter: delimiter, fraction: fraction, exponent: exponent };
+    } }]);}();_CurrencyHelper = CurrencyHelper;CurrencyHelper.defaultOptions = { fractionDigits: null, hideTrailingZeros: false, thousandsDelimiter: _client.isSafari ? _constants.SPACE : _constants.THIN_SPACE, minusSign: _constants.MINUS_SIGN };CurrencyHelper.
 
 toDecimalString = function (number) {
   if (!number.toString().includes('e')) {