@skbkontur/react-ui 5.3.5 → 5.3.6

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.3.6](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.3.5...@skbkontur/react-ui@5.3.6) (2025-09-24)
+
+
+### Bug Fixes
+
+* **ComboBox,MaskedInput:** support mask and filter value on paste ([a6f6935](https://github.com/skbkontur/retail-ui/commit/a6f69355a1b962dbaf8a86158c6b833b2159eb48))
+
+
+
+
+
 ## [5.3.5](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@5.3.4...@skbkontur/react-ui@5.3.5) (2025-09-24)
 
 

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

@@ -6,7 +6,8 @@ import type { ShowClearIcon, InputIconType } from '../Input';
 import type { CommonProps } from '../../internal/CommonWrapper';
 import type { TGetRootNode } from '../../lib/rootNode';
 import type { SizeProp } from '../../lib/types/props';
-export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
+import type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../MaskedInput';
+export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>>, CommonProps {
     /** Показывать иконку очистки значения в непустом поле:
      * - `always` — всегда показывать иконку
      * - `auto` — показывать иконку при hover/focus
@@ -121,6 +122,8 @@ export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby
     onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
     /** Задает типы вводимых данных. */
     inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+    /** Задает функцию, которая вызывается при вставке значения в инпут с маской. */
+    onBeforePasteInMask?: MaskedInputOnBeforePasteValue;
 }
 export interface ComboBoxItem {
     value: string;

package/cjs/components/ComboBox/ComboBox.js

@@ -185,6 +185,11 @@ var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _Com
 
 
 
+
+
+
+
+
 
 
 

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"],"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';\n\nexport interface ComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  /** Показывать иконку очистки значения в непустом поле:\n   * - `always` — всегда показывать иконку\n   * - `auto` — показывать иконку при hover/focus\n   * - `never` — не показывать иконку\n   * При одновременной настройке `showClearIcon` и `rightIcon` показывается иконка очистки.\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  /** Отключает использование портала для рендеринга меню.\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'\n    | 'valueToString'\n    | 'renderValue'\n    | 'renderItem'\n    | 'menuAlign'\n    | 'searchOnFocus'\n    | 'drawArrow'\n    | 'showClearIcon'\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    showClearIcon: 'never',\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   *\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","_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"],"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 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   * - `always` — всегда показывать иконку\n   * - `auto` — показывать иконку при hover/focus\n   * - `never` — не показывать иконку\n   * При одновременной настройке `showClearIcon` и `rightIcon` показывается иконка очистки.\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  /** Отключает использование портала для рендеринга меню.\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  /** Задает функцию, которая вызывается при вставке значения в инпут с маской. */\n  onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\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  >\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    showClearIcon: 'never',\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   *\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":";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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4LhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GATA;;AAWaC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,OADpBE,kBAAQ,EAAAJ,MAAA,IAAAC,SAAA,0BAAAI,gBAAA,YAAAH,SAAA,OAAAI,KAAA,UAAAC,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,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;IAgBCU,QAAQ,GAAG,IAAAC,oCAAiB,EAACf,QAAQ,CAACgB,YAAY,CAAC,CAAAZ,KAAA;;IAEnDa,eAAe,GAAgC,IAAI,CAAAb,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsFnDc,iBAAiB,GAAG,UAACC,OAAoC,EAAK;MACpEf,KAAA,CAAKgB,WAAW,CAACD,OAAO,CAAC;MACzBf,KAAA,CAAKa,eAAe,GAAGE,OAAO;IAChC,CAAC,QAAAf,KAAA,MAAAiB,eAAA,CAAAC,OAAA,EAAAtB,QAAA,EAAAG,gBAAA,MAAAoB,MAAA,GAAAvB,QAAA,CAAAwB,SAAA,EArFD;AACF;AACA,KAFED,MAAA,CAGOE,KAAK,GAAZ,SAAAA,MAAaC,IAAwC,EAAE,CACrD,IAAI,IAAI,CAACT,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACQ,KAAK,CAACC,IAAI,CAAC,CAClC,CACF,CAAC,CAED;AACF;AACA,KAFE,CAAAH,MAAA,CAGOI,IAAI,GAAX,SAAAA,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,KANE,CAAAJ,MAAA,CAOOK,MAAM,GAAb,SAAAA,OAAcC,KAAc,EAAE,CAC5B,IAAI,IAAI,CAACZ,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACW,MAAM,CAACC,KAAK,CAAC,CACpC,CACF,CAAC,CAED;AACF;AACA,KAFE,CAAAN,MAAA,CAGOO,YAAY,GAAnB,SAAAA,aAAA,EAAsB,CACpB,IAAI,IAAI,CAACb,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACa,YAAY,CAAC,CAAC,CACrC,CACF,CAAC,CAED;AACF;AACA,KAFE,CAAAP,MAAA,CAGOQ,IAAI,GAAX,SAAAA,KAAA,EAAc,CACZ,IAAI,IAAI,CAACd,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACc,IAAI,CAAC,CAAC,CAC7B,CACF,CAAC,CAED;AACF;AACA,KAFE,CAAAR,MAAA,CAGOS,KAAK,GAAZ,SAAAA,MAAA,EAAe,CACb,IAAI,IAAI,CAACf,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACe,KAAK,CAAC,CAAC,CAC9B,CACF,CAAC,CAED;AACF;AACA;AACA,KAHE,CAAAT,MAAA,CAIOU,eAAe,GAAtB,SAAAA,gBAAA,EAAyB,CACvB,IAAI,IAAI,CAAChB,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACgB,eAAe,CAAC,CAAC,CACxC,CACF,CAAC,CAED;AACF;AACA;AACA,KAHE,CAAAV,MAAA,CAIOW,KAAK,GAAZ,SAAAA,MAAA,EAAe,CACb,IAAI,IAAI,CAACjB,eAAe,EAAE,CACxB,IAAI,CAACA,eAAe,CAACiB,KAAK,CAAC,CAAC,CAC9B,CACF,CAAC,CAAAX,MAAA,CAEMY,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBAAO3C,MAAA,CAAA8B,OAAA,CAAAc,aAAA,CAACzC,eAAA,CAAA0C,cAAc,MAAAC,SAAA,CAAAhB,OAAA,MAAK,IAAI,CAACR,QAAQ,CAAC,CAAC,IAAEyB,IAAI,EAAE,IAAI,CAACC,KAAK,CAACD,IAAK,EAACE,GAAG,EAAE,IAAI,CAACvB,iBAAkB,GAAE,CAAC,CACpG,CAAC,QAAAlB,QAAA,GArG6C0C,cAAK,CAACC,SAAS,GAAA5C,SAAA,CAC/C6C,mBAAmB,GAAG,UAAU,EAAA7C,SAAA,CAChC8C,WAAW,GAAG,UAAU,EAAA9C,SAAA,CAExBiB,YAAY,GAAsB,EAC9C8B,WAAW,EAAE,SAAAA,YAACC,IAAkB,UAAKA,IAAI,CAACC,KAAK,IAC/CC,aAAa,EAAE,SAAAA,cAACF,IAAkB,UAAKA,IAAI,CAACG,KAAK,IACjDC,WAAW,EAAE,SAAAA,YAACJ,IAAkB,UAAKA,IAAI,CAACG,KAAK,IAC/CE,UAAU,EAAE,SAAAA,WAACL,IAAkB,UAAKA,IAAI,CAACG,KAAK,IAC9CG,SAAS,EAAE,MAAM,EACjBC,aAAa,EAAE,IAAI,EACnBC,SAAS,EAAE,IAAI,EACfC,aAAa,EAAE,OAAO,CACxB,CAAC,EAAAzD,SAAA,MAAAD,MAAA","ignoreList":[]}

package/cjs/components/MaskedInput/MaskedInput.d.ts

@@ -1,6 +1,7 @@
 import type { IMaskInputProps } from '@skbkontur/react-imask';
 import type { InputProps, InputType } from '../Input';
 import { Input } from '../Input';
+export type MaskedInputOnBeforePasteValue = (value: string) => string;
 export interface MaskedProps {
     /** Паттерн маски */
     mask: string;
@@ -21,6 +22,13 @@ export interface MaskedProps {
      * @param blink вспыхнуть акцентным цвтетом.
      */
     onUnexpectedInput?: (value: string, blink: () => void) => void;
+    /** Задает обработчик вставки значения в инпут.
+     * В value будет передано значение из буфера обмена.
+     * Возвращаемое значение будет использовано как значение инпута.
+     * Используется для фильтрации значения при вставке из буфера обмена.
+     * @param value значение вставки.
+     */
+    onBeforePasteValue?: MaskedInputOnBeforePasteValue;
     /** Убирает из value символы, не введённые пользователем
      * @default false */
     unmask?: boolean;

package/cjs/components/MaskedInput/MaskedInput.js

@@ -12,7 +12,17 @@ var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _MaskedInput = require("./MaskedInput.styles");
 var _MaskedInput2 = require("./MaskedInput.helpers");
 var _ColorableInputElement = require("./ColorableInputElement");
-var _FixedIMaskInput = require("./FixedIMaskInput");var _excluded = ["mask", "maskChar", "formatChars", "alwaysShowMask", "colored", "imaskProps", "unmask", "onValueChange", "onUnexpectedInput", "onChange", "element", "className"];
+var _FixedIMaskInput = require("./FixedIMaskInput");var _excluded = ["mask", "maskChar", "formatChars", "alwaysShowMask", "colored", "imaskProps", "unmask", "onValueChange", "onUnexpectedInput", "onChange", "onBeforePasteValue", "element", "className"];
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -101,7 +111,8 @@ var MaskedInput = exports.MaskedInput = (0, _forwardRefAndName.forwardRefAndName
 
 
 
-      props.mask,maskChar = props.maskChar,formatChars = props.formatChars,_props$alwaysShowMask = props.alwaysShowMask,alwaysShowMask = _props$alwaysShowMask === void 0 ? false : _props$alwaysShowMask,_props$colored = props.colored,colored = _props$colored === void 0 ? true : _props$colored,_props$imaskProps = props.imaskProps,customIMaskProps = _props$imaskProps === void 0 ? {} : _props$imaskProps,_props$unmask = props.unmask,unmask = _props$unmask === void 0 ? false : _props$unmask,onValueChange = props.onValueChange,onUnexpectedInput = props.onUnexpectedInput,onChange = props.onChange,element = props.element,className = props.className,inputProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+
+      props.mask,maskChar = props.maskChar,formatChars = props.formatChars,_props$alwaysShowMask = props.alwaysShowMask,alwaysShowMask = _props$alwaysShowMask === void 0 ? false : _props$alwaysShowMask,_props$colored = props.colored,colored = _props$colored === void 0 ? true : _props$colored,_props$imaskProps = props.imaskProps,customIMaskProps = _props$imaskProps === void 0 ? {} : _props$imaskProps,_props$unmask = props.unmask,unmask = _props$unmask === void 0 ? false : _props$unmask,onValueChange = props.onValueChange,onUnexpectedInput = props.onUnexpectedInput,onChange = props.onChange,onBeforePasteValue = props.onBeforePasteValue,element = props.element,className = props.className,inputProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
     var inputRef = (0, _react.useRef)(null);
@@ -147,6 +158,7 @@ var MaskedInput = exports.MaskedInput = (0, _forwardRefAndName.forwardRefAndName
         onBlur: handleBlur,
         onInput: handleInput,
         onKeyDown: handleKeyDown,
+        onPaste: handlePaste,
         className: (0, _Emotion.cx)(_MaskedInput.globalClasses.root, uiFontGlobalClassesRoot, className, _MaskedInput.styles.root(theme)),
         element:
         colored ? /*#__PURE__*/
@@ -160,6 +172,15 @@ var MaskedInput = exports.MaskedInput = (0, _forwardRefAndName.forwardRefAndName
       ));
 
 
+    function handlePaste(event) {
+      if (onBeforePasteValue && onValueChange) {var _event$clipboardData$, _event$clipboardData;
+        event.preventDefault();
+        onValueChange == null || onValueChange(onBeforePasteValue((_event$clipboardData$ = (_event$clipboardData = event.clipboardData) == null ? void 0 : _event$clipboardData.getData('text')) != null ? _event$clipboardData$ : ''));
+      }
+
+      props.onPaste == null || props.onPaste(event);
+    }
+
     function getCompatibleIMaskProps() {
       return (0, _extends2.default)({
         mask: mask.replace(/0/g, '{\\0}'),

package/cjs/components/MaskedInput/MaskedInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_Emotion","_Input","_identifiers","_ThemeContext","_MaskedInput","_MaskedInput2","_ColorableInputElement","_FixedIMaskInput","_excluded","getSafeMaskInputType","exports","type","MaskedInput","forwardRefAndName","props","ref","mask","maskChar","formatChars","_props$alwaysShowMask","alwaysShowMask","_props$colored","colored","_props$imaskProps","imaskProps","customIMaskProps","_props$unmask","unmask","onValueChange","onUnexpectedInput","onChange","element","className","inputProps","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","inputRef","useRef","_useState","useState","focused","setFocused","prevValue","value","String","defaultValue","prevSelectionStart","useImperativeHandle","current","Object","assign","selectAll","_inputRef$current","_inputRef$current2","focus","delaySelectAll","useEffect","_inputRef$current3","input","selectionStart","getCompatibleIMaskProps","uiFontGlobalClassesRoot","createElement","Input","_extends2","onFocus","handleFocus","onBlur","handleBlur","onInput","handleInput","onKeyDown","handleKeyDown","cx","globalClasses","root","styles","ColorableInputElement","showOnFocus","FixedIMaskInput","onAccept","handleAccept","replace","placeholderChar","getMaskChar","definitions","getDefinitions","eager","overwrite","lazy","disabled","_len","arguments","length","args","Array","_key","e","_e$currentTarget","currentTarget","handleUnexpectedInput","_inputRef$current4","selectAllOnFocus","_inputRef$current5","blink","bind","undefined","_e$currentTarget2","selectionEnd","isKeyBackspace","isKeyDelete"],"sources":["MaskedInput.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef, useState, useEffect, useContext } from 'react';\nimport type { IMaskInputProps } from '@skbkontur/react-imask';\nimport type { Ref } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { InputProps, InputType } from '../Input';\nimport { Input } from '../Input';\nimport { isKeyBackspace, isKeyDelete } from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { globalClasses, styles } from './MaskedInput.styles';\nimport { getDefinitions, getMaskChar } from './MaskedInput.helpers';\nimport { ColorableInputElement } from './ColorableInputElement';\nimport { FixedIMaskInput } from './FixedIMaskInput';\n\nexport interface MaskedProps {\n  /** Паттерн маски */\n  mask: string;\n\n  /** Устанавливает символ маски\n   * @default _ */\n  maskChar?: string;\n\n  /** Задает словарь символов-регулярок для задания маски.\n   * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' } */\n  formatChars?: Record<string, string>;\n\n  /** Включает показ символов маски.\n   * @default false */\n  alwaysShowMask?: boolean;\n\n  /** Задает обработчик неправильного ввода.\n   * Вторым агрументом будет передан метод вспыхивания акцентным цветом.\n   *\n   * Если обработчик не задан, то инпут вспыхивает по-умолчанию.\n   * @param value значение инпута.\n   * @param blink вспыхнуть акцентным цвтетом.\n   */\n  onUnexpectedInput?: (value: string, blink: () => void) => void;\n\n  /** Убирает из value символы, не введённые пользователем\n   * @default false */\n  unmask?: boolean;\n\n  /** Раскрашивает символы маски.\n   * @default true\n   * @ignore */\n  colored?: boolean;\n\n  /** Задает пропы для компонента `IMaskInput`. Необходимы для юнит-тестов\n   * @ignore */\n  imaskProps?: IMaskInputProps<HTMLInputElement>;\n}\n\nexport type MaskInputType = Exclude<InputType, 'number' | 'date' | 'time' | 'password'>;\n\nexport const getSafeMaskInputType = (type?: InputType): MaskInputType | undefined => {\n  if (!type) {\n    return type;\n  }\n\n  switch (type) {\n    case 'number':\n    case 'date':\n    case 'time':\n    case 'password':\n      return 'text';\n    default:\n      return type;\n  }\n};\n\nexport interface MaskedInputProps\n  extends MaskedProps,\n    Omit<\n      InputProps,\n      'showClearIcon' | 'mask' | 'maxLength' | 'type' | 'alwaysShowMask' | 'onUnexpectedInput' | 'maskChar'\n    > {\n  type?: MaskInputType;\n}\n\n/**\n * Интерфейс пропсов наследуется от `Input`.\n * Из пропсов `Input` исключены некоторые не применимые к полю с маской пропсы и сокращен список возможных значений в type.\n */\nexport const MaskedInput = forwardRefAndName(\n  'MaskedInput',\n  function MaskedInput(props: MaskedInputProps, ref: Ref<Input | null>) {\n    const {\n      mask,\n      maskChar,\n      formatChars,\n      alwaysShowMask = false,\n      colored = true,\n      imaskProps: customIMaskProps = {},\n      unmask = false,\n      onValueChange,\n      onUnexpectedInput,\n      onChange,\n      element,\n      className,\n      ...inputProps\n    } = props;\n    const theme = useContext(ThemeContext);\n\n    const inputRef = useRef<Input>(null);\n\n    const [focused, setFocused] = useState(false);\n    const prevValue = useRef<string>(props.value || String(props.defaultValue) || '');\n    const prevSelectionStart = useRef<number | null>(null);\n\n    useImperativeHandle(\n      ref,\n      () =>\n        inputRef.current &&\n        Object.assign(inputRef.current, {\n          selectAll: () => {\n            inputRef.current?.focus();\n            inputRef.current?.delaySelectAll();\n          },\n        }),\n      [],\n    );\n\n    useEffect(() => {\n      // Для корректной работы onUnexpectedInput надо знать предыдущий value,\n      // но imask при монтировании не вызывает onAccept, если value невалиден или laze=false.\n      // Поэтому актуальный value при монтировании надо получать вручную\n      if (inputRef.current?.input) {\n        prevValue.current = inputRef.current.input.value;\n        prevSelectionStart.current = inputRef.current.input.selectionStart;\n      }\n    }, []);\n\n    const imaskProps = getCompatibleIMaskProps();\n\n    // TODO: Удалить в следующем мажоре\n    // Селекторы могут ожидать определённый порядок классов\n    const uiFontGlobalClassesRoot = 'react-ui-ui-font-root';\n\n    return (\n      <Input\n        ref={inputRef}\n        {...inputProps}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onInput={handleInput}\n        onKeyDown={handleKeyDown}\n        className={cx(globalClasses.root, uiFontGlobalClassesRoot, className, styles.root(theme))}\n        element={\n          colored ? (\n            <ColorableInputElement showOnFocus={false}>\n              <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n            </ColorableInputElement>\n          ) : (\n            <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n          )\n        }\n      />\n    );\n\n    function getCompatibleIMaskProps(): IMaskInputProps<HTMLInputElement> {\n      return {\n        mask: mask.replace(/0/g, '{\\\\0}') as any,\n        placeholderChar: getMaskChar(maskChar),\n        definitions: getDefinitions(formatChars),\n        // FIXME: Должно быть eager=true, но в imask ломается удаление по delete\n        eager: 'append',\n        overwrite: 'shift',\n        lazy: !alwaysShowMask && (props.disabled || !focused),\n        unmask,\n        ...customIMaskProps,\n      } as IMaskInputProps<HTMLInputElement>;\n    }\n\n    function handleAccept(...args: Parameters<Required<IMaskInputProps<HTMLInputElement>>['onAccept']>) {\n      const [value, , e] = args;\n\n      // Метод onAccept может вызываться при монтировании, если не задан проп defaultValue.\n      // Но нативный input никогда не вызывает onChange при монтировании.\n      // Наше событие onValueChange в Input вывается в тех же случаях, что и нативный onChange,\n      // поэтому чтобы сохранить консинстентность будем ориентироваться на наличие аргумента e.\n      // Он содержит нативное событие, вызвавшее изменение.\n      e && onValueChange?.(value);\n      !e && (prevValue.current = value);\n    }\n\n    /**\n     * Отслеживаем неожиданные нажатия\n     * handleAccept не вызывается когда значение с маской не меняется\n     * Сначала вызывается handleAccept, затем handleInput\n     */\n    function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n      const { value, selectionStart } = e.currentTarget;\n\n      // При вводе неожиданных символов или удалении каретка может перепрыгивать фиксированные символы.\n      // Такие случаи не расцениваем как неожиданный ввод, т.к. пользователь может намеренно их вводить.\n      if (prevValue.current === value && selectionStart === prevSelectionStart.current) {\n        handleUnexpectedInput(value);\n      }\n      prevValue.current = value;\n      prevSelectionStart.current = selectionStart;\n\n      props.onInput?.(e);\n    }\n\n    function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(true);\n      props.onFocus?.(e);\n\n      // Если value из пропов отличается от value, которое получит input после обработки,\n      // то imask будет ставить каретку за последним валидным символом.\n      props.selectAllOnFocus && inputRef.current?.delaySelectAll();\n    }\n\n    function handleUnexpectedInput(value: string) {\n      const blink = inputRef.current?.blink.bind(inputRef.current) || (() => undefined);\n      onUnexpectedInput ? onUnexpectedInput(value, blink) : blink();\n    }\n\n    function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(false);\n      props.onBlur?.(e);\n    }\n\n    function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n      const { value, selectionStart, selectionEnd } = e.currentTarget;\n\n      if (\n        (isKeyBackspace(e) && selectionStart === 0 && selectionEnd === 0) ||\n        (isKeyDelete(e) && prevSelectionStart.current === value.length)\n      ) {\n        // Случаи, когда нажатие клавиш не тригерит `onInput`\n        handleUnexpectedInput(value);\n        prevValue.current = e.currentTarget.value;\n      }\n      prevSelectionStart.current = selectionStart;\n\n      props.onKeyDown?.(e);\n    }\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_Emotion","_Input","_identifiers","_ThemeContext","_MaskedInput","_MaskedInput2","_ColorableInputElement","_FixedIMaskInput","_excluded","getSafeMaskInputType","exports","type","MaskedInput","forwardRefAndName","props","ref","mask","maskChar","formatChars","_props$alwaysShowMask","alwaysShowMask","_props$colored","colored","_props$imaskProps","imaskProps","customIMaskProps","_props$unmask","unmask","onValueChange","onUnexpectedInput","onChange","onBeforePasteValue","element","className","inputProps","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","inputRef","useRef","_useState","useState","focused","setFocused","prevValue","value","String","defaultValue","prevSelectionStart","useImperativeHandle","current","Object","assign","selectAll","_inputRef$current","_inputRef$current2","focus","delaySelectAll","useEffect","_inputRef$current3","input","selectionStart","getCompatibleIMaskProps","uiFontGlobalClassesRoot","createElement","Input","_extends2","onFocus","handleFocus","onBlur","handleBlur","onInput","handleInput","onKeyDown","handleKeyDown","onPaste","handlePaste","cx","globalClasses","root","styles","ColorableInputElement","showOnFocus","FixedIMaskInput","onAccept","handleAccept","event","_event$clipboardData$","_event$clipboardData","preventDefault","clipboardData","getData","replace","placeholderChar","getMaskChar","definitions","getDefinitions","eager","overwrite","lazy","disabled","_len","arguments","length","args","Array","_key","e","_e$currentTarget","currentTarget","handleUnexpectedInput","_inputRef$current4","selectAllOnFocus","_inputRef$current5","blink","bind","undefined","_e$currentTarget2","selectionEnd","isKeyBackspace","isKeyDelete"],"sources":["MaskedInput.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef, useState, useEffect, useContext } from 'react';\nimport type { IMaskInputProps } from '@skbkontur/react-imask';\nimport type { Ref } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { InputProps, InputType } from '../Input';\nimport { Input } from '../Input';\nimport { isKeyBackspace, isKeyDelete } from '../../lib/events/keyboard/identifiers';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { globalClasses, styles } from './MaskedInput.styles';\nimport { getDefinitions, getMaskChar } from './MaskedInput.helpers';\nimport { ColorableInputElement } from './ColorableInputElement';\nimport { FixedIMaskInput } from './FixedIMaskInput';\n\nexport type MaskedInputOnBeforePasteValue = (value: string) => string;\n\nexport interface MaskedProps {\n  /** Паттерн маски */\n  mask: string;\n\n  /** Устанавливает символ маски\n   * @default _ */\n  maskChar?: string;\n\n  /** Задает словарь символов-регулярок для задания маски.\n   * @default { '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' } */\n  formatChars?: Record<string, string>;\n\n  /** Включает показ символов маски.\n   * @default false */\n  alwaysShowMask?: boolean;\n\n  /** Задает обработчик неправильного ввода.\n   * Вторым агрументом будет передан метод вспыхивания акцентным цветом.\n   *\n   * Если обработчик не задан, то инпут вспыхивает по-умолчанию.\n   * @param value значение инпута.\n   * @param blink вспыхнуть акцентным цвтетом.\n   */\n  onUnexpectedInput?: (value: string, blink: () => void) => void;\n\n  /** Задает обработчик вставки значения в инпут.\n   * В value будет передано значение из буфера обмена.\n   * Возвращаемое значение будет использовано как значение инпута.\n   * Используется для фильтрации значения при вставке из буфера обмена.\n   * @param value значение вставки.\n   */\n  onBeforePasteValue?: MaskedInputOnBeforePasteValue;\n\n  /** Убирает из value символы, не введённые пользователем\n   * @default false */\n  unmask?: boolean;\n\n  /** Раскрашивает символы маски.\n   * @default true\n   * @ignore */\n  colored?: boolean;\n\n  /** Задает пропы для компонента `IMaskInput`. Необходимы для юнит-тестов\n   * @ignore */\n  imaskProps?: IMaskInputProps<HTMLInputElement>;\n}\n\nexport type MaskInputType = Exclude<InputType, 'number' | 'date' | 'time' | 'password'>;\n\nexport const getSafeMaskInputType = (type?: InputType): MaskInputType | undefined => {\n  if (!type) {\n    return type;\n  }\n\n  switch (type) {\n    case 'number':\n    case 'date':\n    case 'time':\n    case 'password':\n      return 'text';\n    default:\n      return type;\n  }\n};\n\nexport interface MaskedInputProps\n  extends MaskedProps,\n    Omit<\n      InputProps,\n      'showClearIcon' | 'mask' | 'maxLength' | 'type' | 'alwaysShowMask' | 'onUnexpectedInput' | 'maskChar'\n    > {\n  type?: MaskInputType;\n}\n\n/**\n * Интерфейс пропсов наследуется от `Input`.\n * Из пропсов `Input` исключены некоторые не применимые к полю с маской пропсы и сокращен список возможных значений в type.\n */\nexport const MaskedInput = forwardRefAndName(\n  'MaskedInput',\n  function MaskedInput(props: MaskedInputProps, ref: Ref<Input | null>) {\n    const {\n      mask,\n      maskChar,\n      formatChars,\n      alwaysShowMask = false,\n      colored = true,\n      imaskProps: customIMaskProps = {},\n      unmask = false,\n      onValueChange,\n      onUnexpectedInput,\n      onChange,\n      onBeforePasteValue,\n      element,\n      className,\n      ...inputProps\n    } = props;\n    const theme = useContext(ThemeContext);\n\n    const inputRef = useRef<Input>(null);\n\n    const [focused, setFocused] = useState(false);\n    const prevValue = useRef<string>(props.value || String(props.defaultValue) || '');\n    const prevSelectionStart = useRef<number | null>(null);\n\n    useImperativeHandle(\n      ref,\n      () =>\n        inputRef.current &&\n        Object.assign(inputRef.current, {\n          selectAll: () => {\n            inputRef.current?.focus();\n            inputRef.current?.delaySelectAll();\n          },\n        }),\n      [],\n    );\n\n    useEffect(() => {\n      // Для корректной работы onUnexpectedInput надо знать предыдущий value,\n      // но imask при монтировании не вызывает onAccept, если value невалиден или laze=false.\n      // Поэтому актуальный value при монтировании надо получать вручную\n      if (inputRef.current?.input) {\n        prevValue.current = inputRef.current.input.value;\n        prevSelectionStart.current = inputRef.current.input.selectionStart;\n      }\n    }, []);\n\n    const imaskProps = getCompatibleIMaskProps();\n\n    // TODO: Удалить в следующем мажоре\n    // Селекторы могут ожидать определённый порядок классов\n    const uiFontGlobalClassesRoot = 'react-ui-ui-font-root';\n\n    return (\n      <Input\n        ref={inputRef}\n        {...inputProps}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onInput={handleInput}\n        onKeyDown={handleKeyDown}\n        onPaste={handlePaste}\n        className={cx(globalClasses.root, uiFontGlobalClassesRoot, className, styles.root(theme))}\n        element={\n          colored ? (\n            <ColorableInputElement showOnFocus={false}>\n              <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n            </ColorableInputElement>\n          ) : (\n            <FixedIMaskInput {...imaskProps} onAccept={handleAccept} />\n          )\n        }\n      />\n    );\n\n    function handlePaste(event: React.ClipboardEvent<HTMLInputElement>) {\n      if (onBeforePasteValue && onValueChange) {\n        event.preventDefault();\n        onValueChange?.(onBeforePasteValue(event.clipboardData?.getData('text') ?? ''));\n      }\n\n      props.onPaste?.(event);\n    }\n\n    function getCompatibleIMaskProps(): IMaskInputProps<HTMLInputElement> {\n      return {\n        mask: mask.replace(/0/g, '{\\\\0}') as any,\n        placeholderChar: getMaskChar(maskChar),\n        definitions: getDefinitions(formatChars),\n        // FIXME: Должно быть eager=true, но в imask ломается удаление по delete\n        eager: 'append',\n        overwrite: 'shift',\n        lazy: !alwaysShowMask && (props.disabled || !focused),\n        unmask,\n        ...customIMaskProps,\n      } as IMaskInputProps<HTMLInputElement>;\n    }\n\n    function handleAccept(...args: Parameters<Required<IMaskInputProps<HTMLInputElement>>['onAccept']>) {\n      const [value, , e] = args;\n\n      // Метод onAccept может вызываться при монтировании, если не задан проп defaultValue.\n      // Но нативный input никогда не вызывает onChange при монтировании.\n      // Наше событие onValueChange в Input вывается в тех же случаях, что и нативный onChange,\n      // поэтому чтобы сохранить консинстентность будем ориентироваться на наличие аргумента e.\n      // Он содержит нативное событие, вызвавшее изменение.\n      e && onValueChange?.(value);\n      !e && (prevValue.current = value);\n    }\n\n    /**\n     * Отслеживаем неожиданные нажатия\n     * handleAccept не вызывается когда значение с маской не меняется\n     * Сначала вызывается handleAccept, затем handleInput\n     */\n    function handleInput(e: React.ChangeEvent<HTMLInputElement>) {\n      const { value, selectionStart } = e.currentTarget;\n\n      // При вводе неожиданных символов или удалении каретка может перепрыгивать фиксированные символы.\n      // Такие случаи не расцениваем как неожиданный ввод, т.к. пользователь может намеренно их вводить.\n      if (prevValue.current === value && selectionStart === prevSelectionStart.current) {\n        handleUnexpectedInput(value);\n      }\n      prevValue.current = value;\n      prevSelectionStart.current = selectionStart;\n\n      props.onInput?.(e);\n    }\n\n    function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(true);\n      props.onFocus?.(e);\n\n      // Если value из пропов отличается от value, которое получит input после обработки,\n      // то imask будет ставить каретку за последним валидным символом.\n      props.selectAllOnFocus && inputRef.current?.delaySelectAll();\n    }\n\n    function handleUnexpectedInput(value: string) {\n      const blink = inputRef.current?.blink.bind(inputRef.current) || (() => undefined);\n      onUnexpectedInput ? onUnexpectedInput(value, blink) : blink();\n    }\n\n    function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n      setFocused(false);\n      props.onBlur?.(e);\n    }\n\n    function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n      const { value, selectionStart, selectionEnd } = e.currentTarget;\n\n      if (\n        (isKeyBackspace(e) && selectionStart === 0 && selectionEnd === 0) ||\n        (isKeyDelete(e) && prevSelectionStart.current === value.length)\n      ) {\n        // Случаи, когда нажатие клавиш не тригерит `onInput`\n        handleUnexpectedInput(value);\n        prevValue.current = e.currentTarget.value;\n      }\n      prevSelectionStart.current = selectionStart;\n\n      props.onKeyDown?.(e);\n    }\n  },\n);\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/CustomComboBox/ComboBoxView.d.ts

@@ -10,8 +10,9 @@ import type { CommonProps } from '../CommonWrapper';
 import type { TGetRootNode } from '../../lib/rootNode';
 import type { ComboBoxExtendedItem } from '../../components/ComboBox';
 import type { SizeProp } from '../../lib/types/props';
+import type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../../components/MaskedInput';
 import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-interface ComboBoxViewProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
+interface ComboBoxViewProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps, Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {
     align?: 'left' | 'center' | 'right';
     autoFocus?: boolean;
     borderless?: boolean;
@@ -47,6 +48,7 @@ interface ComboBoxViewProps<T> extends Pick<AriaAttributes, 'aria-describedby' |
     leftIcon?: InputIconType;
     rightIcon?: InputIconType;
     inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+    onBeforePasteInMask?: MaskedInputOnBeforePasteValue;
     onValueChange?: (value: T) => void;
     onClickOutside?: (e: Event) => void;
     onFocus?: () => void;

package/cjs/internal/CustomComboBox/ComboBoxView.js

@@ -26,6 +26,10 @@ var _Popup = require("../Popup");
 var _getMenuPositions = require("../../lib/getMenuPositions");
 var _ZIndex = require("../ZIndex");
 
+var _MaskedInput = require("../../components/MaskedInput");
+var _MaskedInput2 = require("../../components/MaskedInput/MaskedInput.styles");
+var _Emotion = require("../../lib/theming/Emotion");
+
 var _ArrowDownIcon = require("./ArrowDownIcon");
 var _ComboBoxMenu = require("./ComboBoxMenu");
 var _CustomComboBoxTypes = require("./CustomComboBoxTypes");
@@ -113,6 +117,8 @@ var _getComboBoxTheme = require("./getComboBoxTheme");var _class, _ComboBoxView;
 
 
 
+
+
 
 
 
@@ -399,6 +405,22 @@ ComboBoxView = exports.ComboBoxView = (0, _decorator.responsiveLayout)(_class =
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -461,4 +483,4 @@ ComboBoxView = exports.ComboBoxView = (0, _decorator.responsiveLayout)(_class =
 
     refMobileInput = function (input) {
       _this.mobileInput = input;
-    };return _this;}(0, _inheritsLoose2.default)(ComboBoxView, _React$Component);var _proto = ComboBoxView.prototype;_proto.componentDidMount = function componentDidMount() {this.updateAnchorElement();if (this.props.autoFocus && this.props.onFocus) {this.props.onFocus();}};_proto.updateAnchorElement = function updateAnchorElement() {var parent = this.getParent();var anchorElement = this.state.anchorElement;if (anchorElement !== parent) {this.setState({ anchorElement: parent });}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var input = this.input,props = this.props;this.updateAnchorElement();if (props.editing && !prevProps.editing && input) {input.focus();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _getComboBoxTheme.getComboBoxTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this$props4 = this.props,onMouseEnter = _this$props4.onMouseEnter,onMouseLeave = _this$props4.onMouseLeave,onMouseOver = _this$props4.onMouseOver,opened = _this$props4.opened;var _this$getProps3 = this.getProps(),onClickOutside = _this$getProps3.onClickOutside,onFocusOutside = _this$getProps3.onFocusOutside,width = _this$getProps3.width;var isMobile = this.isMobileLayout;var input = this.renderInput();return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: onClickOutside, onFocusOutside: onFocusOutside, active: opened }, /*#__PURE__*/_react.default.createElement("span", { "data-tid": _CustomComboBox2.CustomComboBoxDataTids.comboBoxView, style: { width: width }, className: _CustomComboBox.styles.root(), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver, ref: this.setRootNode }, input, isMobile ? this.renderMobileMenu() : this.renderMenu())));};_proto.renderInput = function renderInput() {var isMobile = this.isMobileLayout;var _this$props5 = this.props,id = _this$props5.id,align = _this$props5.align,borderless = _this$props5.borderless,disabled = _this$props5.disabled,editing = _this$props5.editing,error = _this$props5.error,onFocus = _this$props5.onFocus,onInputBlur = _this$props5.onInputBlur,onInputValueChange = _this$props5.onInputValueChange,onInputFocus = _this$props5.onInputFocus,onInputClick = _this$props5.onInputClick,onInputKeyDown = _this$props5.onInputKeyDown,placeholder = _this$props5.placeholder,textValue = _this$props5.textValue,value = _this$props5.value,warning = _this$props5.warning,refInputLikeText = _this$props5.refInputLikeText,leftIcon = _this$props5.leftIcon,inputMode = _this$props5.inputMode,size = _this$props5.size,ariaDescribedby = _this$props5['aria-describedby'],ariaLabel = _this$props5['aria-label'],showClearIcon = _this$props5.showClearIcon;var _this$getProps4 = this.getProps(),renderValue = _this$getProps4.renderValue;var rightIcon = this.getRightIcon();if (editing) {return /*#__PURE__*/_react.default.createElement(_Input.Input, { id: id, align: align, borderless: borderless, disabled: disabled, error: error, maxLength: this.props.maxLength, onBlur: isMobile ? undefined : onInputBlur, onValueChange: onInputValueChange, onFocus: onInputFocus, onClick: isMobile ? this.handleMobileFocus : onInputClick, leftIcon: leftIcon, rightIcon: rightIcon, value: textValue || '', onKeyDown: onInputKeyDown, placeholder: placeholder, width: "100%", size: size, ref: this.refInput, warning: warning, inputMode: inputMode, autoComplete: "off", "aria-describedby": ariaDescribedby, "aria-controls": this.menuId, "aria-label": ariaLabel, showClearIcon: showClearIcon });}return /*#__PURE__*/_react.default.createElement(_InputLikeText.InputLikeText, { id: id, align: align, borderless: borderless, error: error, onFocus: onFocus, leftIcon: leftIcon, rightIcon: rightIcon, disabled: disabled, warning: warning, placeholder: placeholder, size: size, width: "100%", ref: refInputLikeText, "aria-describedby": ariaDescribedby, "aria-controls": this.menuId, showClearIcon: showClearIcon, onClearCrossClick: this.props.onClearCrossClick }, (0, _utils.isNonNullable)(value) && renderValue ? renderValue(value) : null);};return ComboBoxView;}(_react.default.Component), _ComboBoxView.__KONTUR_REACT_UI__ = 'ComboBoxView', _ComboBoxView.displayName = 'ComboBoxView', _ComboBoxView.defaultProps = { renderItem: function renderItem(item) {return item;}, renderValue: function renderValue(item) {return item;}, renderAddButton: function renderAddButton() {return null;}, repeatRequest: function repeatRequest() {return undefined;}, requestStatus: _CustomComboBoxTypes.ComboBoxRequestStatus.Unknown, onClickOutside: function onClickOutside() {/**/}, onFocusOutside: function onFocusOutside() {/**/}, size: 'small', width: 250, showClearIcon: 'never' }, _ComboBoxView)) || _class) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(ComboBoxView, _React$Component);var _proto = ComboBoxView.prototype;_proto.componentDidMount = function componentDidMount() {this.updateAnchorElement();if (this.props.autoFocus && this.props.onFocus) {this.props.onFocus();}};_proto.updateAnchorElement = function updateAnchorElement() {var parent = this.getParent();var anchorElement = this.state.anchorElement;if (anchorElement !== parent) {this.setState({ anchorElement: parent });}};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var input = this.input,props = this.props;this.updateAnchorElement();if (props.editing && !prevProps.editing && input) {input.focus();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _getComboBoxTheme.getComboBoxTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this$props4 = this.props,onMouseEnter = _this$props4.onMouseEnter,onMouseLeave = _this$props4.onMouseLeave,onMouseOver = _this$props4.onMouseOver,opened = _this$props4.opened;var _this$getProps3 = this.getProps(),onClickOutside = _this$getProps3.onClickOutside,onFocusOutside = _this$getProps3.onFocusOutside,width = _this$getProps3.width;var isMobile = this.isMobileLayout;var input = this.renderInput();return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: onClickOutside, onFocusOutside: onFocusOutside, active: opened }, /*#__PURE__*/_react.default.createElement("span", { "data-tid": _CustomComboBox2.CustomComboBoxDataTids.comboBoxView, style: { width: width }, className: _CustomComboBox.styles.root(), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver, ref: this.setRootNode }, input, isMobile ? this.renderMobileMenu() : this.renderMenu())));};_proto.renderInput = function renderInput() {var isMobile = this.isMobileLayout;var _this$props5 = this.props,id = _this$props5.id,align = _this$props5.align,borderless = _this$props5.borderless,disabled = _this$props5.disabled,editing = _this$props5.editing,error = _this$props5.error,onFocus = _this$props5.onFocus,onInputBlur = _this$props5.onInputBlur,onInputValueChange = _this$props5.onInputValueChange,onInputFocus = _this$props5.onInputFocus,onInputClick = _this$props5.onInputClick,onInputKeyDown = _this$props5.onInputKeyDown,placeholder = _this$props5.placeholder,textValue = _this$props5.textValue,value = _this$props5.value,warning = _this$props5.warning,refInputLikeText = _this$props5.refInputLikeText,leftIcon = _this$props5.leftIcon,inputMode = _this$props5.inputMode,size = _this$props5.size,ariaDescribedby = _this$props5['aria-describedby'],ariaLabel = _this$props5['aria-label'],showClearIcon = _this$props5.showClearIcon,mask = _this$props5.mask,maskChar = _this$props5.maskChar,formatChars = _this$props5.formatChars,onBeforePasteInMask = _this$props5.onBeforePasteInMask;var rightIcon = this.getRightIcon();if (editing) {var inputProps = { id: id, align: align, borderless: borderless, disabled: disabled, error: error, onBlur: isMobile ? undefined : onInputBlur, onValueChange: onInputValueChange, onFocus: onInputFocus, onClick: isMobile ? this.handleMobileFocus : onInputClick, leftIcon: leftIcon, rightIcon: rightIcon, value: textValue || '', onKeyDown: onInputKeyDown, placeholder: placeholder, width: '100%', size: size, warning: warning, inputMode: inputMode, autoComplete: 'off', 'aria-describedby': ariaDescribedby, 'aria-controls': this.menuId, 'aria-label': ariaLabel, showClearIcon: showClearIcon };if (mask) {return /*#__PURE__*/_react.default.createElement(_MaskedInput.MaskedInput, (0, _extends2.default)({ ref: this.refInput }, inputProps, { type: "text", mask: mask, maskChar: maskChar, formatChars: formatChars, onBeforePasteValue: onBeforePasteInMask }));}return /*#__PURE__*/_react.default.createElement(_Input.Input, (0, _extends2.default)({ ref: this.refInput, maxLength: this.props.maxLength }, inputProps));}var _this$getProps4 = this.getProps(),renderValue = _this$getProps4.renderValue;return /*#__PURE__*/_react.default.createElement(_InputLikeText.InputLikeText, { id: id, align: align, borderless: borderless, error: error, onFocus: onFocus, leftIcon: leftIcon, rightIcon: rightIcon, disabled: disabled, warning: warning, placeholder: placeholder, size: size, width: "100%", ref: refInputLikeText, "aria-describedby": ariaDescribedby, "aria-controls": this.menuId, showClearIcon: showClearIcon, className: (0, _Emotion.cx)(mask && _MaskedInput2.styles.root(this.theme)), onClearCrossClick: this.props.onClearCrossClick }, (0, _utils.isNonNullable)(value) && renderValue ? renderValue(value) : null);};return ComboBoxView;}(_react.default.Component), _ComboBoxView.__KONTUR_REACT_UI__ = 'ComboBoxView', _ComboBoxView.displayName = 'ComboBoxView', _ComboBoxView.defaultProps = { renderItem: function renderItem(item) {return item;}, renderValue: function renderValue(item) {return item;}, renderAddButton: function renderAddButton() {return null;}, repeatRequest: function repeatRequest() {return undefined;}, requestStatus: _CustomComboBoxTypes.ComboBoxRequestStatus.Unknown, onClickOutside: function onClickOutside() {/**/}, onFocusOutside: function onFocusOutside() {/**/}, size: 'small', width: 250, showClearIcon: 'never' }, _ComboBoxView)) || _class) || _class;

package/cjs/internal/CustomComboBox/ComboBoxView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_Input","_InputLikeText","_RenderLayer","_Spinner","_CommonWrapper","_MobilePopup","_decorator","_rootNode","_createPropsGetter","_ThemeContext","_LoadingIcon","_Popup","_getMenuPositions","_ZIndex","_ArrowDownIcon","_ComboBoxMenu","_CustomComboBoxTypes","_CustomComboBox","_CustomComboBox2","_getComboBoxTheme","_class","_ComboBoxView","ComboBoxViewIds","exports","menu","ComboBoxView","responsiveLayout","rootNode","_React$Component","_this$props$value","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","mobileInput","dropdownContainerRef","React","createRef","menuId","getRandomID","state","anchorElement","clearCrossShowed","props","showClearIcon","value","toString","getComboBoxMenu","_this$props","items","loading","opened","refMenu","maxMenuHeight","renderTotalCount","renderNotFound","totalCount","size","_this$getProps","repeatRequest","requestStatus","renderItem","itemWrapper","default","createElement","ComboBoxMenu","hasMargin","onValueChange","handleItemSelect","renderAddButton","isMobile","isMobileLayout","renderMenu","_this$getProps2","menuPos","menuAlign","Popup","hasShadow","minWidth","priority","ZIndex","priorities","PopupMenu","positions","getMenuPositions","disablePortal","margin","parseInt","theme","menuOffsetY","ref","renderMobileMenu","rightIcon","_this$props2","onFocus","onInputValueChange","onInputKeyDown","placeholder","textValue","renderSpinner","inputProps","autoComplete","autoFocus","width","onKeyDown","MobilePopup","headerChildComponent","Input","_extends2","refMobileInput","onCloseRequest","onMobileClose","getParent","getRootNode","handleMobileFocus","_this$mobileInput","onInputClick","focus","item","refInput","input","className","styles","spinnerWrapper","Spinner","type","caption","dimmed","getRightIcon","_this$props3","drawArrow","LoadingIcon","ArrowDownIcon","_inheritsLoose2","_proto","prototype","componentDidMount","updateAnchorElement","parent","setState","componentDidUpdate","prevProps","editing","render","_this2","ThemeContext","Consumer","getComboBoxTheme","Provider","renderMain","_this$props4","onMouseEnter","onMouseLeave","onMouseOver","_this$getProps3","onClickOutside","onFocusOutside","renderInput","CommonWrapper","RenderLayer","active","CustomComboBoxDataTids","comboBoxView","style","root","setRootNode","_this$props5","id","align","borderless","disabled","error","onInputBlur","onInputFocus","warning","refInputLikeText","leftIcon","inputMode","ariaDescribedby","ariaLabel","_this$getProps4","renderValue","maxLength","onBlur","undefined","onClick","InputLikeText","onClearCrossClick","isNonNullable","Component","__KONTUR_REACT_UI__","displayName","ComboBoxRequestStatus","Unknown"],"sources":["ComboBoxView.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport type { InputIconType, InputProps, ShowClearIcon } from '../../components/Input';\nimport { Input } from '../../components/Input';\nimport { InputLikeText } from '../InputLikeText';\nimport type { Menu } from '../Menu';\nimport type { MenuItemState } from '../../components/MenuItem';\nimport { RenderLayer } from '../RenderLayer';\nimport { Spinner } from '../../components/Spinner';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport { MobilePopup } from '../MobilePopup';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode, getRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { LoadingIcon } from '../icons2022/LoadingIcon';\nimport type { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport type { SizeProp } from '../../lib/types/props';\nimport { Popup } from '../Popup';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { ZIndex } from '../ZIndex';\n\nimport { ArrowDownIcon } from './ArrowDownIcon';\nimport { ComboBoxMenu } from './ComboBoxMenu';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { styles } from './CustomComboBox.styles';\nimport { CustomComboBoxDataTids } from './CustomComboBox';\nimport { getComboBoxTheme } from './getComboBoxTheme';\n\ninterface ComboBoxViewProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  editing?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  loading?: boolean;\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  opened?: boolean;\n  drawArrow?: boolean;\n  placeholder?: string;\n  size?: SizeProp;\n  textValue?: string;\n  totalCount?: number;\n  value?: Nullable<T>;\n  showClearIcon?: ShowClearIcon;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: string | number;\n  maxLength?: number;\n  maxMenuHeight?: number | string;\n  leftIcon?: InputIconType;\n  rightIcon?: InputIconType;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  onValueChange?: (value: T) => void;\n  onClickOutside?: (e: Event) => void;\n  onFocus?: () => void;\n  onMobileClose?: () => void;\n  onFocusOutside?: () => void;\n  onInputBlur?: () => void;\n  onInputValueChange?: (value: string) => void;\n  onInputFocus?: () => void;\n  onInputClick?: () => void;\n  onClearCrossClick?: () => void;\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderValue?: (item: T) => React.ReactNode;\n  renderAddButton?: (query?: string) => React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  refInput?: (input: Nullable<Input>) => void;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\n}\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxViewProps<T>,\n    | 'renderItem'\n    | 'renderValue'\n    | 'renderAddButton'\n    | 'repeatRequest'\n    | 'requestStatus'\n    | 'onClickOutside'\n    | 'onFocusOutside'\n    | 'size'\n    | 'width'\n    | 'showClearIcon'\n  >\n>;\n\nexport const ComboBoxViewIds = {\n  menu: 'ComboBoxView__menu',\n};\n\ninterface ComboBoxViewState {\n  anchorElement: Nullable<Element>;\n  clearCrossShowed: boolean;\n}\n\n@responsiveLayout\n@rootNode\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>, ComboBoxViewState> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\n  public static displayName = 'ComboBoxView';\n\n  public static defaultProps: DefaultProps<unknown> = {\n    renderItem: (item: any) => item,\n    renderValue: (item: any) => item,\n    renderAddButton: () => null,\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n    onClickOutside: () => {\n      /**/\n    },\n    onFocusOutside: () => {\n      /**/\n    },\n    size: 'small',\n    width: 250,\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(ComboBoxView.defaultProps);\n\n  private input: Nullable<Input>;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private mobileInput: Nullable<Input> = null;\n  private isMobileLayout!: boolean;\n  private dropdownContainerRef = React.createRef<Popup>();\n  private theme!: Theme;\n  private menuId = ComboBoxViewIds.menu + getRandomID();\n\n  public state = {\n    anchorElement: null,\n    clearCrossShowed: this.props.showClearIcon === 'always' && !!this.props.value?.toString(),\n  };\n\n  public componentDidMount() {\n    this.updateAnchorElement();\n\n    if (this.props.autoFocus && this.props.onFocus) {\n      this.props.onFocus();\n    }\n  }\n\n  updateAnchorElement() {\n    const parent = this.getParent();\n    const anchorElement = this.state.anchorElement;\n\n    if (anchorElement !== parent) {\n      this.setState({\n        anchorElement: parent,\n      });\n    }\n  }\n\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\n    const { input, props } = this;\n\n    this.updateAnchorElement();\n\n    if (props.editing && !prevProps.editing && input) {\n      input.focus();\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getComboBoxTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const { onMouseEnter, onMouseLeave, onMouseOver, opened } = this.props;\n    const { onClickOutside, onFocusOutside, width } = this.getProps();\n\n    const isMobile = this.isMobileLayout;\n\n    const input = this.renderInput();\n\n    return (\n      <CommonWrapper {...this.props}>\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\n          <span\n            data-tid={CustomComboBoxDataTids.comboBoxView}\n            style={{ width }}\n            className={styles.root()}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            ref={this.setRootNode}\n          >\n            {input}\n            {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n          </span>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  private getComboBoxMenu = () => {\n    const { items, loading, opened, refMenu, maxMenuHeight, renderTotalCount, renderNotFound, totalCount, size } =\n      this.props;\n\n    const { repeatRequest, requestStatus, renderItem, itemWrapper } = this.getProps();\n    return (\n      <ComboBoxMenu\n        hasMargin={false}\n        menuId={this.menuId}\n        items={items}\n        loading={loading}\n        maxMenuHeight={maxMenuHeight}\n        onValueChange={this.handleItemSelect}\n        opened={opened}\n        refMenu={refMenu}\n        renderTotalCount={renderTotalCount}\n        renderItem={renderItem}\n        renderNotFound={renderNotFound}\n        itemWrapper={itemWrapper}\n        renderAddButton={this.renderAddButton}\n        repeatRequest={repeatRequest}\n        requestStatus={requestStatus}\n        totalCount={totalCount}\n        isMobile={this.isMobileLayout}\n        size={size}\n      />\n    );\n  };\n\n  private renderMenu = () => {\n    const { opened, menuPos, menuAlign } = this.getProps();\n    const { anchorElement } = this.state;\n\n    return (\n      opened &&\n      anchorElement && (\n        <Popup\n          opened\n          hasShadow\n          minWidth=\"100%\"\n          anchorElement={anchorElement}\n          priority={ZIndex.priorities.PopupMenu}\n          positions={getMenuPositions(menuPos, menuAlign)}\n          disablePortal={this.props.disablePortal}\n          margin={parseInt(this.theme.menuOffsetY) - 1}\n          ref={this.dropdownContainerRef}\n        >\n          {this.getComboBoxMenu()}\n        </Popup>\n      )\n    );\n  };\n\n  private renderMobileMenu = () => {\n    let rightIcon = null;\n\n    const { loading, items, opened, onFocus, onInputValueChange, onInputKeyDown, placeholder, textValue } = this.props;\n    if (loading && items && !!items.length) {\n      rightIcon = this.renderSpinner();\n    }\n\n    const inputProps: InputProps = {\n      autoComplete: 'off',\n      autoFocus: true,\n      width: '100%',\n      onFocus,\n      onValueChange: onInputValueChange,\n      onKeyDown: onInputKeyDown,\n      value: textValue,\n      placeholder,\n      rightIcon,\n    };\n\n    return (\n      opened && (\n        <MobilePopup\n          headerChildComponent={<Input ref={this.refMobileInput} {...inputProps} />}\n          onCloseRequest={this.props.onMobileClose}\n          opened\n        >\n          {this.getComboBoxMenu()}\n        </MobilePopup>\n      )\n    );\n  };\n\n  private getParent = () => {\n    return getRootNode(this);\n  };\n\n  private renderAddButton = (): React.ReactNode => {\n    return this.getProps().renderAddButton(this.props.textValue);\n  };\n\n  private renderInput(): React.ReactNode {\n    const isMobile = this.isMobileLayout;\n\n    const {\n      id,\n      align,\n      borderless,\n      disabled,\n      editing,\n      error,\n      onFocus,\n      onInputBlur,\n      onInputValueChange,\n      onInputFocus,\n      onInputClick,\n      onInputKeyDown,\n      placeholder,\n      textValue,\n      value,\n      warning,\n      refInputLikeText,\n      leftIcon,\n      inputMode,\n      size,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      showClearIcon,\n    } = this.props;\n\n    const { renderValue } = this.getProps();\n\n    const rightIcon = this.getRightIcon();\n\n    if (editing) {\n      return (\n        <Input\n          id={id}\n          align={align}\n          borderless={borderless}\n          disabled={disabled}\n          error={error}\n          maxLength={this.props.maxLength}\n          onBlur={isMobile ? undefined : onInputBlur}\n          onValueChange={onInputValueChange}\n          onFocus={onInputFocus}\n          onClick={isMobile ? this.handleMobileFocus : onInputClick}\n          leftIcon={leftIcon}\n          rightIcon={rightIcon}\n          value={textValue || ''}\n          onKeyDown={onInputKeyDown}\n          placeholder={placeholder}\n          width=\"100%\"\n          size={size}\n          ref={this.refInput}\n          warning={warning}\n          inputMode={inputMode}\n          autoComplete=\"off\"\n          aria-describedby={ariaDescribedby}\n          aria-controls={this.menuId}\n          aria-label={ariaLabel}\n          showClearIcon={showClearIcon}\n        />\n      );\n    }\n\n    return (\n      <InputLikeText\n        id={id}\n        align={align}\n        borderless={borderless}\n        error={error}\n        onFocus={onFocus}\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        disabled={disabled}\n        warning={warning}\n        placeholder={placeholder}\n        size={size}\n        width=\"100%\"\n        ref={refInputLikeText}\n        aria-describedby={ariaDescribedby}\n        aria-controls={this.menuId}\n        showClearIcon={showClearIcon}\n        onClearCrossClick={this.props.onClearCrossClick}\n      >\n        {isNonNullable(value) && renderValue ? renderValue(value) : null}\n      </InputLikeText>\n    );\n  }\n\n  private handleMobileFocus = () => {\n    this.props.onInputClick?.();\n\n    this.mobileInput?.focus();\n  };\n\n  private handleItemSelect = (item: T) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(item);\n    }\n\n    if (this.isMobileLayout) {\n      this.props.onMobileClose?.();\n    }\n  };\n\n  private refInput = (input: Nullable<Input>) => {\n    if (this.props.refInput) {\n      this.props.refInput(input);\n    }\n    this.input = input;\n  };\n\n  private renderSpinner = () => (\n    <span className={styles.spinnerWrapper()}>\n      <Spinner type=\"mini\" caption=\"\" dimmed />\n    </span>\n  );\n\n  private getRightIcon = () => {\n    const { loading, items, drawArrow, rightIcon, size } = this.props;\n\n    if (loading && items && !!items.length) {\n      return <LoadingIcon size={size} />;\n    }\n\n    if (rightIcon || drawArrow) {\n      return rightIcon || <ArrowDownIcon size={size} />;\n    }\n\n    return null;\n  };\n\n  private refMobileInput = (input: Nullable<Input>) => {\n    this.mobileInput = input;\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_Input","_InputLikeText","_RenderLayer","_Spinner","_CommonWrapper","_MobilePopup","_decorator","_rootNode","_createPropsGetter","_ThemeContext","_LoadingIcon","_Popup","_getMenuPositions","_ZIndex","_MaskedInput","_MaskedInput2","_Emotion","_ArrowDownIcon","_ComboBoxMenu","_CustomComboBoxTypes","_CustomComboBox","_CustomComboBox2","_getComboBoxTheme","_class","_ComboBoxView","ComboBoxViewIds","exports","menu","ComboBoxView","responsiveLayout","rootNode","_React$Component","_this$props$value","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","mobileInput","dropdownContainerRef","React","createRef","menuId","getRandomID","state","anchorElement","clearCrossShowed","props","showClearIcon","value","toString","getComboBoxMenu","_this$props","items","loading","opened","refMenu","maxMenuHeight","renderTotalCount","renderNotFound","totalCount","size","_this$getProps","repeatRequest","requestStatus","renderItem","itemWrapper","default","createElement","ComboBoxMenu","hasMargin","onValueChange","handleItemSelect","renderAddButton","isMobile","isMobileLayout","renderMenu","_this$getProps2","menuPos","menuAlign","Popup","hasShadow","minWidth","priority","ZIndex","priorities","PopupMenu","positions","getMenuPositions","disablePortal","margin","parseInt","theme","menuOffsetY","ref","renderMobileMenu","rightIcon","_this$props2","onFocus","onInputValueChange","onInputKeyDown","placeholder","textValue","renderSpinner","inputProps","autoComplete","autoFocus","width","onKeyDown","MobilePopup","headerChildComponent","Input","_extends2","refMobileInput","onCloseRequest","onMobileClose","getParent","getRootNode","handleMobileFocus","_this$mobileInput","onInputClick","focus","item","refInput","input","className","styles","spinnerWrapper","Spinner","type","caption","dimmed","getRightIcon","_this$props3","drawArrow","LoadingIcon","ArrowDownIcon","_inheritsLoose2","_proto","prototype","componentDidMount","updateAnchorElement","parent","setState","componentDidUpdate","prevProps","editing","render","_this2","ThemeContext","Consumer","getComboBoxTheme","Provider","renderMain","_this$props4","onMouseEnter","onMouseLeave","onMouseOver","_this$getProps3","onClickOutside","onFocusOutside","renderInput","CommonWrapper","RenderLayer","active","CustomComboBoxDataTids","comboBoxView","style","root","setRootNode","_this$props5","id","align","borderless","disabled","error","onInputBlur","onInputFocus","warning","refInputLikeText","leftIcon","inputMode","ariaDescribedby","ariaLabel","mask","maskChar","formatChars","onBeforePasteInMask","onBlur","undefined","onClick","MaskedInput","onBeforePasteValue","maxLength","_this$getProps4","renderValue","InputLikeText","cx","MaskedInputStyles","onClearCrossClick","isNonNullable","Component","__KONTUR_REACT_UI__","displayName","ComboBoxRequestStatus","Unknown"],"sources":["ComboBoxView.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport type { InputIconType, InputProps, ShowClearIcon } from '../../components/Input';\nimport { Input } from '../../components/Input';\nimport { InputLikeText } from '../InputLikeText';\nimport type { Menu } from '../Menu';\nimport type { MenuItemState } from '../../components/MenuItem';\nimport { RenderLayer } from '../RenderLayer';\nimport { Spinner } from '../../components/Spinner';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport { MobilePopup } from '../MobilePopup';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode, getRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { LoadingIcon } from '../icons2022/LoadingIcon';\nimport type { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport type { SizeProp } from '../../lib/types/props';\nimport { Popup } from '../Popup';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\nimport { ZIndex } from '../ZIndex';\nimport type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../../components/MaskedInput';\nimport { MaskedInput } from '../../components/MaskedInput';\nimport { styles as MaskedInputStyles } from '../../components/MaskedInput/MaskedInput.styles';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { ArrowDownIcon } from './ArrowDownIcon';\nimport { ComboBoxMenu } from './ComboBoxMenu';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { styles } from './CustomComboBox.styles';\nimport { CustomComboBoxDataTids } from './CustomComboBox';\nimport { getComboBoxTheme } from './getComboBoxTheme';\n\ninterface ComboBoxViewProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps,\n    Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  editing?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  loading?: boolean;\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  opened?: boolean;\n  drawArrow?: boolean;\n  placeholder?: string;\n  size?: SizeProp;\n  textValue?: string;\n  totalCount?: number;\n  value?: Nullable<T>;\n  showClearIcon?: ShowClearIcon;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: string | number;\n  maxLength?: number;\n  maxMenuHeight?: number | string;\n  leftIcon?: InputIconType;\n  rightIcon?: InputIconType;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\n  onValueChange?: (value: T) => void;\n  onClickOutside?: (e: Event) => void;\n  onFocus?: () => void;\n  onMobileClose?: () => void;\n  onFocusOutside?: () => void;\n  onInputBlur?: () => void;\n  onInputValueChange?: (value: string) => void;\n  onInputFocus?: () => void;\n  onInputClick?: () => void;\n  onClearCrossClick?: () => void;\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderValue?: (item: T) => React.ReactNode;\n  renderAddButton?: (query?: string) => React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  refInput?: (input: Nullable<Input>) => void;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\n}\n\ntype DefaultProps<T> = Required<\n  Pick<\n    ComboBoxViewProps<T>,\n    | 'renderItem'\n    | 'renderValue'\n    | 'renderAddButton'\n    | 'repeatRequest'\n    | 'requestStatus'\n    | 'onClickOutside'\n    | 'onFocusOutside'\n    | 'size'\n    | 'width'\n    | 'showClearIcon'\n  >\n>;\n\nexport const ComboBoxViewIds = {\n  menu: 'ComboBoxView__menu',\n};\n\ninterface ComboBoxViewState {\n  anchorElement: Nullable<Element>;\n  clearCrossShowed: boolean;\n}\n\n@responsiveLayout\n@rootNode\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>, ComboBoxViewState> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\n  public static displayName = 'ComboBoxView';\n\n  public static defaultProps: DefaultProps<unknown> = {\n    renderItem: (item: any) => item,\n    renderValue: (item: any) => item,\n    renderAddButton: () => null,\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n    onClickOutside: () => {\n      /**/\n    },\n    onFocusOutside: () => {\n      /**/\n    },\n    size: 'small',\n    width: 250,\n    showClearIcon: 'never',\n  };\n\n  private getProps = createPropsGetter(ComboBoxView.defaultProps);\n\n  private input: Nullable<Input>;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private mobileInput: Nullable<Input> = null;\n  private isMobileLayout!: boolean;\n  private dropdownContainerRef = React.createRef<Popup>();\n  private theme!: Theme;\n  private menuId = ComboBoxViewIds.menu + getRandomID();\n\n  public state = {\n    anchorElement: null,\n    clearCrossShowed: this.props.showClearIcon === 'always' && !!this.props.value?.toString(),\n  };\n\n  public componentDidMount() {\n    this.updateAnchorElement();\n\n    if (this.props.autoFocus && this.props.onFocus) {\n      this.props.onFocus();\n    }\n  }\n\n  updateAnchorElement() {\n    const parent = this.getParent();\n    const anchorElement = this.state.anchorElement;\n\n    if (anchorElement !== parent) {\n      this.setState({\n        anchorElement: parent,\n      });\n    }\n  }\n\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\n    const { input, props } = this;\n\n    this.updateAnchorElement();\n\n    if (props.editing && !prevProps.editing && input) {\n      input.focus();\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getComboBoxTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const { onMouseEnter, onMouseLeave, onMouseOver, opened } = this.props;\n    const { onClickOutside, onFocusOutside, width } = this.getProps();\n\n    const isMobile = this.isMobileLayout;\n\n    const input = this.renderInput();\n\n    return (\n      <CommonWrapper {...this.props}>\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\n          <span\n            data-tid={CustomComboBoxDataTids.comboBoxView}\n            style={{ width }}\n            className={styles.root()}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            ref={this.setRootNode}\n          >\n            {input}\n            {isMobile ? this.renderMobileMenu() : this.renderMenu()}\n          </span>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  private getComboBoxMenu = () => {\n    const { items, loading, opened, refMenu, maxMenuHeight, renderTotalCount, renderNotFound, totalCount, size } =\n      this.props;\n\n    const { repeatRequest, requestStatus, renderItem, itemWrapper } = this.getProps();\n    return (\n      <ComboBoxMenu\n        hasMargin={false}\n        menuId={this.menuId}\n        items={items}\n        loading={loading}\n        maxMenuHeight={maxMenuHeight}\n        onValueChange={this.handleItemSelect}\n        opened={opened}\n        refMenu={refMenu}\n        renderTotalCount={renderTotalCount}\n        renderItem={renderItem}\n        renderNotFound={renderNotFound}\n        itemWrapper={itemWrapper}\n        renderAddButton={this.renderAddButton}\n        repeatRequest={repeatRequest}\n        requestStatus={requestStatus}\n        totalCount={totalCount}\n        isMobile={this.isMobileLayout}\n        size={size}\n      />\n    );\n  };\n\n  private renderMenu = () => {\n    const { opened, menuPos, menuAlign } = this.getProps();\n    const { anchorElement } = this.state;\n\n    return (\n      opened &&\n      anchorElement && (\n        <Popup\n          opened\n          hasShadow\n          minWidth=\"100%\"\n          anchorElement={anchorElement}\n          priority={ZIndex.priorities.PopupMenu}\n          positions={getMenuPositions(menuPos, menuAlign)}\n          disablePortal={this.props.disablePortal}\n          margin={parseInt(this.theme.menuOffsetY) - 1}\n          ref={this.dropdownContainerRef}\n        >\n          {this.getComboBoxMenu()}\n        </Popup>\n      )\n    );\n  };\n\n  private renderMobileMenu = () => {\n    let rightIcon = null;\n\n    const { loading, items, opened, onFocus, onInputValueChange, onInputKeyDown, placeholder, textValue } = this.props;\n    if (loading && items && !!items.length) {\n      rightIcon = this.renderSpinner();\n    }\n\n    const inputProps: InputProps = {\n      autoComplete: 'off',\n      autoFocus: true,\n      width: '100%',\n      onFocus,\n      onValueChange: onInputValueChange,\n      onKeyDown: onInputKeyDown,\n      value: textValue,\n      placeholder,\n      rightIcon,\n    };\n\n    return (\n      opened && (\n        <MobilePopup\n          headerChildComponent={<Input ref={this.refMobileInput} {...inputProps} />}\n          onCloseRequest={this.props.onMobileClose}\n          opened\n        >\n          {this.getComboBoxMenu()}\n        </MobilePopup>\n      )\n    );\n  };\n\n  private getParent = () => {\n    return getRootNode(this);\n  };\n\n  private renderAddButton = (): React.ReactNode => {\n    return this.getProps().renderAddButton(this.props.textValue);\n  };\n\n  private renderInput(): React.ReactNode {\n    const isMobile = this.isMobileLayout;\n\n    const {\n      id,\n      align,\n      borderless,\n      disabled,\n      editing,\n      error,\n      onFocus,\n      onInputBlur,\n      onInputValueChange,\n      onInputFocus,\n      onInputClick,\n      onInputKeyDown,\n      placeholder,\n      textValue,\n      value,\n      warning,\n      refInputLikeText,\n      leftIcon,\n      inputMode,\n      size,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      showClearIcon,\n      mask,\n      maskChar,\n      formatChars,\n      onBeforePasteInMask,\n    } = this.props;\n\n    const rightIcon = this.getRightIcon();\n\n    if (editing) {\n      const inputProps: InputProps = {\n        id,\n        align,\n        borderless,\n        disabled,\n        error,\n        onBlur: isMobile ? undefined : onInputBlur,\n        onValueChange: onInputValueChange,\n        onFocus: onInputFocus,\n        onClick: isMobile ? this.handleMobileFocus : onInputClick,\n        leftIcon,\n        rightIcon,\n        value: textValue || '',\n        onKeyDown: onInputKeyDown,\n        placeholder,\n        width: '100%',\n        size,\n        warning,\n        inputMode,\n        autoComplete: 'off',\n        'aria-describedby': ariaDescribedby,\n        'aria-controls': this.menuId,\n        'aria-label': ariaLabel,\n        showClearIcon,\n      };\n\n      if (mask) {\n        return (\n          <MaskedInput\n            ref={this.refInput}\n            {...inputProps}\n            type=\"text\"\n            mask={mask}\n            maskChar={maskChar}\n            formatChars={formatChars}\n            onBeforePasteValue={onBeforePasteInMask}\n          />\n        );\n      }\n\n      return <Input ref={this.refInput} maxLength={this.props.maxLength} {...inputProps} />;\n    }\n\n    const { renderValue } = this.getProps();\n    return (\n      <InputLikeText\n        id={id}\n        align={align}\n        borderless={borderless}\n        error={error}\n        onFocus={onFocus}\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        disabled={disabled}\n        warning={warning}\n        placeholder={placeholder}\n        size={size}\n        width=\"100%\"\n        ref={refInputLikeText}\n        aria-describedby={ariaDescribedby}\n        aria-controls={this.menuId}\n        showClearIcon={showClearIcon}\n        className={cx(mask && MaskedInputStyles.root(this.theme))}\n        onClearCrossClick={this.props.onClearCrossClick}\n      >\n        {isNonNullable(value) && renderValue ? renderValue(value) : null}\n      </InputLikeText>\n    );\n  }\n\n  private handleMobileFocus = () => {\n    this.props.onInputClick?.();\n\n    this.mobileInput?.focus();\n  };\n\n  private handleItemSelect = (item: T) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(item);\n    }\n\n    if (this.isMobileLayout) {\n      this.props.onMobileClose?.();\n    }\n  };\n\n  private refInput = (input: Nullable<Input>) => {\n    if (this.props.refInput) {\n      this.props.refInput(input);\n    }\n    this.input = input;\n  };\n\n  private renderSpinner = () => (\n    <span className={styles.spinnerWrapper()}>\n      <Spinner type=\"mini\" caption=\"\" dimmed />\n    </span>\n  );\n\n  private getRightIcon = () => {\n    const { loading, items, drawArrow, rightIcon, size } = this.props;\n\n    if (loading && items && !!items.length) {\n      return <LoadingIcon size={size} />;\n    }\n\n    if (rightIcon || drawArrow) {\n      return rightIcon || <ArrowDownIcon size={size} />;\n    }\n\n    return null;\n  };\n\n  private refMobileInput = (input: Nullable<Input>) => {\n    this.mobileInput = input;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/CustomComboBox/CustomComboBox.d.ts

@@ -9,9 +9,10 @@ import type { CommonProps } from '../CommonWrapper';
 import type { TGetRootNode } from '../../lib/rootNode';
 import type { ComboBoxExtendedItem } from '../../components/ComboBox';
 import type { SizeProp } from '../../lib/types/props';
+import type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../../components/MaskedInput';
 import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
 export * from './tids';
-export interface CustomComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
+export interface CustomComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps, Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {
     align?: 'left' | 'center' | 'right';
     autoFocus?: boolean;
     borderless?: boolean;
@@ -61,6 +62,7 @@ export interface CustomComboBoxProps<T> extends Pick<AriaAttributes, 'aria-descr
     itemToValue: (item: T) => string | number;
     getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;
     inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+    onBeforePasteInMask?: MaskedInputOnBeforePasteValue;
 }
 export interface CustomComboBoxState<T> {
     editing: boolean;