@skbkontur/react-ui 5.6.5-cab54.0 → 5.6.5

package/cjs/components/ComboBox/ComboBox.js

@@ -0,0 +1,344 @@
+"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"));
+var _react = _interopRequireDefault(require("react"));
+
+var _CustomComboBox = require("../../internal/CustomComboBox");
+
+
+
+
+
+var _rootNode = require("../../lib/rootNode");
+var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _ComboBox;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Комбобокс — поле ввода с выпадающим списком подсказок, из которых пользователь может выбрать нужное. Открыть выпадающий список можно ещё до начала ввода значения, нажав на поле. */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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    getProps = (0, _createPropsGetter.createPropsGetter)(ComboBox.defaultProps);_this.
+
+    comboboxElement = null;_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    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;

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

@@ -0,0 +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":[]}

package/cjs/components/ComboBox/index.d.ts

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

package/cjs/components/ComboBox/index.js

@@ -0,0 +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];});

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

@@ -0,0 +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":[]}

package/cjs/components/CurrencyInput/CurrencyHelper.d.ts

@@ -0,0 +1,41 @@
+import type { Nullable } from '../../typings/utility-types';
+import type { DecimalOptions } from './CurrencyInputHelper';
+import type { CursorMap } from './CursorHelper';
+export interface DecimalFormattingOptions {
+    /** Устанавливает минимальное количество отображаемых знаков после запятой. */
+    fractionDigits?: Nullable<number>;
+    /** Убирает лишние нули после запятой. */
+    hideTrailingZeros?: boolean;
+    /** Устанавливает разделители для тысячных разрядов. */
+    thousandsDelimiter?: string;
+    /** Устанавливает знак минуса. */
+    minusSign?: string;
+}
+type DecimalFormattingOptionsInternal = Required<DecimalFormattingOptions>;
+export interface FormattingInfo {
+    raw: string;
+    formatted: string;
+    cursorMap: CursorMap;
+}
+export declare class CurrencyHelper {
+    static defaultOptions: DecimalFormattingOptionsInternal;
+    static getOptions(options?: Nullable<DecimalFormattingOptions>): DecimalFormattingOptionsInternal;
+    static getInfo(value: string, options?: Nullable<DecimalFormattingOptions>): FormattingInfo;
+    static getCursorMap(formatted: string, formattingOptions?: Nullable<DecimalFormattingOptions>): CursorMap;
+    static format(value: Nullable<number>, options?: Nullable<DecimalFormattingOptions>): string;
+    static parse(value: string): Nullable<number>;
+    static unformatString(value: string): string;
+    static formatForClipboard(value: string): string;
+    static formatString(value: string, formattingOptions?: Nullable<DecimalFormattingOptions>): string;
+    static isValidString(value: string, options: DecimalOptions): boolean;
+    static extractValid(value: string, options: DecimalOptions): string;
+    static destructString(value: string): {
+        sign: string;
+        integer: string;
+        delimiter: string;
+        fraction: string;
+        exponent: string;
+    } | null;
+    private static toDecimalString;
+}
+export {};

package/cjs/components/CurrencyInput/CurrencyHelper.js

@@ -0,0 +1,233 @@
+"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");
+
+var _client = require("../../lib/client");
+
+
+
+var _constants = require("./constants");var _CurrencyHelper;var
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+CurrencyHelper = exports.CurrencyHelper = /*#__PURE__*/function () {function CurrencyHelper() {}CurrencyHelper.
+
+
+
+
+
+
+
+  getOptions = function getOptions(options) {
+    return (0, _extends2.default)({}, CurrencyHelper.defaultOptions, options);
+  };CurrencyHelper.
+
+  getInfo = 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.
+
+  getCursorMap = 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;
+
+    while (index >= 0) {
+      cursorMap[index] = cursor;
+
+      var ignoredSymbol = regexp.exec(formatted[index - 1]);
+      if (ignoredSymbol) {
+        ++skip;
+      } else {
+        cursor = cursor - skip - 1;
+        skip = 0;
+      }
+      --index;
+    }
+    return cursorMap;
+  };CurrencyHelper.
+
+  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;
+    }
+
+    if ((0, _utils.isNonNullable)(options.fractionDigits) && fractionDigits > options.fractionDigits) {
+      return false;
+    }
+
+    return integerDigits + fractionDigits <= _constants.MAX_SAFE_DIGITS;
+  };CurrencyHelper.
+
+  extractValid = 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 '';
+  };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.
+
+toDecimalString = function (number) {
+  if (!number.toString().includes('e')) {
+    return number.toString();
+  }
+  var destructed = _CurrencyHelper.destructString(number.toExponential());
+  if (destructed === null) {
+    return '';
+  }
+  var _destructed$sign = destructed.sign,sign = _destructed$sign === void 0 ? '' : _destructed$sign,integer = destructed.integer,fraction = destructed.fraction,exponent = destructed.exponent;
+  var intExponent = parseInt(exponent || '0');
+  if (intExponent > 0) {
+    return [sign, integer, fraction, '0'.repeat(intExponent - fraction.length)].join('');
+  }
+  return [sign, '0.', ' 0'.repeat(-intExponent - 1), integer, fraction].join('');
+};