@skbkontur/react-ui 5.0.12 → 5.1.0-next.1

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

@@ -1 +1 @@
-{"version":3,"names":["React","CustomComboBox","rootNode","createPropsGetter","ComboBox","_class","_ComboBox","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inheritsLoose","_proto","prototype","focus","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","_extends","size","props","ref","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow"],"sources":["ComboBox.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuItemState } from '../MenuItem';\nimport { InputIconType } from '../Input';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\n\nexport interface ComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  align?: 'left' | 'center' | 'right';\n  /**\n   * Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода\n   * @default true\n   */\n  searchOnFocus?: boolean;\n  /**\n   * Рисует справа иконку в виде стрелки\n   * @default true\n   */\n  drawArrow?: boolean;\n\n  autoFocus?: boolean;\n\n  borderless?: boolean;\n\n  /**\n   * Не использовать Portal для рендеринга меню.\n   * См. https://github.com/skbkontur/retail-ui/issues/15\n   * @default false\n   */\n  disablePortal?: boolean;\n\n  disabled?: boolean;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n\n  leftIcon?: InputIconType;\n\n  rightIcon?: InputIconType;\n\n  /**\n   * Функция поиска элементов, должна возвращать Promise с массивом элементов.\n   * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.\n   *\n   * Элементы могут быть любого типа. В этом случае необходимо определить\n   * свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`\n   */\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n\n  /**\n   * Необходим для сравнения полученных результатов с `value`\n   * @default item => item.label\n   */\n  itemToValue?: (item: T) => string | number;\n\n  maxLength?: number;\n\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n\n  onBlur?: () => void;\n\n  /** Вызывается при изменении `value` */\n  onValueChange?: (value: T) => void;\n\n  onFocus?: () => void;\n\n  /**\n   * Вызывается при изменении текста в поле ввода,\n   * если результатом функции будет строка,\n   * то она станет следующим состоянием полем ввода\n   */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /**\n   * Функция для обработки ситуации, когда была введена\n   * строка в инпут и был потерян фокус с элемента.\n   *\n   * Если при потере фокуса в выпадающем списке будет только один\n   * элемент и  результат `renderValue` с этим элементом будет\n   * совпадать со значение в текстовом поле, то\n   * сработает onValueChange со значением данного элемента\n   *\n   * Сама функция также может вернуть значение,\n   * неравное `undefined`,\n   * с которым будет вызван onValueChange.\n   */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  placeholder?: string;\n\n  /**\n   * Функция отрисовки элементов результата поиска.\n   * Не применяется если элемент является функцией или React-элементом\n   * @default item => item.label\n   */\n  renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /**\n   * Компонент, заменяющий собой обёртку элементов результата поиска.\n   *\n   * По умолчанию все элементы результата поиска оборачиваются в тег `<button />`.\n   *\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  /**\n   * Функция для отрисовки сообщения о пустом результате поиска\n   * Если есть renderAddButton - не работает\n   */\n  renderNotFound?: () => React.ReactNode;\n\n  /**\n   * Функция отображающая сообщение об общем количестве элементов.\n   * `found` учитывает только компонент `MenuItem`. Им \"оборачиваются\" элементы, возвращаемые `getItems()`.\n   */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /**\n   * Функция отрисовки выбранного значения\n   * @default item => item.label\n   */\n  renderValue?: (item: T) => React.ReactNode;\n\n  /**\n   * Функция отрисовки кнопки добавления в выпадающем списке\n   */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /**\n   * Общее количество элементов.\n   * Необходим для работы `renderTotalCount`\n   */\n  totalCount?: number;\n\n  /**\n   * Выбранное значение\n   * Ожидается, что `value` того же типа что и элементы в массиве,\n   * возвращаемом в `getItems`\n   */\n  value?: Nullable<T>;\n\n  /**\n   * Необходим для преобразования `value` в строку при фокусировке\n   * @default item => item.label\n   */\n  valueToString?: (item: T) => string;\n\n  size?: SizeProp;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n\n  width?: string | number;\n\n  maxMenuHeight?: number | string;\n\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\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' | 'valueToString' | 'renderValue' | 'renderItem' | 'menuAlign' | 'searchOnFocus' | 'drawArrow'\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  };\n\n  private getProps = createPropsGetter(ComboBox.defaultProps);\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.comboboxElement) {\n      this.comboboxElement.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.comboboxElement) {\n      this.comboboxElement.blur();\n    }\n  }\n\n  /**\n   * Открывает выпадающий список и запускает поиск элементов\n   *\n   * @public\n   * @param {string} [query] Текст поиска. По умолчанию берется\n   * текст из инпута или результат `valueToString(value)`\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   * Выделяет текст внутри input\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введенное пользователем значение\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","CustomComboBox","rootNode","createPropsGetter","ComboBox","_class","_ComboBox","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inheritsLoose","_proto","prototype","focus","opts","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","_extends","size","props","ref","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow"],"sources":["ComboBox.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\n\nimport { CustomComboBox } from '../../internal/CustomComboBox';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuItemState } from '../MenuItem';\nimport { InputIconType } from '../Input';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { SizeProp } from '../../lib/types/props';\n\nexport interface ComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\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  /** Отключает использование портала для рендеринга меню.\n   * См. https://github.com/skbkontur/retail-ui/issues/15 */\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  /** Задает максимальную длину инпута. */\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  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\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' | 'valueToString' | 'renderValue' | 'renderItem' | 'menuAlign' | 'searchOnFocus' | 'drawArrow'\n  >\n>;\n\n/**\n * `ComboBox` — это поле ввода со списком подсказок.\n *\n * `ComboBox` используют:\n * * для выбора значения из справочника.\n * * для добавления своего значения в справочник.\n *\n * `ComboBox` может работать в двух режимах — обычном и в режиме автокомплита.\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  };\n\n  private getProps = createPropsGetter(ComboBox.defaultProps);\n\n  private comboboxElement: Nullable<CustomComboBox<T>> = null;\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   *\n   * @public\n   * @param {string} [query] Текст поиска. По умолчанию берется\n   * текст из инпута или результат `valueToString(value)`\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   * Выделяет текст внутри input\n   * @public\n   */\n  public selectInputText() {\n    if (this.comboboxElement) {\n      this.comboboxElement.selectInputText();\n    }\n  }\n\n  /**\n   * Сбрасывает введенное пользователем значение\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/components/ComboBox/ComboBox.d.ts

@@ -5,87 +5,68 @@ import { InputIconType } from '../Input';
 import { CommonProps } from '../../internal/CommonWrapper';
 import { SizeProp } from '../../lib/types/props';
 export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
+    /** Задает выравнивание контента. */
     align?: 'left' | 'center' | 'right';
-    /**
-     * Вызывает функцию поиска `getItems` при фокусе и очистке поля ввода
-     * @default true
-     */
+    /** Вызывает функцию поиска getItems при фокусе и очистке поля ввода. */
     searchOnFocus?: boolean;
-    /**
-     * Рисует справа иконку в виде стрелки
-     * @default true
-     */
+    /** Отображает справа иконку в виде стрелки. */
     drawArrow?: boolean;
+    /** Устанавливает фокус на контроле после окончания загрузки страницы. */
     autoFocus?: boolean;
+    /** Убирает обводку. */
     borderless?: boolean;
-    /**
-     * Не использовать Portal для рендеринга меню.
-     * См. https://github.com/skbkontur/retail-ui/issues/15
-     * @default false
-     */
+    /** Отключает использование портала для рендеринга меню.
+     * См. https://github.com/skbkontur/retail-ui/issues/15 */
     disablePortal?: boolean;
+    /** Делает компонент недоступным. */
     disabled?: boolean;
-    /**
-     * Состояние валидации при ошибке.
-     */
+    /** Переводит контрол в состояние валидации "ошибка". */
     error?: boolean;
+    /** Добавляет иконку слева.
+     При использовании `ReactNode` применяются дефолтные стили для иконки.
+     При использовании `() => ReactNode` применяются только стили для позиционирования. */
     leftIcon?: InputIconType;
+    /** Добавляет иконку справа.
+     При использовании `ReactNode` применяются дефолтные стили для иконки.
+     При использовании `() => ReactNode` применяются только стили для позиционирования. */
     rightIcon?: InputIconType;
-    /**
-     * Функция поиска элементов, должна возвращать Promise с массивом элементов.
+    /** Задает функцию поиска элементов, которая должна возвращать Promise с массивом элементов.
      * По умолчанию ожидаются объекты с типом `{ value: string, label: string }`.
-     *
-     * Элементы могут быть любого типа. В этом случае необходимо определить
-     * свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`
-     */
+     * Элементы могут быть любого типа. В этом случае необходимо определить свойства `itemToValue`, `renderValue`, `renderItem`, `valueToString`. */
     getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;
-    /**
-     * Необходим для сравнения полученных результатов с `value`
-     * @default item => item.label
-     */
+    /** Задает функцию сравнения полученных результатов с value. */
     itemToValue?: (item: T) => string | number;
+    /** Задает максимальную длину инпута. */
     maxLength?: number;
-    /**
-     * Позволяет вручную задать текущую позицию выпадающего окна
+    /** Задает текущую позицию выпадающего окна вручную.
      */
     menuPos?: 'top' | 'bottom';
+    /** Задает выравнивание выпадающего меню. */
     menuAlign?: 'left' | 'right';
+    /** Задает функцию, которая вызывается при потере комбобоксом фокуса. */
     onBlur?: () => void;
     /** Вызывается при изменении `value` */
     onValueChange?: (value: T) => void;
+    /** Задает функцию, которая вызывается при получении комбобоксом фокуса. */
     onFocus?: () => void;
-    /**
-     * Вызывается при изменении текста в поле ввода,
-     * если результатом функции будет строка,
-     * то она станет следующим состоянием полем ввода
-     */
+    /** Задает функцию, которая вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода. */
     onInputValueChange?: (value: string) => Nullable<string> | void;
-    /**
-     * Функция для обработки ситуации, когда была введена
-     * строка в инпут и был потерян фокус с элемента.
-     *
-     * Если при потере фокуса в выпадающем списке будет только один
-     * элемент и  результат `renderValue` с этим элементом будет
-     * совпадать со значение в текстовом поле, то
-     * сработает onValueChange со значением данного элемента
-     *
-     * Сама функция также может вернуть значение,
-     * неравное `undefined`,
-     * с которым будет вызван onValueChange.
-     */
+    /** Задает функцию для обработки ввода строки в инпут и последующей потерей фокуса компонентом.
+     * Функция срабатывает с аргументом инпута строки.
+     * Если при потере фокуса в выпадающем списке будет только один элемент и результат valueToString с этим элементом будет совпадать со значение в текстовом поле, то сработает onValueChange со значением данного элемента.
+     * Сама функция также может вернуть значение, неравное undefined, с которым будет вызван onValueChange. Если возвращаемое значение будет равно null, то сработает очистка текущего значения инпута, а в режиме редактирования токен будет удален. */
     onUnexpectedInput?: (value: string) => void | null | T;
+    /** Задает текст, который отображается если не введено никакое значение. */
     placeholder?: string;
-    /**
-     * Функция отрисовки элементов результата поиска.
+    /** Задает функцию отрисовки элементов результата поиска.
      * Не применяется если элемент является функцией или React-элементом
      * @default item => item.label
-     */
+     * @param {T} item - элемент из результата поиска.
+     * @param {MenuItemState} state? - состояние элемента.
+     * @returns {React.ReactNode} React-элемент. */
     renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;
-    /**
-     * Компонент, заменяющий собой обёртку элементов результата поиска.
-     *
-     * По умолчанию все элементы результата поиска оборачиваются в тег `<button />`.
-     *
+    /** Устанавливает компонент, заменяющий собой обёртку элементов результата поиска.
+     * По умолчанию все элементы результата поиска оборачиваются в тег <button />.
      * @example
      * itemWrapper={(item) => {
      *    if (item.value === 3) {
@@ -96,52 +77,40 @@ export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby
      * }}
      */
     itemWrapper?: (item: T) => React.ComponentType;
-    /**
-     * Функция для отрисовки сообщения о пустом результате поиска
-     * Если есть renderAddButton - не работает
-     */
+    /** Задает функцию, которая отображает сообщение о пустом результате поиска. При renderAddButton не работает. */
     renderNotFound?: () => React.ReactNode;
-    /**
-     * Функция отображающая сообщение об общем количестве элементов.
-     * `found` учитывает только компонент `MenuItem`. Им "оборачиваются" элементы, возвращаемые `getItems()`.
-     */
+    /** Задает функцию, которая отображает сообщение об общем количестве элементов.
+     * @param {number} found - количество элементов по результатам поиска. Учитывает только компонент MenuItem. Им "оборачиваются" элементы, возвращаемые getItems().
+     * @param {number} total - количество всех элементов. */
     renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    /**
-     * Функция отрисовки выбранного значения
-     * @default item => item.label
-     */
+    /** Задает функцию, которая отображает выбранное значение.
+     * @default item => item.label */
     renderValue?: (item: T) => React.ReactNode;
-    /**
-     * Функция отрисовки кнопки добавления в выпадающем списке
-     */
+    /** Задает функцию отрисовки кнопки добавления в выпадающем списке. */
     renderAddButton?: (query?: string) => React.ReactNode;
-    /**
-     * Общее количество элементов.
-     * Необходим для работы `renderTotalCount`
-     */
+    /** Определяет общее количество элементов. Необходим для работы renderTotalCount. */
     totalCount?: number;
-    /**
-     * Выбранное значение
-     * Ожидается, что `value` того же типа что и элементы в массиве,
-     * возвращаемом в `getItems`
-     */
+    /** Устанавливает выбранное в комбобоксе значение. Тип `value` совпадает с типом элементов в массиве, возвращаемом в `getItems`. */
     value?: Nullable<T>;
-    /**
-     * Необходим для преобразования `value` в строку при фокусировке
-     * @default item => item.label
-     */
+    /** Задает функцию, которая возвращает строковое представление value. Необходимо при фокусировке. */
     valueToString?: (item: T) => string;
+    /** Задает размер компонента. */
     size?: SizeProp;
-    /**
-     * Состояние валидации при предупреждении.
-     */
+    /** Переводит контрол в состояние валидации "предупреждение". */
     warning?: boolean;
+    /** Задает длину комбобокса. */
     width?: string | number;
+    /** Задает максимальную высоту меню. */
     maxMenuHeight?: number | string;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */
     onMouseEnter?: (e: React.MouseEvent) => void;
+    /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */
     onMouseOver?: (e: React.MouseEvent) => void;
+    /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */
     onMouseLeave?: (e: React.MouseEvent) => void;
+    /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */
     onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
+    /** Задает типы вводимых данных. */
     inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
 }
 export interface ComboBoxItem {
@@ -150,6 +119,16 @@ export interface ComboBoxItem {
 }
 export type ComboBoxExtendedItem<T> = T | (() => React.ReactElement<T>) | React.ReactElement<T>;
 type DefaultProps<T> = Required<Pick<ComboBoxProps<T>, 'itemToValue' | 'valueToString' | 'renderValue' | 'renderItem' | 'menuAlign' | 'searchOnFocus' | 'drawArrow'>>;
+/**
+ * `ComboBox` — это поле ввода со списком подсказок.
+ *
+ * `ComboBox` используют:
+ * * для выбора значения из справочника.
+ * * для добавления своего значения в справочник.
+ *
+ * `ComboBox` может работать в двух режимах — обычном и в режиме автокомплита.
+ * Основное их отличие в том, что в режиме автокомплита список вариантов появляется только после ввода первого символа или изменении уже введенного значения.
+ */
 export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBoxProps<T>> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
@@ -160,7 +139,9 @@ export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBox
     /**
      * @public
      */
-    focus(): void;
+    focus(opts?: {
+        withoutOpenDropdown?: boolean;
+    }): void;
     /**
      * @public
      */

package/components/ComboBox/ComboBox.md

@@ -1,4 +1,4 @@
-Combobox with error handling
+### Комбобокс с валидацией
 
 ```jsx harmony
 import { Tooltip } from '@skbkontur/react-ui';
@@ -49,6 +49,7 @@ let handleFocus = () => setError(false);
 </Tooltip>;
 ```
 
+### Очистка комбобокса
 Очистить значение в `ComboBox`'е можно с помощью пустой строки, `null` или `undefined`
 ```jsx harmony
 import { Group, ComboBox, Button } from '@skbkontur/react-ui';
@@ -81,11 +82,11 @@ const getItems = q => {
 </Group>
 ```
 
-ComboBox with popular values, complex menu items and total count message
+### ComboBox with popular values, complex menu items and total count message
 
 ```jsx harmony
-import { getCities } from './__mocks__/getCities';
-import { Gapped, MenuHeader, MenuSeparator } from '@skbkontur/react-ui';
+import { getCities } from '@skbkontur/react-ui/components/ComboBox/__mocks__/getCities';
+import { Gapped, MenuSeparator } from '@skbkontur/react-ui';
 import {MenuFooter} from "@skbkontur/react-ui/components/MenuFooter";
 
 let popularItems = [
@@ -148,7 +149,7 @@ let renderItem = item => (
 />;
 ```
 
-Переопределение `renderValue`, `renderItem` и `itemWrapper`:
+### Переопределение `renderValue`, `renderItem` и `itemWrapper`
 
 ```jsx harmony
 import OkIcon from '@skbkontur/react-icons/Ok';
@@ -279,7 +280,7 @@ const customRenderValue = item => (
 </Tooltip>;
 ```
 
-С подсветкой результата поиска:
+### Подсветка результата поиска
 
 ```jsx harmony
 import { Tooltip } from '@skbkontur/react-ui';
@@ -359,7 +360,7 @@ const renderItem = item => {
 </Tooltip>;
 ```
 
-Добавление элементов в меню
+### Добавление элементов в меню
 
 ```jsx harmony
 import { MenuItem } from '@skbkontur/react-ui';
@@ -466,48 +467,48 @@ class ComboboxExample extends React.Component {
 <ComboboxExample />;
 ```
 
-
+### Сброс контрола
 Если нужно сбросить контрол без изменения `value`, то можно использовать метод `reset`.
 
 ```jsx harmony
 import { Button } from '@skbkontur/react-ui';
 
-  const [selected, setSelected] = React.useState({ value: 1, label: "First" });
-  const ref = React.useRef(null);
+const [selected, setSelected] = React.useState({ value: 1, label: "First" });
+const ref = React.useRef(null);
 
-  const handleReset = () => {
-    if (ref.current) {
-      ref.current.reset();
-    }
-  };
-
-  const getItems = (q) =>
-    Promise.resolve(
-      [
-        { value: 1, label: "First" },
-        { value: 2, label: "Second" },
-        { value: 3, label: "Third" }
-      ].filter(
-        (x) =>
-          x.label.toLowerCase().includes(q.toLowerCase()) ||
-          x.value.toString(10) === q
-      )
-    );
+const handleReset = () => {
+  if (ref.current) {
+    ref.current.reset();
+  }
+};
 
-  <div>
-    <ComboBox
-      ref={ref}
-      getItems={getItems}
-      onValueChange={setSelected}
-      placeholder="Enter number"
-      value={selected}
-    />
-    <Button onClick={handleReset}>Reset</Button>
-  </div>
+const getItems = (q) =>
+  Promise.resolve(
+    [
+      { value: 1, label: "First" },
+      { value: 2, label: "Second" },
+      { value: 3, label: "Third" }
+    ].filter(
+      (x) =>
+        x.label.toLowerCase().includes(q.toLowerCase()) ||
+        x.value.toString(10) === q
+    )
+  );
+
+<div>
+  <ComboBox
+    ref={ref}
+    getItems={getItems}
+    onValueChange={setSelected}
+    placeholder="Enter number"
+    value={selected}
+  />
+  <Button onClick={handleReset}>Reset</Button>
+</div>
 
 ```
 
-#### Локали по умолчанию
+### Локали по умолчанию
 
 ```typescript static
 interface ComboBoxLocale {
@@ -529,7 +530,7 @@ const en_GB = {
 };
 ```
 
-У ComboBox есть 3 стандартных размера.
+### Размер
 ```jsx harmony
 import { Gapped } from '@skbkontur/react-ui';
 

package/components/ComboBox/__docs__/ComboBox.mdx

@@ -0,0 +1,28 @@
+import * as ComboBoxStories from './ComboBox.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={ComboBoxStories} />
+
+# ComboBox
+
+[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/combobox/)
+
+[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A1602)
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

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

@@ -1 +1 @@
-{"version":3,"names":["isNonNullable","isNullable","isSafari","MAX_ALLOWED_CHARS","MAX_SAFE_DIGITS","MINUS_SIGN","SPACE","THIN_SPACE","CurrencyHelper","getOptions","options","_extends","defaultOptions","getInfo","value","raw","unformatString","formatted","formatString","cursorMap","getCursorMap","formattingOptions","regexp","RegExp","thousandsDelimiter","index","length","cursor","skip","ignoredSymbol","exec","format","toDecimalString","parse","cleaned","destructed","destructString","result","sign","integer","delimiter","fraction","parseFloat","replace","formatForClipboard","unformattedValue","fractionDigits","hideTrailingZeros","parts","blockSize","start","i","push","substring","Math","max","join","padEnd","min","minusSign","isValidString","unsigned","integerDigits","extractValid","match","token","substr","_match$","_match$2","_match$3","_match$4","_match$5","exponent","_CurrencyHelper","number","toString","includes","toExponential","_destructed$sign","intExponent","parseInt","repeat"],"sources":["CurrencyHelper.tsx"],"sourcesContent":["import { isNonNullable, isNullable } from '../../lib/utils';\nimport { Nullable } from '../../typings/utility-types';\nimport { isSafari } from '../../lib/client';\n\nimport { DecimalOptions } from './CurrencyInputHelper';\nimport { CursorMap } from './CursorHelper';\nimport { MAX_ALLOWED_CHARS, MAX_SAFE_DIGITS, MINUS_SIGN, SPACE, THIN_SPACE } from './constants';\n\nexport interface DecimalFormattingOptions {\n  fractionDigits?: Nullable<number>;\n  hideTrailingZeros?: boolean;\n  thousandsDelimiter?: string;\n  minusSign?: string;\n}\n\ntype DecimalFormattingOptionsInternal = Required<DecimalFormattingOptions>;\n\nexport interface FormattingInfo {\n  raw: string;\n  formatted: string;\n  cursorMap: CursorMap;\n}\n\nexport class CurrencyHelper {\n  public static defaultOptions: DecimalFormattingOptionsInternal = {\n    fractionDigits: null,\n    hideTrailingZeros: false,\n    thousandsDelimiter: isSafari ? SPACE : THIN_SPACE,\n    minusSign: MINUS_SIGN,\n  };\n\n  public static getOptions(options?: Nullable<DecimalFormattingOptions>): DecimalFormattingOptionsInternal {\n    return { ...CurrencyHelper.defaultOptions, ...options };\n  }\n\n  public static getInfo(value: string, options?: Nullable<DecimalFormattingOptions>): FormattingInfo {\n    const raw = CurrencyHelper.unformatString(value);\n    const formatted = CurrencyHelper.formatString(value, options);\n    const cursorMap = CurrencyHelper.getCursorMap(formatted, options);\n\n    return { raw, formatted, cursorMap };\n  }\n\n  public static getCursorMap(formatted: string, formattingOptions?: Nullable<DecimalFormattingOptions>): CursorMap {\n    const options = CurrencyHelper.getOptions(formattingOptions);\n    const regexp = new RegExp(options.thousandsDelimiter);\n    const cursorMap: CursorMap = [];\n\n    let index = formatted.length;\n    let cursor = formatted.length;\n    let skip = 0;\n\n    while (index >= 0) {\n      cursorMap[index] = cursor;\n\n      const ignoredSymbol = regexp.exec(formatted[index - 1]);\n      if (ignoredSymbol) {\n        ++skip;\n      } else {\n        cursor = cursor - skip - 1;\n        skip = 0;\n      }\n      --index;\n    }\n    return cursorMap;\n  }\n\n  public static format(value: Nullable<number>, options?: Nullable<DecimalFormattingOptions>): string {\n    if (isNullable(value)) {\n      return '';\n    }\n    return CurrencyHelper.formatString(this.toDecimalString(value), options);\n  }\n\n  public static parse(value: string): Nullable<number> {\n    const cleaned = CurrencyHelper.unformatString(value);\n    if (!cleaned) {\n      return null;\n    }\n\n    const destructed = CurrencyHelper.destructString(cleaned);\n    if (!destructed) {\n      return null;\n    }\n\n    const result =\n      destructed.sign + (destructed.integer || '0') + (destructed.delimiter || '.') + (destructed.fraction || '0');\n\n    return parseFloat(result);\n  }\n\n  public static unformatString(value: string): string {\n    return value\n      .replace(/\\s/g, '')\n      .replace(',', '.')\n      .replace(/[\\u2212\\u002D\\uFE63\\uFF0D\\u2012\\u2013\\u2014\\u2015]/g, '-');\n  }\n\n  public static formatForClipboard(value: string): string {\n    return CurrencyHelper.unformatString(value).replace('.', ',');\n  }\n\n  public static formatString(value: string, formattingOptions?: Nullable<DecimalFormattingOptions>): string {\n    const unformattedValue = CurrencyHelper.unformatString(value);\n    const destructed = CurrencyHelper.destructString(unformattedValue) || {\n      sign: '',\n      integer: '',\n      delimiter: '',\n      fraction: '',\n    };\n\n    const { sign, integer, delimiter } = destructed;\n    let fraction = destructed.fraction;\n    let fractionDigits = fraction.length;\n\n    const options = CurrencyHelper.getOptions(formattingOptions);\n    if (options.hideTrailingZeros) {\n      fraction = fraction.replace(/0+$/, '');\n      fractionDigits = fraction.length;\n    } else if (options.fractionDigits !== null) {\n      fractionDigits = options.fractionDigits;\n    }\n\n    const parts = [];\n\n    const blockSize = 3;\n    const start = ((integer.length - 1) % blockSize) - blockSize + 1;\n    for (let i = start; i < integer.length; i += blockSize) {\n      parts.push(integer.substring(Math.max(i, 0), i + blockSize));\n    }\n\n    let result = parts.join(options.thousandsDelimiter);\n\n    if (delimiter || fractionDigits) {\n      result += ',';\n      result += fraction.padEnd(Math.min(fractionDigits, MAX_SAFE_DIGITS), '0');\n    }\n\n    if (sign) {\n      result = options.minusSign + result;\n    }\n\n    return result;\n  }\n\n  public static isValidString(value: string, options: DecimalOptions) {\n    const unformattedValue = CurrencyHelper.unformatString(value);\n    const destructed = CurrencyHelper.destructString(unformattedValue);\n\n    if (!destructed) {\n      return false;\n    }\n\n    const { sign, integer, delimiter, fraction } = destructed;\n\n    if (options.unsigned && sign) {\n      return false;\n    }\n\n    if (options.fractionDigits === 0 && delimiter) {\n      return false;\n    }\n\n    const integerDigits = integer === '0' ? 0 : integer.length;\n    const fractionDigits = fraction.length;\n\n    if (isNonNullable(options.integerDigits) && integerDigits > options.integerDigits) {\n      return false;\n    }\n\n    if (isNullable(options.integerDigits) && integerDigits > MAX_SAFE_DIGITS - (options.fractionDigits || 0)) {\n      return false;\n    }\n\n    if (isNonNullable(options.fractionDigits) && fractionDigits > options.fractionDigits) {\n      return false;\n    }\n\n    return integerDigits + fractionDigits <= MAX_SAFE_DIGITS;\n  }\n\n  public static extractValid(value: string, options: DecimalOptions): string {\n    const unformattedValue = CurrencyHelper.unformatString(value);\n\n    const match = /[-.\\d]+/.exec(unformattedValue);\n\n    if (!match) {\n      return '';\n    }\n\n    const token = match[0].substr(0, MAX_ALLOWED_CHARS);\n\n    for (let i = token.length; i >= 0; --i) {\n      const result = token.substr(0, i);\n      if (CurrencyHelper.isValidString(result, options)) {\n        return result;\n      }\n    }\n\n    return '';\n  }\n\n  public static destructString(value: string) {\n    const match = /^(-)?(\\d*)?(\\.)?(\\d*)?(e)?([-+]?\\d+)?$/.exec(value);\n    if (!match) {\n      return null;\n    }\n    const [, sign = '', integer = '', delimiter = '', fraction = '', , exponent = ''] = match;\n    return { sign, integer, delimiter, fraction, exponent };\n  }\n\n  private static toDecimalString = (number: number) => {\n    if (!number.toString().includes('e')) {\n      return number.toString();\n    }\n    const destructed = this.destructString(number.toExponential());\n    if (destructed === null) {\n      return '';\n    }\n    const { sign = '', integer, fraction, exponent } = destructed;\n    const intExponent = parseInt(exponent || '0');\n    if (intExponent > 0) {\n      return [sign, integer, fraction, '0'.repeat(intExponent - fraction.length)].join('');\n    }\n    return [sign, '0.', ' 0'.repeat(-intExponent - 1), integer, fraction].join('');\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isNonNullable","isNullable","isSafari","MAX_ALLOWED_CHARS","MAX_SAFE_DIGITS","MINUS_SIGN","SPACE","THIN_SPACE","CurrencyHelper","getOptions","options","_extends","defaultOptions","getInfo","value","raw","unformatString","formatted","formatString","cursorMap","getCursorMap","formattingOptions","regexp","RegExp","thousandsDelimiter","index","length","cursor","skip","ignoredSymbol","exec","format","toDecimalString","parse","cleaned","destructed","destructString","result","sign","integer","delimiter","fraction","parseFloat","replace","formatForClipboard","unformattedValue","fractionDigits","hideTrailingZeros","parts","blockSize","start","i","push","substring","Math","max","join","padEnd","min","minusSign","isValidString","unsigned","integerDigits","extractValid","match","token","substr","_match$","_match$2","_match$3","_match$4","_match$5","exponent","_CurrencyHelper","number","toString","includes","toExponential","_destructed$sign","intExponent","parseInt","repeat"],"sources":["CurrencyHelper.tsx"],"sourcesContent":["import { isNonNullable, isNullable } from '../../lib/utils';\nimport { Nullable } from '../../typings/utility-types';\nimport { isSafari } from '../../lib/client';\n\nimport { DecimalOptions } from './CurrencyInputHelper';\nimport { CursorMap } from './CursorHelper';\nimport { MAX_ALLOWED_CHARS, MAX_SAFE_DIGITS, MINUS_SIGN, SPACE, THIN_SPACE } from './constants';\n\nexport interface DecimalFormattingOptions {\n  /** Устанавливает минимальное количество отображаемых знаков после запятой. */\n  fractionDigits?: Nullable<number>;\n\n  /** Убирает лишние нули после запятой. */\n  hideTrailingZeros?: boolean;\n\n  /** Устанавливает разделители для тысячных разрядов. */\n  thousandsDelimiter?: string;\n\n  /** Устанавливает знак минуса. */\n  minusSign?: string;\n}\n\ntype DecimalFormattingOptionsInternal = Required<DecimalFormattingOptions>;\n\nexport interface FormattingInfo {\n  raw: string;\n  formatted: string;\n  cursorMap: CursorMap;\n}\n\nexport class CurrencyHelper {\n  public static defaultOptions: DecimalFormattingOptionsInternal = {\n    fractionDigits: null,\n    hideTrailingZeros: false,\n    thousandsDelimiter: isSafari ? SPACE : THIN_SPACE,\n    minusSign: MINUS_SIGN,\n  };\n\n  public static getOptions(options?: Nullable<DecimalFormattingOptions>): DecimalFormattingOptionsInternal {\n    return { ...CurrencyHelper.defaultOptions, ...options };\n  }\n\n  public static getInfo(value: string, options?: Nullable<DecimalFormattingOptions>): FormattingInfo {\n    const raw = CurrencyHelper.unformatString(value);\n    const formatted = CurrencyHelper.formatString(value, options);\n    const cursorMap = CurrencyHelper.getCursorMap(formatted, options);\n\n    return { raw, formatted, cursorMap };\n  }\n\n  public static getCursorMap(formatted: string, formattingOptions?: Nullable<DecimalFormattingOptions>): CursorMap {\n    const options = CurrencyHelper.getOptions(formattingOptions);\n    const regexp = new RegExp(options.thousandsDelimiter);\n    const cursorMap: CursorMap = [];\n\n    let index = formatted.length;\n    let cursor = formatted.length;\n    let skip = 0;\n\n    while (index >= 0) {\n      cursorMap[index] = cursor;\n\n      const ignoredSymbol = regexp.exec(formatted[index - 1]);\n      if (ignoredSymbol) {\n        ++skip;\n      } else {\n        cursor = cursor - skip - 1;\n        skip = 0;\n      }\n      --index;\n    }\n    return cursorMap;\n  }\n\n  public static format(value: Nullable<number>, options?: Nullable<DecimalFormattingOptions>): string {\n    if (isNullable(value)) {\n      return '';\n    }\n    return CurrencyHelper.formatString(this.toDecimalString(value), options);\n  }\n\n  public static parse(value: string): Nullable<number> {\n    const cleaned = CurrencyHelper.unformatString(value);\n    if (!cleaned) {\n      return null;\n    }\n\n    const destructed = CurrencyHelper.destructString(cleaned);\n    if (!destructed) {\n      return null;\n    }\n\n    const result =\n      destructed.sign + (destructed.integer || '0') + (destructed.delimiter || '.') + (destructed.fraction || '0');\n\n    return parseFloat(result);\n  }\n\n  public static unformatString(value: string): string {\n    return value\n      .replace(/\\s/g, '')\n      .replace(',', '.')\n      .replace(/[\\u2212\\u002D\\uFE63\\uFF0D\\u2012\\u2013\\u2014\\u2015]/g, '-');\n  }\n\n  public static formatForClipboard(value: string): string {\n    return CurrencyHelper.unformatString(value).replace('.', ',');\n  }\n\n  public static formatString(value: string, formattingOptions?: Nullable<DecimalFormattingOptions>): string {\n    const unformattedValue = CurrencyHelper.unformatString(value);\n    const destructed = CurrencyHelper.destructString(unformattedValue) || {\n      sign: '',\n      integer: '',\n      delimiter: '',\n      fraction: '',\n    };\n\n    const { sign, integer, delimiter } = destructed;\n    let fraction = destructed.fraction;\n    let fractionDigits = fraction.length;\n\n    const options = CurrencyHelper.getOptions(formattingOptions);\n    if (options.hideTrailingZeros) {\n      fraction = fraction.replace(/0+$/, '');\n      fractionDigits = fraction.length;\n    } else if (options.fractionDigits !== null) {\n      fractionDigits = options.fractionDigits;\n    }\n\n    const parts = [];\n\n    const blockSize = 3;\n    const start = ((integer.length - 1) % blockSize) - blockSize + 1;\n    for (let i = start; i < integer.length; i += blockSize) {\n      parts.push(integer.substring(Math.max(i, 0), i + blockSize));\n    }\n\n    let result = parts.join(options.thousandsDelimiter);\n\n    if (delimiter || fractionDigits) {\n      result += ',';\n      result += fraction.padEnd(Math.min(fractionDigits, MAX_SAFE_DIGITS), '0');\n    }\n\n    if (sign) {\n      result = options.minusSign + result;\n    }\n\n    return result;\n  }\n\n  public static isValidString(value: string, options: DecimalOptions) {\n    const unformattedValue = CurrencyHelper.unformatString(value);\n    const destructed = CurrencyHelper.destructString(unformattedValue);\n\n    if (!destructed) {\n      return false;\n    }\n\n    const { sign, integer, delimiter, fraction } = destructed;\n\n    if (options.unsigned && sign) {\n      return false;\n    }\n\n    if (options.fractionDigits === 0 && delimiter) {\n      return false;\n    }\n\n    const integerDigits = integer === '0' ? 0 : integer.length;\n    const fractionDigits = fraction.length;\n\n    if (isNonNullable(options.integerDigits) && integerDigits > options.integerDigits) {\n      return false;\n    }\n\n    if (isNullable(options.integerDigits) && integerDigits > MAX_SAFE_DIGITS - (options.fractionDigits || 0)) {\n      return false;\n    }\n\n    if (isNonNullable(options.fractionDigits) && fractionDigits > options.fractionDigits) {\n      return false;\n    }\n\n    return integerDigits + fractionDigits <= MAX_SAFE_DIGITS;\n  }\n\n  public static extractValid(value: string, options: DecimalOptions): string {\n    const unformattedValue = CurrencyHelper.unformatString(value);\n\n    const match = /[-.\\d]+/.exec(unformattedValue);\n\n    if (!match) {\n      return '';\n    }\n\n    const token = match[0].substr(0, MAX_ALLOWED_CHARS);\n\n    for (let i = token.length; i >= 0; --i) {\n      const result = token.substr(0, i);\n      if (CurrencyHelper.isValidString(result, options)) {\n        return result;\n      }\n    }\n\n    return '';\n  }\n\n  public static destructString(value: string) {\n    const match = /^(-)?(\\d*)?(\\.)?(\\d*)?(e)?([-+]?\\d+)?$/.exec(value);\n    if (!match) {\n      return null;\n    }\n    const [, sign = '', integer = '', delimiter = '', fraction = '', , exponent = ''] = match;\n    return { sign, integer, delimiter, fraction, exponent };\n  }\n\n  private static toDecimalString = (number: number) => {\n    if (!number.toString().includes('e')) {\n      return number.toString();\n    }\n    const destructed = this.destructString(number.toExponential());\n    if (destructed === null) {\n      return '';\n    }\n    const { sign = '', integer, fraction, exponent } = destructed;\n    const intExponent = parseInt(exponent || '0');\n    if (intExponent > 0) {\n      return [sign, integer, fraction, '0'.repeat(intExponent - fraction.length)].join('');\n    }\n    return [sign, '0.', ' 0'.repeat(-intExponent - 1), integer, fraction].join('');\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/CurrencyInput/CurrencyHelper.d.ts

@@ -2,9 +2,13 @@ import { Nullable } from '../../typings/utility-types';
 import { DecimalOptions } from './CurrencyInputHelper';
 import { CursorMap } from './CursorHelper';
 export interface DecimalFormattingOptions {
+    /** Устанавливает минимальное количество отображаемых знаков после запятой. */
     fractionDigits?: Nullable<number>;
+    /** Убирает лишние нули после запятой. */
     hideTrailingZeros?: boolean;
+    /** Устанавливает разделители для тысячных разрядов. */
     thousandsDelimiter?: string;
+    /** Устанавливает знак минуса. */
     minusSign?: string;
 }
 type DecimalFormattingOptionsInternal = Required<DecimalFormattingOptions>;

package/components/CurrencyInput/CurrencyInput/CurrencyInput.js

@@ -26,11 +26,14 @@ export var CurrencyInputDataTids = {
 };
 
 /**
- * Поле для денежных сумм (и других числовых значений).
+ * `CurrencyInput` — поле для денежных сумм (и других числовых значений).
  * Принимает любые свойства `Input`.
  *
+ * Используйте такое поле, когда нужно вводить значение в рублях, долларах или другой валюте.
+ * Оно форматирует введенное значение и помогает пользователю не ошибиться при вводе.
+ *
  * Максимальная длина числа - **15 цифр** (с десятичным разделителем в любом месте).
- * <br/>
+ *
  * Если `fractionDigits=15`, то в целой части допускается **0**.
  */
 export var CurrencyInput = rootNode(_class = (_CurrencyInput = /*#__PURE__*/function (_React$PureComponent) {