@skbkontur/react-ui 5.3.9 → 5.3.11

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

@@ -1 +1 @@
-{"version":3,"names":["React","CustomComboBox","rootNode","createPropsGetter","ComboBox","_class","_ComboBox","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inheritsLoose","_proto","prototype","focus","opts","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","_extends","size","props","ref","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow","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":"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","ignoreList":[]}
+{"version":3,"names":["React","CustomComboBox","rootNode","createPropsGetter","ComboBox","_class","_ComboBox","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inheritsLoose","_proto","prototype","focus","opts","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","_extends","size","props","ref","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow","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   *\n   * **Не рекомендуется менять значение, передаваемое в проп `value`, внутри этой функции. Используйте для этих целей `onValueChange` или `onUnexpectedInput`. Иначе возможно неожиданное поведение компонента.**\n   */\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n\n  /** Задает функцию для обработки ввода строки в инпут и последующей потерей фокуса компонентом.\n   * Функция срабатывает с аргументом инпута строки.\n   * Если при потере фокуса в выпадающем списке будет только один элемент и результат valueToString с этим элементом будет совпадать со значение в текстовом поле, то сработает onValueChange со значением данного элемента.\n   * Сама функция также может вернуть значение, неравное undefined, с которым будет вызван onValueChange. Если возвращаемое значение будет равно null, то сработает очистка текущего значения инпута, а в режиме редактирования токен будет удален. */\n  onUnexpectedInput?: (value: string) => void | null | T;\n\n  /** Задает текст, который отображается если не введено никакое значение. */\n  placeholder?: string;\n\n  /** Задает функцию отрисовки элементов результата поиска.\n   * Не применяется если элемент является функцией или React-элементом\n   * @default item => item.label\n   * @param {T} item - элемент из результата поиска.\n   * @param {MenuItemState} state? - состояние элемента.\n   * @returns {React.ReactNode} React-элемент. */\n  renderItem?: (item: T, state?: MenuItemState) => React.ReactNode;\n\n  /** Устанавливает компонент, заменяющий собой обёртку элементов результата поиска.\n   * По умолчанию все элементы результата поиска оборачиваются в тег <button />.\n   * @example\n   * itemWrapper={(item) => {\n   *    if (item.value === 3) {\n   *      return (props) => {\n   *        return <a {...props} />\n   *      }\n   *    }\n   * }}\n   */\n  itemWrapper?: (item: T) => React.ComponentType;\n\n  /** Задает функцию, которая отображает сообщение о пустом результате поиска. При renderAddButton не работает. */\n  renderNotFound?: () => React.ReactNode;\n\n  /** Задает функцию, которая отображает сообщение об общем количестве элементов.\n   * @param {number} found - количество элементов по результатам поиска. Учитывает только компонент MenuItem. Им \"оборачиваются\" элементы, возвращаемые getItems().\n   * @param {number} total - количество всех элементов. */\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n\n  /** Задает функцию, которая отображает выбранное значение.\n   * @default item => item.label */\n  renderValue?: (item: T) => React.ReactNode;\n\n  /** Задает функцию отрисовки кнопки добавления в выпадающем списке. */\n  renderAddButton?: (query?: string) => React.ReactNode;\n\n  /** Определяет общее количество элементов. Необходим для работы renderTotalCount. */\n  totalCount?: number;\n\n  /** Устанавливает выбранное в комбобоксе значение. Тип `value` совпадает с типом элементов в массиве, возвращаемом в `getItems`. */\n  value?: Nullable<T>;\n\n  /** Задает функцию, которая возвращает строковое представление value. Необходимо при фокусировке. */\n  valueToString?: (item: T) => string;\n\n  /** Задает размер компонента. */\n  size?: SizeProp;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задает длину комбобокса. */\n  width?: string | number;\n\n  /** Задает максимальную высоту меню. */\n  maxMenuHeight?: number | string;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent) => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Задает типы вводимых данных. */\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  /** Задает функцию, которая вызывается при вставке значения в инпут с маской. */\n  onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\n}\n\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":[]}

package/components/ComboBox/ComboBox.d.ts

@@ -59,7 +59,10 @@ export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby
     onValueChange?: (value: T) => void;
     /** Задает функцию, которая вызывается при получении комбобоксом фокуса. */
     onFocus?: () => void;
-    /** Задает функцию, которая вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода. */
+    /** Задает функцию, которая вызывается при изменении текста в поле ввода, если результатом функции будет строка, то она станет следующим состоянием полем ввода.
+     *
+     * **Не рекомендуется менять значение, передаваемое в проп `value`, внутри этой функции. Используйте для этих целей `onValueChange` или `onUnexpectedInput`. Иначе возможно неожиданное поведение компонента.**
+     */
     onInputValueChange?: (value: string) => Nullable<string> | void;
     /** Задает функцию для обработки ввода строки в инпут и последующей потерей фокуса компонентом.
      * Функция срабатывает с аргументом инпута строки.

package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js

@@ -24,7 +24,7 @@ var CurrencyLabel = forwardRefAndName('CurrencyLabel', function CurrencyLabel(_r
     hideTrailingZeros = _ref$hideTrailingZero === void 0 ? false : _ref$hideTrailingZero,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   React.useEffect(function () {
-    warning(fractionDigits <= MAX_SAFE_DIGITS, "[CurrencyLabel]: Prop 'fractionDigits' exceeds " + MAX_SAFE_DIGITS + "." + "\nSee CurrencyInput documentation");
+    warning(fractionDigits <= MAX_SAFE_DIGITS, "[CurrencyLabel]: Prop 'fractionDigits' exceeds " + MAX_SAFE_DIGITS + ".\nSee CurrencyInput documentation");
     var _ref2 = CurrencyHelper.destructString(String(value)) || {
         fraction: ''
       },

package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","warning","MAX_SAFE_DIGITS","CurrencyHelper","CommonWrapper","forwardRefAndName","FRACTION_DIGITS_DEFAULT","CurrencyLabelDataTids","root","CurrencyLabel","_ref","ref","id","value","_ref$fractionDigits","fractionDigits","currencySymbol","_ref$hideTrailingZero","hideTrailingZeros","rest","_objectWithoutPropertiesLoose","_excluded","useEffect","_ref2","destructString","String","fraction","length","Number","isInteger","createElement","format","fromCharCode"],"sources":["CurrencyLabel.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport warning from 'warning';\n\nimport { MAX_SAFE_DIGITS } from '../CurrencyInput/constants';\nimport { CurrencyHelper } from '../CurrencyInput/CurrencyHelper';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nexport interface CurrencyLabelProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  /** Устанавливает минимальное количество отображаемых знаков после запятой.\n   * @default 2 */\n  fractionDigits?: number;\n\n  /** Устанавливает значение. */\n  value: number;\n\n  /** Задает символ валюты. */\n  currencySymbol?: React.ReactNode;\n\n  /** Убирает лишние нули после запятой. */\n  hideTrailingZeros?: boolean;\n}\n\nconst FRACTION_DIGITS_DEFAULT = 2;\n\nexport const CurrencyLabelDataTids = {\n  root: 'CurrencyLabel__root',\n} as const;\n\n/**\n * `CurrencyLabel` — подпись для денежных сумм (и других числовых значений).\n */\nconst CurrencyLabel = forwardRefAndName(\n  'CurrencyLabel',\n  function CurrencyLabel(\n    {\n      id,\n      value,\n      fractionDigits = FRACTION_DIGITS_DEFAULT,\n      currencySymbol,\n      hideTrailingZeros = false,\n      ...rest\n    }: CurrencyLabelProps,\n    ref: React.Ref<HTMLDivElement>,\n  ) {\n    React.useEffect(() => {\n      warning(\n        fractionDigits <= MAX_SAFE_DIGITS,\n        `[CurrencyLabel]: Prop 'fractionDigits' exceeds ${MAX_SAFE_DIGITS}.` + `\\nSee CurrencyInput documentation`,\n      );\n\n      const { fraction } = CurrencyHelper.destructString(String(value)) || { fraction: '' };\n      warning(\n        fraction.length <= fractionDigits,\n        `[CurrencyLabel]: Prop 'fractionDigits' less than fractional part of the 'value' property,` +\n          `'value' will not be cutted`,\n      );\n\n      warning(\n        Number.isInteger(fractionDigits),\n        `[CurrencyLabel]: Prop 'fractionDigits' is not integer, fraction part of these property will not be used`,\n      );\n    }, [fractionDigits, value]);\n\n    return (\n      <CommonWrapper {...rest}>\n        <span id={id} data-tid={CurrencyLabelDataTids.root} ref={ref}>\n          {CurrencyHelper.format(value, { fractionDigits, hideTrailingZeros })}\n          {currencySymbol && String.fromCharCode(0xa0) /* &nbsp; */}\n          {currencySymbol}\n        </span>\n      </CommonWrapper>\n    );\n  },\n);\n\nexport { CurrencyLabel };\n"],"mappings":";AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,SAAS;;AAE7B,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,cAAc,QAAQ,iCAAiC;;AAEhE,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,iBAAiB,QAAQ,6BAA6B;;;;;;;;;;;;;;;;;AAiB/D,IAAMC,uBAAuB,GAAG,CAAC;;AAEjC,OAAO,IAAMC,qBAAqB,GAAG;EACnCC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA,IAAMC,aAAa,GAAGJ,iBAAiB;EACrC,eAAe;EACf,SAASI,aAAaA,CAAAC,IAAA;;;;;;;;;EASpBC,GAA8B;EAC9B,KAREC,EAAE,GAAAF,IAAA,CAAFE,EAAE,CACFC,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAAC,mBAAA,GAAAJ,IAAA,CACLK,cAAc,CAAdA,cAAc,GAAAD,mBAAA,cAAGR,uBAAuB,GAAAQ,mBAAA,CACxCE,cAAc,GAAAN,IAAA,CAAdM,cAAc,CAAAC,qBAAA,GAAAP,IAAA,CACdQ,iBAAiB,CAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CACtBE,IAAI,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;IAITrB,KAAK,CAACsB,SAAS,CAAC,YAAM;MACpBrB,OAAO;QACLc,cAAc,IAAIb,eAAe;QACjC,oDAAkDA,eAAe;MACnE,CAAC;;MAED,IAAAqB,KAAA,GAAqBpB,cAAc,CAACqB,cAAc,CAACC,MAAM,CAACZ,KAAK,CAAC,CAAC,IAAI,EAAEa,QAAQ,EAAE,EAAE,CAAC,CAAC,CAA7EA,QAAQ,GAAAH,KAAA,CAARG,QAAQ;MAChBzB,OAAO;QACLyB,QAAQ,CAACC,MAAM,IAAIZ,cAAc;QACjC;;MAEF,CAAC;;MAEDd,OAAO;QACL2B,MAAM,CAACC,SAAS,CAACd,cAAc,CAAC;;MAElC,CAAC;IACH,CAAC,EAAE,CAACA,cAAc,EAAEF,KAAK,CAAC,CAAC;;IAE3B;MACEb,KAAA,CAAA8B,aAAA,CAAC1B,aAAa,EAAKe,IAAI;MACrBnB,KAAA,CAAA8B,aAAA,WAAMlB,EAAE,EAAEA,EAAG,EAAC,YAAUL,qBAAqB,CAACC,IAAK,EAACG,GAAG,EAAEA,GAAI;MAC1DR,cAAc,CAAC4B,MAAM,CAAClB,KAAK,EAAE,EAAEE,cAAc,EAAdA,cAAc,EAAEG,iBAAiB,EAAjBA,iBAAiB,CAAC,CAAC,CAAC;MACnEF,cAAc,IAAIS,MAAM,CAACO,YAAY,CAAC,IAAI,CAAC,CAAC;MAC5ChB;MACG;MACO,CAAC;;EAEpB;AACF,CAAC;;AAED,SAASP,aAAa","ignoreList":[]}
+{"version":3,"names":["React","warning","MAX_SAFE_DIGITS","CurrencyHelper","CommonWrapper","forwardRefAndName","FRACTION_DIGITS_DEFAULT","CurrencyLabelDataTids","root","CurrencyLabel","_ref","ref","id","value","_ref$fractionDigits","fractionDigits","currencySymbol","_ref$hideTrailingZero","hideTrailingZeros","rest","_objectWithoutPropertiesLoose","_excluded","useEffect","_ref2","destructString","String","fraction","length","Number","isInteger","createElement","format","fromCharCode"],"sources":["CurrencyLabel.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport warning from 'warning';\n\nimport { MAX_SAFE_DIGITS } from '../CurrencyInput/constants';\nimport { CurrencyHelper } from '../CurrencyInput/CurrencyHelper';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nexport interface CurrencyLabelProps extends CommonProps, Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  /** Устанавливает минимальное количество отображаемых знаков после запятой.\n   * @default 2 */\n  fractionDigits?: number;\n\n  /** Устанавливает значение. */\n  value: number;\n\n  /** Задает символ валюты. */\n  currencySymbol?: React.ReactNode;\n\n  /** Убирает лишние нули после запятой. */\n  hideTrailingZeros?: boolean;\n}\n\nconst FRACTION_DIGITS_DEFAULT = 2;\n\nexport const CurrencyLabelDataTids = {\n  root: 'CurrencyLabel__root',\n} as const;\n\n/**\n * `CurrencyLabel` — подпись для денежных сумм (и других числовых значений).\n */\nconst CurrencyLabel = forwardRefAndName(\n  'CurrencyLabel',\n  function CurrencyLabel(\n    {\n      id,\n      value,\n      fractionDigits = FRACTION_DIGITS_DEFAULT,\n      currencySymbol,\n      hideTrailingZeros = false,\n      ...rest\n    }: CurrencyLabelProps,\n    ref: React.Ref<HTMLDivElement>,\n  ) {\n    React.useEffect(() => {\n      warning(\n        fractionDigits <= MAX_SAFE_DIGITS,\n        `[CurrencyLabel]: Prop 'fractionDigits' exceeds ${MAX_SAFE_DIGITS}.\\nSee CurrencyInput documentation`,\n      );\n\n      const { fraction } = CurrencyHelper.destructString(String(value)) || { fraction: '' };\n      warning(\n        fraction.length <= fractionDigits,\n        `[CurrencyLabel]: Prop 'fractionDigits' less than fractional part of the 'value' property,` +\n          `'value' will not be cutted`,\n      );\n\n      warning(\n        Number.isInteger(fractionDigits),\n        `[CurrencyLabel]: Prop 'fractionDigits' is not integer, fraction part of these property will not be used`,\n      );\n    }, [fractionDigits, value]);\n\n    return (\n      <CommonWrapper {...rest}>\n        <span id={id} data-tid={CurrencyLabelDataTids.root} ref={ref}>\n          {CurrencyHelper.format(value, { fractionDigits, hideTrailingZeros })}\n          {currencySymbol && String.fromCharCode(0xa0) /* &nbsp; */}\n          {currencySymbol}\n        </span>\n      </CommonWrapper>\n    );\n  },\n);\n\nexport { CurrencyLabel };\n"],"mappings":";AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,SAAS;;AAE7B,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,cAAc,QAAQ,iCAAiC;;AAEhE,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,iBAAiB,QAAQ,6BAA6B;;;;;;;;;;;;;;;;;AAiB/D,IAAMC,uBAAuB,GAAG,CAAC;;AAEjC,OAAO,IAAMC,qBAAqB,GAAG;EACnCC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA,IAAMC,aAAa,GAAGJ,iBAAiB;EACrC,eAAe;EACf,SAASI,aAAaA,CAAAC,IAAA;;;;;;;;;EASpBC,GAA8B;EAC9B,KAREC,EAAE,GAAAF,IAAA,CAAFE,EAAE,CACFC,KAAK,GAAAH,IAAA,CAALG,KAAK,CAAAC,mBAAA,GAAAJ,IAAA,CACLK,cAAc,CAAdA,cAAc,GAAAD,mBAAA,cAAGR,uBAAuB,GAAAQ,mBAAA,CACxCE,cAAc,GAAAN,IAAA,CAAdM,cAAc,CAAAC,qBAAA,GAAAP,IAAA,CACdQ,iBAAiB,CAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA,CACtBE,IAAI,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;IAITrB,KAAK,CAACsB,SAAS,CAAC,YAAM;MACpBrB,OAAO;QACLc,cAAc,IAAIb,eAAe;QACiBA,eAAe;MACnE,CAAC;;MAED,IAAAqB,KAAA,GAAqBpB,cAAc,CAACqB,cAAc,CAACC,MAAM,CAACZ,KAAK,CAAC,CAAC,IAAI,EAAEa,QAAQ,EAAE,EAAE,CAAC,CAAC,CAA7EA,QAAQ,GAAAH,KAAA,CAARG,QAAQ;MAChBzB,OAAO;QACLyB,QAAQ,CAACC,MAAM,IAAIZ,cAAc;QACjC;;MAEF,CAAC;;MAEDd,OAAO;QACL2B,MAAM,CAACC,SAAS,CAACd,cAAc,CAAC;;MAElC,CAAC;IACH,CAAC,EAAE,CAACA,cAAc,EAAEF,KAAK,CAAC,CAAC;;IAE3B;MACEb,KAAA,CAAA8B,aAAA,CAAC1B,aAAa,EAAKe,IAAI;MACrBnB,KAAA,CAAA8B,aAAA,WAAMlB,EAAE,EAAEA,EAAG,EAAC,YAAUL,qBAAqB,CAACC,IAAK,EAACG,GAAG,EAAEA,GAAI;MAC1DR,cAAc,CAAC4B,MAAM,CAAClB,KAAK,EAAE,EAAEE,cAAc,EAAdA,cAAc,EAAEG,iBAAiB,EAAjBA,iBAAiB,CAAC,CAAC,CAAC;MACnEF,cAAc,IAAIS,MAAM,CAACO,YAAY,CAAC,IAAI,CAAC,CAAC;MAC5ChB;MACG;MACO,CAAC;;EAEpB;AACF,CAAC;;AAED,SAASP,aAAa","ignoreList":[]}

package/components/DateInput/DateInput/DateInput.js

@@ -23,6 +23,7 @@ import { styles } from "../DateInput.styles";
 import { Actions, extractAction } from "../helpers/DateInputKeyboardActions";
 import { InternalDateMediator } from "../helpers/InternalDateMediator";
 export var DateInputDataTids = {
+  root: 'DateInput__root',
   icon: 'DateInput__icon'
 };
 
@@ -119,7 +120,7 @@ export var DateInput = (_dec = locale('DatePicker', DatePickerLocaleHelper), roo
         focused: false,
         selected: null,
         inputMode: false
-      });
+      }, false);
     };
     _this.handleBlur = function (e) {
       _this.resetFocus();
@@ -386,6 +387,7 @@ export var DateInput = (_dec = locale('DatePicker', DatePickerLocaleHelper), roo
     }, this.props), /*#__PURE__*/React.createElement(FocusControlWrapper, {
       onBlurWhenDisabled: this.resetFocus
     }, /*#__PURE__*/React.createElement(InputLikeText, {
+      "data-tid": DateInputDataTids.root,
       id: this.props.id,
       width: width,
       ref: this.inputLikeTextRef,

package/components/DateInput/DateInput/DateInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactDOM","globalObject","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","ConditionalHandler","LENGTH_FULLDATE","MAX_FULLDATE","MIN_FULLDATE","InternalDateComponentType","DatePickerLocaleHelper","InputLikeText","locale","ThemeContext","CommonWrapper","cx","rootNode","createPropsGetter","FocusControlWrapper","CalendarIcon","DateFragmentsView","styles","Actions","extractAction","InternalDateMediator","DateInputDataTids","icon","DateInput","_dec","_class","_DateInput","_React$Component","props","_this","call","getProps","defaultProps","iDateMediator","inputLikeText","dateFragmentsView","isMouseDown","isMouseFocus","ignoringDelimiter","blurEvent","conditionalHandler","add","MoveSelectionLeft","shiftSelection","MoveSelectionRight","Separator","pressDelimiter","MoveSelectionFirst","selectDateComponent","getLeftmostType","MoveSelectionLast","getRightmostType","Increment","shiftDateComponent","Decrement","Digit","e","inputValue","ClearSelection","clearSelected","ClearOneChar","clearOneChar","FullSelection","fullSelection","WrongInput","blink","build","selectNode","type","state","selected","getRootNode","All","selectInnerNode","index","getTypesOrder","indexOf","renderIcon","_this$props","withIcon","_this$props$disabled","disabled","size","_cx","theme","createElement","iconStyles","iconSmall","iconMedium","iconLarge","iconDisabled","className","handleFocus","setState","prevState","focused","onFocus","resetFocus","updateValue","inputMode","handleBlur","onBlur","restored","restore","persist","handleMouseDownCapture","isFragment","target","preventDefault","handleSelectDateComponent","isEmpty","handleMouseDragStart","dragged","handleMouseDragEnd","selection","getSelection","toString","length","handleKeyDown","onKeyDown","handlePaste","pasted","clipboardData","getData","trim","validateString","paste","handleDoubleClick","inputLikeTextRef","el","dateFragmentsViewRef","sync","valueFormatted","getString","update","_extends","emitChange","version","search","flushSync","updateFromProps","value","get","onValueChange","getInternalString","setTimeout","clear","_this$state","nextType","isNull","deleteOneCharRight","step","changed","getShiftedType","event","_this$iDateMediator$i","inputKey","key","featureFlags","dateInputAllowInvalidValuesInDays","dateInputFixSameNumberTypingOnRefocus","_inheritsLoose","_proto","prototype","componentDidUpdate","prevProps","_this$getProps","minDate","maxDate","isChangedLocale","componentDidMount","autoFocus","focus","blur","render","_this2","Consumer","flags","renderMain","_cx2","_this$state2","showValue","Boolean","_this$getProps2","width","rootNodeRef","setRootNode","onBlurWhenDisabled","id","ref","error","warning","onClick","onMouseDownCapture","onPaste","rightIcon","onDoubleClickCapture","onMouseDragStart","onMouseDragEnd","takeContentWidth","valueVisible","fragments","getFragments","onSelectDateComponent","Component","__KONTUR_REACT_UI__","displayName"],"sources":["DateInput.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\nimport { ConditionalHandler } from '../../lib/ConditionalHandler';\nimport { LENGTH_FULLDATE, MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateComponentType } from '../../lib/date/types';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { DatePickerLocale } from '../DatePicker/locale';\nimport { DatePickerLocaleHelper } from '../DatePicker/locale';\nimport { InputLikeText } from '../../internal/InputLikeText';\nimport { locale } from '../../lib/locale/decorators';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\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 { FocusControlWrapper } from '../../internal/FocusControlWrapper';\n\nimport { CalendarIcon } from './CalendarIcon';\nimport { DateFragmentsView } from './DateFragmentsView';\nimport { styles } from './DateInput.styles';\nimport { Actions, extractAction } from './helpers/DateInputKeyboardActions';\nimport { InternalDateMediator } from './helpers/InternalDateMediator';\n\nexport interface DateInputState {\n  selected: InternalDateComponentType | null;\n  valueFormatted: string;\n  inputMode: boolean;\n  focused: boolean;\n  dragged: boolean;\n}\n\nexport const DateInputDataTids = {\n  icon: 'DateInput__icon',\n} as const;\n\nexport interface DateInputProps\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  /** Устанавливает фокус на контроле после окончания загрузки страницы. */\n  autoFocus?: boolean;\n\n  /** Устанавливает значение датаинпута. */\n  value?: string;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Задает минимальную возможную дату в формате `dd.mm.yyyy`. */\n  minDate?: string;\n\n  /** Задает максимальную возможную дату в формате `dd.mm.yyyy` */\n  maxDate?: string;\n\n  /** Задает ширину поля. */\n  width?: string | number;\n\n  /** Добавляет иконку календаря. */\n  withIcon?: boolean;\n\n  /** Задает размер поля. */\n  size?: SizeProp;\n\n  /** Задает функцию, которая вызывается при потере датаинпутом фокуса. */\n  onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при клике на датаинпут. */\n  onClick?: (x0: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при получении датаинпутом фокуса. */\n  onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при изменении value.\n   * @param value - строка в формате `dd.mm.yyyy`. */\n  onValueChange?: (value: string) => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ntype DefaultProps = Required<Pick<DateInputProps, 'value' | 'minDate' | 'maxDate' | 'size' | 'width'>>;\n\n/**\n * Компонент поля `DateInput` из DatePicker'а помогает выбирать дату с клавиатуры.\n */\n@rootNode\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DateInput extends React.Component<DateInputProps, DateInputState> {\n  public static __KONTUR_REACT_UI__ = 'DateInput';\n  public static displayName = 'DateInput';\n\n  public static defaultProps: DefaultProps = {\n    value: '',\n    minDate: MIN_FULLDATE,\n    maxDate: MAX_FULLDATE,\n    size: 'small',\n    width: 125,\n  };\n\n  private getProps = createPropsGetter(DateInput.defaultProps);\n\n  private iDateMediator: InternalDateMediator = new InternalDateMediator();\n  private inputLikeText: InputLikeText | null = null;\n  private dateFragmentsView: DateFragmentsView | null = null;\n  private isMouseDown = false;\n  private isMouseFocus = false;\n  private ignoringDelimiter = false;\n  private locale!: DatePickerLocale;\n  private blurEvent: React.FocusEvent<HTMLElement> | null = null;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private conditionalHandler = new ConditionalHandler<Actions, [React.KeyboardEvent<HTMLElement>]>()\n    .add(Actions.MoveSelectionLeft, () => this.shiftSelection(-1))\n    .add(Actions.MoveSelectionRight, () => this.shiftSelection(1))\n    .add(Actions.Separator, () => this.pressDelimiter())\n    .add(Actions.MoveSelectionFirst, () => this.selectDateComponent(this.iDateMediator.getLeftmostType()))\n    .add(Actions.MoveSelectionLast, () => this.selectDateComponent(this.iDateMediator.getRightmostType()))\n    .add(Actions.Increment, () => this.shiftDateComponent(1))\n    .add(Actions.Decrement, () => this.shiftDateComponent(-1))\n    .add(Actions.Digit, (e) => this.inputValue(e))\n    .add(Actions.ClearSelection, () => this.clearSelected())\n    .add(Actions.ClearOneChar, () => this.clearOneChar())\n    .add(Actions.FullSelection, () => this.fullSelection())\n    .add(Actions.WrongInput, () => this.blink())\n    .build();\n\n  private featureFlags!: ReactUIFeatureFlags;\n\n  constructor(props: DateInputProps) {\n    super(props);\n\n    this.state = {\n      valueFormatted: '',\n      selected: null,\n      inputMode: false,\n      focused: false,\n      dragged: false,\n    };\n  }\n\n  public componentDidUpdate(prevProps: DateInputProps) {\n    const { value, minDate, maxDate } = this.getProps();\n    if (\n      prevProps.value !== value ||\n      prevProps.minDate !== minDate ||\n      prevProps.maxDate !== maxDate ||\n      this.iDateMediator.isChangedLocale(this.locale)\n    ) {\n      this.updateFromProps(false);\n    }\n    !this.props.disabled && this.selectNode();\n  }\n\n  public selectNode = () => {\n    const type = this.state.selected;\n    const dateFragmentsView = this.dateFragmentsView && this.dateFragmentsView.getRootNode();\n    if (type === null || !this.inputLikeText || !dateFragmentsView) {\n      return;\n    }\n    if (type === InternalDateComponentType.All) {\n      this.inputLikeText.selectInnerNode(dateFragmentsView, 0, 5);\n      return;\n    }\n    const index = this.iDateMediator.getTypesOrder().indexOf(type);\n    if (index > -1) {\n      this.inputLikeText.selectInnerNode(dateFragmentsView, index * 2, index * 2 + 1);\n    }\n  };\n\n  public componentDidMount(): void {\n    this.updateFromProps(false);\n    if (this.props.autoFocus) {\n      this.focus();\n    }\n  }\n\n  public blur() {\n    if (this.inputLikeText) {\n      this.inputLikeText.blur();\n    }\n  }\n\n  public focus() {\n    if (this.inputLikeText) {\n      this.inputLikeText.focus();\n    }\n  }\n\n  public blink() {\n    if (this.inputLikeText) {\n      this.inputLikeText.blink();\n    }\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { focused, selected, inputMode, valueFormatted } = this.state;\n    const showValue = Boolean(focused || valueFormatted);\n    const { width, size } = this.getProps();\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <InputLikeText\n            id={this.props.id}\n            width={width}\n            ref={this.inputLikeTextRef}\n            size={size}\n            disabled={this.props.disabled}\n            error={this.props.error}\n            warning={this.props.warning}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            onClick={this.props.onClick}\n            onKeyDown={this.handleKeyDown}\n            onMouseDownCapture={this.handleMouseDownCapture}\n            onPaste={this.handlePaste}\n            rightIcon={this.renderIcon()}\n            onDoubleClickCapture={this.handleDoubleClick}\n            onMouseDragStart={this.handleMouseDragStart}\n            onMouseDragEnd={this.handleMouseDragEnd}\n            value={this.iDateMediator.getInternalString()}\n            inputMode={'numeric'}\n            takeContentWidth\n            aria-describedby={this.props['aria-describedby']}\n            aria-label={this.props['aria-label']}\n            aria-labelledby={this.props['aria-labelledby']}\n          >\n            <span className={cx(styles.value(), { [styles.valueVisible()]: showValue })}>\n              <DateFragmentsView\n                ref={this.dateFragmentsViewRef}\n                fragments={this.iDateMediator.getFragments()}\n                onSelectDateComponent={this.handleSelectDateComponent}\n                selected={selected}\n                inputMode={inputMode}\n              />\n            </span>\n          </InputLikeText>\n        </FocusControlWrapper>\n      </CommonWrapper>\n    );\n  }\n\n  private renderIcon = () => {\n    const { withIcon, disabled = false } = this.props;\n    const size = this.getProps().size;\n\n    if (withIcon) {\n      const theme = this.theme;\n      const icon = <CalendarIcon size={size} />;\n      const iconStyles = cx({\n        [styles.icon(theme)]: true,\n        [styles.iconSmall(theme)]: size === 'small',\n        [styles.iconMedium(theme)]: size === 'medium',\n        [styles.iconLarge(theme)]: size === 'large',\n        [styles.iconDisabled(theme)]: disabled,\n      });\n      return (\n        <span className={iconStyles} data-tid={DateInputDataTids.icon}>\n          {icon}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    this.setState((prevState) => ({\n      focused: true,\n      selected: this.isMouseDown && !prevState.focused ? prevState.selected : this.iDateMediator.getLeftmostType(),\n    }));\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private resetFocus = () => this.updateValue({ focused: false, selected: null, inputMode: false });\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    this.resetFocus();\n\n    if (this.props.onBlur) {\n      const restored = this.iDateMediator.restore();\n      if (restored) {\n        e.persist();\n        this.blurEvent = e;\n      } else {\n        this.props.onBlur(e);\n      }\n    }\n  };\n\n  private handleMouseDownCapture = (e: React.MouseEvent<HTMLSpanElement>) => {\n    const isFragment = this.dateFragmentsView ? this.dateFragmentsView.isFragment(e.target) : false;\n    if (this.state.focused && !isFragment) {\n      e.preventDefault();\n    }\n    this.isMouseFocus = !this.state.focused;\n    this.isMouseDown = isFragment;\n  };\n\n  private handleSelectDateComponent = (type: InternalDateComponentType) => {\n    if (!(this.isMouseFocus && this.iDateMediator.isEmpty())) {\n      this.selectDateComponent(type);\n    }\n    this.isMouseFocus = false;\n    this.isMouseDown = false;\n  };\n\n  private handleMouseDragStart = () => {\n    this.setState({ dragged: true, selected: null });\n  };\n\n  private handleMouseDragEnd = () => {\n    const selection = globalObject.getSelection?.();\n    if (\n      selection &&\n      selection.toString().length === LENGTH_FULLDATE &&\n      this.state.selected !== InternalDateComponentType.All\n    ) {\n      this.selectDateComponent(InternalDateComponentType.All);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.conditionalHandler(extractAction(e), e)) {\n      e.preventDefault();\n    }\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n  };\n\n  private handlePaste = (e: React.ClipboardEvent<HTMLElement>) => {\n    const pasted = e && e.clipboardData.getData('text').trim();\n    if (pasted && this.iDateMediator.validateString(pasted)) {\n      this.iDateMediator.paste(pasted);\n      this.updateValue();\n    }\n  };\n\n  private handleDoubleClick = () => {\n    this.selectDateComponent(InternalDateComponentType.All);\n  };\n\n  private inputLikeTextRef = (el: InputLikeText | null) => {\n    this.inputLikeText = el;\n  };\n\n  private dateFragmentsViewRef = (el: DateFragmentsView | null) => {\n    this.dateFragmentsView = el;\n  };\n\n  private selectDateComponent = (selected: InternalDateComponentType | null): void => {\n    this.setState({ selected, inputMode: false });\n  };\n\n  private updateValue = (state: Partial<DateInputState> = {}, sync = true): void => {\n    const valueFormatted = this.iDateMediator.getString();\n\n    const update = () => this.setState({ ...state, valueFormatted } as DateInputState, this.emitChange);\n\n    if (sync && React.version.search('18') === 0) {\n      ReactDOM.flushSync(update);\n    } else {\n      update();\n    }\n  };\n\n  private updateFromProps = (sync: boolean): void => {\n    this.iDateMediator.update(this.props, this.locale);\n\n    this.updateValue({}, sync);\n  };\n\n  private fullSelection = (): void => {\n    this.selectDateComponent(InternalDateComponentType.All);\n  };\n\n  private pressDelimiter = (): void => {\n    const value = this.iDateMediator.get(this.state.selected);\n    if (value !== null && value !== '') {\n      if (!this.ignoringDelimiter) {\n        this.shiftSelection(1);\n      }\n      this.ignoringDelimiter = false;\n    }\n  };\n\n  private emitChange = (): void => {\n    if (this.props.onValueChange) {\n      const value = this.iDateMediator.getInternalString();\n      if (this.props.value !== value) {\n        this.props.onValueChange(value);\n      }\n    }\n\n    // `this.blurEvent` is always null in `flushSync` without `setTimeout` due to sync update\n    setTimeout(() => {\n      if (this.blurEvent && this.props.onBlur) {\n        this.props.onBlur(this.blurEvent);\n        this.blurEvent = null;\n      }\n    });\n  };\n\n  private clearSelected = (): void => {\n    const selected = this.state.selected === null ? this.iDateMediator.getLeftmostType() : this.state.selected;\n    this.iDateMediator.clear(selected);\n    this.updateValue({\n      inputMode: false,\n      selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n    });\n  };\n\n  private clearOneChar = (): void => {\n    const { selected, inputMode } = this.state;\n    const nextType = selected === null ? this.iDateMediator.getRightmostType() : selected;\n    if (this.iDateMediator.isNull(nextType)) {\n      this.shiftSelection(-1);\n      return;\n    }\n    if (selected === InternalDateComponentType.All) {\n      this.iDateMediator.clear(InternalDateComponentType.All);\n      this.updateValue({ selected: this.iDateMediator.getLeftmostType() });\n      return;\n    }\n    this.iDateMediator.deleteOneCharRight(nextType, inputMode);\n    this.updateValue({\n      inputMode: this.iDateMediator.get(nextType) !== null,\n      selected: nextType,\n    });\n  };\n\n  private shiftDateComponent = (step: number): void => {\n    const { selected } = this.state;\n    const changed = this.iDateMediator.shiftDateComponent(selected, step);\n    if (!changed) {\n      this.blink();\n      return;\n    }\n    this.updateValue({\n      inputMode: false,\n      selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n    });\n  };\n\n  private shiftSelection = (step: number): void => {\n    const selected = this.iDateMediator.getShiftedType(this.state.selected, step);\n    if (selected !== this.state.selected) {\n      this.setState({ selected, inputMode: false });\n    }\n  };\n\n  private inputValue = (event: React.KeyboardEvent<HTMLElement>): void => {\n    let selected = this.state.selected;\n    if (selected === InternalDateComponentType.All) {\n      selected = this.iDateMediator.getLeftmostType();\n      this.iDateMediator.clear(InternalDateComponentType.All);\n      this.setState({ selected });\n    }\n\n    const { inputMode, changed } = this.iDateMediator.inputKey(\n      event.key,\n      selected,\n      this.state.inputMode,\n      this.featureFlags.dateInputAllowInvalidValuesInDays,\n    );\n\n    if (!this.featureFlags.dateInputFixSameNumberTypingOnRefocus) {\n      if (!changed) {\n        this.blink();\n        return;\n      }\n    }\n\n    if (!inputMode) {\n      this.ignoringDelimiter = true;\n      this.shiftSelection(1);\n    }\n    this.updateValue({ inputMode });\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactDOM","globalObject","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","ConditionalHandler","LENGTH_FULLDATE","MAX_FULLDATE","MIN_FULLDATE","InternalDateComponentType","DatePickerLocaleHelper","InputLikeText","locale","ThemeContext","CommonWrapper","cx","rootNode","createPropsGetter","FocusControlWrapper","CalendarIcon","DateFragmentsView","styles","Actions","extractAction","InternalDateMediator","DateInputDataTids","root","icon","DateInput","_dec","_class","_DateInput","_React$Component","props","_this","call","getProps","defaultProps","iDateMediator","inputLikeText","dateFragmentsView","isMouseDown","isMouseFocus","ignoringDelimiter","blurEvent","conditionalHandler","add","MoveSelectionLeft","shiftSelection","MoveSelectionRight","Separator","pressDelimiter","MoveSelectionFirst","selectDateComponent","getLeftmostType","MoveSelectionLast","getRightmostType","Increment","shiftDateComponent","Decrement","Digit","e","inputValue","ClearSelection","clearSelected","ClearOneChar","clearOneChar","FullSelection","fullSelection","WrongInput","blink","build","selectNode","type","state","selected","getRootNode","All","selectInnerNode","index","getTypesOrder","indexOf","renderIcon","_this$props","withIcon","_this$props$disabled","disabled","size","_cx","theme","createElement","iconStyles","iconSmall","iconMedium","iconLarge","iconDisabled","className","handleFocus","setState","prevState","focused","onFocus","resetFocus","updateValue","inputMode","handleBlur","onBlur","restored","restore","persist","handleMouseDownCapture","isFragment","target","preventDefault","handleSelectDateComponent","isEmpty","handleMouseDragStart","dragged","handleMouseDragEnd","selection","getSelection","toString","length","handleKeyDown","onKeyDown","handlePaste","pasted","clipboardData","getData","trim","validateString","paste","handleDoubleClick","inputLikeTextRef","el","dateFragmentsViewRef","sync","valueFormatted","getString","update","_extends","emitChange","version","search","flushSync","updateFromProps","value","get","onValueChange","getInternalString","setTimeout","clear","_this$state","nextType","isNull","deleteOneCharRight","step","changed","getShiftedType","event","_this$iDateMediator$i","inputKey","key","featureFlags","dateInputAllowInvalidValuesInDays","dateInputFixSameNumberTypingOnRefocus","_inheritsLoose","_proto","prototype","componentDidUpdate","prevProps","_this$getProps","minDate","maxDate","isChangedLocale","componentDidMount","autoFocus","focus","blur","render","_this2","Consumer","flags","renderMain","_cx2","_this$state2","showValue","Boolean","_this$getProps2","width","rootNodeRef","setRootNode","onBlurWhenDisabled","id","ref","error","warning","onClick","onMouseDownCapture","onPaste","rightIcon","onDoubleClickCapture","onMouseDragStart","onMouseDragEnd","takeContentWidth","valueVisible","fragments","getFragments","onSelectDateComponent","Component","__KONTUR_REACT_UI__","displayName"],"sources":["DateInput.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\nimport { ConditionalHandler } from '../../lib/ConditionalHandler';\nimport { LENGTH_FULLDATE, MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateComponentType } from '../../lib/date/types';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { DatePickerLocale } from '../DatePicker/locale';\nimport { DatePickerLocaleHelper } from '../DatePicker/locale';\nimport { InputLikeText } from '../../internal/InputLikeText';\nimport { locale } from '../../lib/locale/decorators';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\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 { FocusControlWrapper } from '../../internal/FocusControlWrapper';\n\nimport { CalendarIcon } from './CalendarIcon';\nimport { DateFragmentsView } from './DateFragmentsView';\nimport { styles } from './DateInput.styles';\nimport { Actions, extractAction } from './helpers/DateInputKeyboardActions';\nimport { InternalDateMediator } from './helpers/InternalDateMediator';\n\nexport interface DateInputState {\n  selected: InternalDateComponentType | null;\n  valueFormatted: string;\n  inputMode: boolean;\n  focused: boolean;\n  dragged: boolean;\n}\n\nexport const DateInputDataTids = {\n  root: 'DateInput__root',\n  icon: 'DateInput__icon',\n} as const;\n\nexport interface DateInputProps\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  /** Устанавливает фокус на контроле после окончания загрузки страницы. */\n  autoFocus?: boolean;\n\n  /** Устанавливает значение датаинпута. */\n  value?: string;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Задает минимальную возможную дату в формате `dd.mm.yyyy`. */\n  minDate?: string;\n\n  /** Задает максимальную возможную дату в формате `dd.mm.yyyy` */\n  maxDate?: string;\n\n  /** Задает ширину поля. */\n  width?: string | number;\n\n  /** Добавляет иконку календаря. */\n  withIcon?: boolean;\n\n  /** Задает размер поля. */\n  size?: SizeProp;\n\n  /** Задает функцию, которая вызывается при потере датаинпутом фокуса. */\n  onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при клике на датаинпут. */\n  onClick?: (x0: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при получении датаинпутом фокуса. */\n  onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при изменении value.\n   * @param value - строка в формате `dd.mm.yyyy`. */\n  onValueChange?: (value: string) => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ntype DefaultProps = Required<Pick<DateInputProps, 'value' | 'minDate' | 'maxDate' | 'size' | 'width'>>;\n\n/**\n * Компонент поля `DateInput` из DatePicker'а помогает выбирать дату с клавиатуры.\n */\n@rootNode\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DateInput extends React.Component<DateInputProps, DateInputState> {\n  public static __KONTUR_REACT_UI__ = 'DateInput';\n  public static displayName = 'DateInput';\n\n  public static defaultProps: DefaultProps = {\n    value: '',\n    minDate: MIN_FULLDATE,\n    maxDate: MAX_FULLDATE,\n    size: 'small',\n    width: 125,\n  };\n\n  private getProps = createPropsGetter(DateInput.defaultProps);\n\n  private iDateMediator: InternalDateMediator = new InternalDateMediator();\n  private inputLikeText: InputLikeText | null = null;\n  private dateFragmentsView: DateFragmentsView | null = null;\n  private isMouseDown = false;\n  private isMouseFocus = false;\n  private ignoringDelimiter = false;\n  private locale!: DatePickerLocale;\n  private blurEvent: React.FocusEvent<HTMLElement> | null = null;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private conditionalHandler = new ConditionalHandler<Actions, [React.KeyboardEvent<HTMLElement>]>()\n    .add(Actions.MoveSelectionLeft, () => this.shiftSelection(-1))\n    .add(Actions.MoveSelectionRight, () => this.shiftSelection(1))\n    .add(Actions.Separator, () => this.pressDelimiter())\n    .add(Actions.MoveSelectionFirst, () => this.selectDateComponent(this.iDateMediator.getLeftmostType()))\n    .add(Actions.MoveSelectionLast, () => this.selectDateComponent(this.iDateMediator.getRightmostType()))\n    .add(Actions.Increment, () => this.shiftDateComponent(1))\n    .add(Actions.Decrement, () => this.shiftDateComponent(-1))\n    .add(Actions.Digit, (e) => this.inputValue(e))\n    .add(Actions.ClearSelection, () => this.clearSelected())\n    .add(Actions.ClearOneChar, () => this.clearOneChar())\n    .add(Actions.FullSelection, () => this.fullSelection())\n    .add(Actions.WrongInput, () => this.blink())\n    .build();\n\n  private featureFlags!: ReactUIFeatureFlags;\n\n  constructor(props: DateInputProps) {\n    super(props);\n\n    this.state = {\n      valueFormatted: '',\n      selected: null,\n      inputMode: false,\n      focused: false,\n      dragged: false,\n    };\n  }\n\n  public componentDidUpdate(prevProps: DateInputProps) {\n    const { value, minDate, maxDate } = this.getProps();\n    if (\n      prevProps.value !== value ||\n      prevProps.minDate !== minDate ||\n      prevProps.maxDate !== maxDate ||\n      this.iDateMediator.isChangedLocale(this.locale)\n    ) {\n      this.updateFromProps(false);\n    }\n    !this.props.disabled && this.selectNode();\n  }\n\n  public selectNode = () => {\n    const type = this.state.selected;\n    const dateFragmentsView = this.dateFragmentsView && this.dateFragmentsView.getRootNode();\n    if (type === null || !this.inputLikeText || !dateFragmentsView) {\n      return;\n    }\n    if (type === InternalDateComponentType.All) {\n      this.inputLikeText.selectInnerNode(dateFragmentsView, 0, 5);\n      return;\n    }\n    const index = this.iDateMediator.getTypesOrder().indexOf(type);\n    if (index > -1) {\n      this.inputLikeText.selectInnerNode(dateFragmentsView, index * 2, index * 2 + 1);\n    }\n  };\n\n  public componentDidMount(): void {\n    this.updateFromProps(false);\n    if (this.props.autoFocus) {\n      this.focus();\n    }\n  }\n\n  public blur() {\n    if (this.inputLikeText) {\n      this.inputLikeText.blur();\n    }\n  }\n\n  public focus() {\n    if (this.inputLikeText) {\n      this.inputLikeText.focus();\n    }\n  }\n\n  public blink() {\n    if (this.inputLikeText) {\n      this.inputLikeText.blink();\n    }\n  }\n\n  public render() {\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { focused, selected, inputMode, valueFormatted } = this.state;\n    const showValue = Boolean(focused || valueFormatted);\n    const { width, size } = this.getProps();\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <InputLikeText\n            data-tid={DateInputDataTids.root}\n            id={this.props.id}\n            width={width}\n            ref={this.inputLikeTextRef}\n            size={size}\n            disabled={this.props.disabled}\n            error={this.props.error}\n            warning={this.props.warning}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            onClick={this.props.onClick}\n            onKeyDown={this.handleKeyDown}\n            onMouseDownCapture={this.handleMouseDownCapture}\n            onPaste={this.handlePaste}\n            rightIcon={this.renderIcon()}\n            onDoubleClickCapture={this.handleDoubleClick}\n            onMouseDragStart={this.handleMouseDragStart}\n            onMouseDragEnd={this.handleMouseDragEnd}\n            value={this.iDateMediator.getInternalString()}\n            inputMode={'numeric'}\n            takeContentWidth\n            aria-describedby={this.props['aria-describedby']}\n            aria-label={this.props['aria-label']}\n            aria-labelledby={this.props['aria-labelledby']}\n          >\n            <span className={cx(styles.value(), { [styles.valueVisible()]: showValue })}>\n              <DateFragmentsView\n                ref={this.dateFragmentsViewRef}\n                fragments={this.iDateMediator.getFragments()}\n                onSelectDateComponent={this.handleSelectDateComponent}\n                selected={selected}\n                inputMode={inputMode}\n              />\n            </span>\n          </InputLikeText>\n        </FocusControlWrapper>\n      </CommonWrapper>\n    );\n  }\n\n  private renderIcon = () => {\n    const { withIcon, disabled = false } = this.props;\n    const size = this.getProps().size;\n\n    if (withIcon) {\n      const theme = this.theme;\n      const icon = <CalendarIcon size={size} />;\n      const iconStyles = cx({\n        [styles.icon(theme)]: true,\n        [styles.iconSmall(theme)]: size === 'small',\n        [styles.iconMedium(theme)]: size === 'medium',\n        [styles.iconLarge(theme)]: size === 'large',\n        [styles.iconDisabled(theme)]: disabled,\n      });\n      return (\n        <span className={iconStyles} data-tid={DateInputDataTids.icon}>\n          {icon}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    this.setState((prevState) => ({\n      focused: true,\n      selected: this.isMouseDown && !prevState.focused ? prevState.selected : this.iDateMediator.getLeftmostType(),\n    }));\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private resetFocus = () => this.updateValue({ focused: false, selected: null, inputMode: false }, false);\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    this.resetFocus();\n\n    if (this.props.onBlur) {\n      const restored = this.iDateMediator.restore();\n      if (restored) {\n        e.persist();\n        this.blurEvent = e;\n      } else {\n        this.props.onBlur(e);\n      }\n    }\n  };\n\n  private handleMouseDownCapture = (e: React.MouseEvent<HTMLSpanElement>) => {\n    const isFragment = this.dateFragmentsView ? this.dateFragmentsView.isFragment(e.target) : false;\n    if (this.state.focused && !isFragment) {\n      e.preventDefault();\n    }\n    this.isMouseFocus = !this.state.focused;\n    this.isMouseDown = isFragment;\n  };\n\n  private handleSelectDateComponent = (type: InternalDateComponentType) => {\n    if (!(this.isMouseFocus && this.iDateMediator.isEmpty())) {\n      this.selectDateComponent(type);\n    }\n    this.isMouseFocus = false;\n    this.isMouseDown = false;\n  };\n\n  private handleMouseDragStart = () => {\n    this.setState({ dragged: true, selected: null });\n  };\n\n  private handleMouseDragEnd = () => {\n    const selection = globalObject.getSelection?.();\n    if (\n      selection &&\n      selection.toString().length === LENGTH_FULLDATE &&\n      this.state.selected !== InternalDateComponentType.All\n    ) {\n      this.selectDateComponent(InternalDateComponentType.All);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.conditionalHandler(extractAction(e), e)) {\n      e.preventDefault();\n    }\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n  };\n\n  private handlePaste = (e: React.ClipboardEvent<HTMLElement>) => {\n    const pasted = e && e.clipboardData.getData('text').trim();\n    if (pasted && this.iDateMediator.validateString(pasted)) {\n      this.iDateMediator.paste(pasted);\n      this.updateValue();\n    }\n  };\n\n  private handleDoubleClick = () => {\n    this.selectDateComponent(InternalDateComponentType.All);\n  };\n\n  private inputLikeTextRef = (el: InputLikeText | null) => {\n    this.inputLikeText = el;\n  };\n\n  private dateFragmentsViewRef = (el: DateFragmentsView | null) => {\n    this.dateFragmentsView = el;\n  };\n\n  private selectDateComponent = (selected: InternalDateComponentType | null): void => {\n    this.setState({ selected, inputMode: false });\n  };\n\n  private updateValue = (state: Partial<DateInputState> = {}, sync = true): void => {\n    const valueFormatted = this.iDateMediator.getString();\n\n    const update = () => this.setState({ ...state, valueFormatted } as DateInputState, this.emitChange);\n\n    if (sync && React.version.search('18') === 0) {\n      ReactDOM.flushSync(update);\n    } else {\n      update();\n    }\n  };\n\n  private updateFromProps = (sync: boolean): void => {\n    this.iDateMediator.update(this.props, this.locale);\n\n    this.updateValue({}, sync);\n  };\n\n  private fullSelection = (): void => {\n    this.selectDateComponent(InternalDateComponentType.All);\n  };\n\n  private pressDelimiter = (): void => {\n    const value = this.iDateMediator.get(this.state.selected);\n    if (value !== null && value !== '') {\n      if (!this.ignoringDelimiter) {\n        this.shiftSelection(1);\n      }\n      this.ignoringDelimiter = false;\n    }\n  };\n\n  private emitChange = (): void => {\n    if (this.props.onValueChange) {\n      const value = this.iDateMediator.getInternalString();\n      if (this.props.value !== value) {\n        this.props.onValueChange(value);\n      }\n    }\n\n    // `this.blurEvent` is always null in `flushSync` without `setTimeout` due to sync update\n    setTimeout(() => {\n      if (this.blurEvent && this.props.onBlur) {\n        this.props.onBlur(this.blurEvent);\n        this.blurEvent = null;\n      }\n    });\n  };\n\n  private clearSelected = (): void => {\n    const selected = this.state.selected === null ? this.iDateMediator.getLeftmostType() : this.state.selected;\n    this.iDateMediator.clear(selected);\n    this.updateValue({\n      inputMode: false,\n      selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n    });\n  };\n\n  private clearOneChar = (): void => {\n    const { selected, inputMode } = this.state;\n    const nextType = selected === null ? this.iDateMediator.getRightmostType() : selected;\n    if (this.iDateMediator.isNull(nextType)) {\n      this.shiftSelection(-1);\n      return;\n    }\n    if (selected === InternalDateComponentType.All) {\n      this.iDateMediator.clear(InternalDateComponentType.All);\n      this.updateValue({ selected: this.iDateMediator.getLeftmostType() });\n      return;\n    }\n    this.iDateMediator.deleteOneCharRight(nextType, inputMode);\n    this.updateValue({\n      inputMode: this.iDateMediator.get(nextType) !== null,\n      selected: nextType,\n    });\n  };\n\n  private shiftDateComponent = (step: number): void => {\n    const { selected } = this.state;\n    const changed = this.iDateMediator.shiftDateComponent(selected, step);\n    if (!changed) {\n      this.blink();\n      return;\n    }\n    this.updateValue({\n      inputMode: false,\n      selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n    });\n  };\n\n  private shiftSelection = (step: number): void => {\n    const selected = this.iDateMediator.getShiftedType(this.state.selected, step);\n    if (selected !== this.state.selected) {\n      this.setState({ selected, inputMode: false });\n    }\n  };\n\n  private inputValue = (event: React.KeyboardEvent<HTMLElement>): void => {\n    let selected = this.state.selected;\n    if (selected === InternalDateComponentType.All) {\n      selected = this.iDateMediator.getLeftmostType();\n      this.iDateMediator.clear(InternalDateComponentType.All);\n      this.setState({ selected });\n    }\n\n    const { inputMode, changed } = this.iDateMediator.inputKey(\n      event.key,\n      selected,\n      this.state.inputMode,\n      this.featureFlags.dateInputAllowInvalidValuesInDays,\n    );\n\n    if (!this.featureFlags.dateInputFixSameNumberTypingOnRefocus) {\n      if (!changed) {\n        this.blink();\n        return;\n      }\n    }\n\n    if (!inputMode) {\n      this.ignoringDelimiter = true;\n      this.shiftSelection(1);\n    }\n    this.updateValue({ inputMode });\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/DateInput/DateInput.d.ts

@@ -12,6 +12,7 @@ export interface DateInputState {
     dragged: boolean;
 }
 export declare const DateInputDataTids: {
+    readonly root: "DateInput__root";
     readonly icon: "DateInput__icon";
 };
 export interface DateInputProps extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>, Pick<HTMLAttributes<HTMLElement>, 'id'> {

package/components/Input/Input/Input.js

@@ -5,7 +5,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _excluded = ["onMouseEnter", "onMouseLeave", "onMouseOver", "onKeyDown", "onKeyPress", "onValueChange", "width", "error", "role", "warning", "leftIcon", "rightIcon", "borderless", "value", "align", "type", "mask", "maskChar", "alwaysShowMask", "size", "placeholder", "selectAllOnFocus", "disabled", "onUnexpectedInput", "prefix", "suffix", "formatChars", "corners", "aria-describedby", "aria-controls", "aria-label", "element", "showClearIcon"];
 var _class, _Input; // TODO: Enable this rule in functional components.
 import invariant from 'invariant';
-import React from 'react';
+import React, { createRef } from 'react';
 import warning from 'warning';
 import { globalObject } from '@skbkontur/global-object';
 import { isEdge, isIE11 } from "../../../lib/client";
@@ -20,6 +20,7 @@ import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { FocusControlWrapper } from "../../../internal/FocusControlWrapper";
 import { ClearCrossIcon } from "../../../internal/ClearCrossIcon/ClearCrossIcon";
 import { catchUnreachableWarning } from "../../../lib/typeGuards";
+import { blink as _blink } from "../../../lib/blink";
 import { styles } from "../Input.styles";
 import { InputLayout } from "../InputLayout/InputLayout";
 import { PolyfillPlaceholder } from "../InputLayout/PolyfillPlaceholder";
@@ -89,6 +90,7 @@ export var Input = rootNode(_class = (_Input = /*#__PURE__*/function (_React$Com
     _this.getProps = createPropsGetter(Input.defaultProps);
     _this.selectAllId = null;
     _this.input = null;
+    _this.labelRef = /*#__PURE__*/createRef();
     _this.getClearCrossShowed = function (_ref2) {
       var _this$input;
       var focused = _ref2.focused,
@@ -106,7 +108,6 @@ export var Input = rootNode(_class = (_Input = /*#__PURE__*/function (_React$Com
     };
     _this.state = {
       needsPolyfillPlaceholder: needsPolyfillPlaceholder,
-      blinking: false,
       focused: false,
       hovered: false,
       clearCrossShowed: _this.getClearCrossShowed({
@@ -138,21 +139,6 @@ export var Input = rootNode(_class = (_Input = /*#__PURE__*/function (_React$Com
         _this.selectAllId = null;
       }
     };
-    _this.cancelBlink = function (callback) {
-      if (_this.blinkTimeout) {
-        globalObject.clearTimeout(_this.blinkTimeout);
-        _this.blinkTimeout = 0;
-        if (_this.state.blinking) {
-          _this.setState({
-            blinking: false
-          }, callback);
-          return;
-        }
-      }
-      if (callback) {
-        callback();
-      }
-    };
     _this.getInput = function (inputProps) {
       if (_this.props.element) {
         return /*#__PURE__*/React.cloneElement(_this.props.element, inputProps);
@@ -196,18 +182,17 @@ export var Input = rootNode(_class = (_Input = /*#__PURE__*/function (_React$Com
         element = props.element,
         showClearIcon = props.showClearIcon,
         rest = _objectWithoutPropertiesLoose(props, _excluded);
-      var _this$state = _this.state,
-        blinking = _this$state.blinking,
-        focused = _this$state.focused;
+      var focused = _this.state.focused;
       var labelProps = {
-        className: cx(styles.root(_this.theme), _this.getSizeClassName(), (_cx = {}, _cx[styles.focus(_this.theme)] = focused && !warning && !error, _cx[styles.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless, _cx[styles.blink(_this.theme)] = blinking, _cx[styles.borderless()] = borderless && !focused, _cx[styles.disabled(_this.theme)] = disabled, _cx[styles.warning(_this.theme)] = warning, _cx[styles.error(_this.theme)] = error, _cx[styles.focusFallback(_this.theme)] = focused && (isIE11 || isEdge), _cx[styles.warningFallback(_this.theme)] = warning && (isIE11 || isEdge), _cx[styles.errorFallback(_this.theme)] = error && (isIE11 || isEdge), _cx)),
+        className: cx(styles.root(_this.theme), _this.getSizeClassName(), (_cx = {}, _cx[styles.focus(_this.theme)] = focused && !warning && !error, _cx[styles.hovering(_this.theme)] = !focused && !disabled && !warning && !error && !borderless, _cx[styles.borderless()] = borderless && !focused, _cx[styles.disabled(_this.theme)] = disabled, _cx[styles.warning(_this.theme)] = warning, _cx[styles.error(_this.theme)] = error, _cx[styles.focusFallback(_this.theme)] = focused && (isIE11 || isEdge), _cx[styles.warningFallback(_this.theme)] = warning && (isIE11 || isEdge), _cx[styles.errorFallback(_this.theme)] = error && (isIE11 || isEdge), _cx)),
         'aria-controls': ariaControls,
         style: _extends({
           width: width
         }, corners),
         onMouseEnter: _this.handleMouseEnter,
         onMouseLeave: _this.handleMouseLeave,
-        onMouseOver: onMouseOver
+        onMouseOver: onMouseOver,
+        ref: _this.labelRef
       };
       var inputProps = _extends({}, rest, {
         className: cx(styles.input(_this.theme), (_cx2 = {}, _cx2[styles.inputFocus(_this.theme)] = focused, _cx2[styles.inputDisabled(_this.theme)] = disabled, _cx2)),
@@ -412,9 +397,6 @@ export var Input = rootNode(_class = (_Input = /*#__PURE__*/function (_React$Com
     }
   };
   _proto.componentWillUnmount = function componentWillUnmount() {
-    if (this.blinkTimeout) {
-      globalObject.clearTimeout(this.blinkTimeout);
-    }
     this.cancelDelayedSelectAll();
   } /**
     * @public
@@ -437,20 +419,9 @@ export var Input = rootNode(_class = (_Input = /*#__PURE__*/function (_React$Com
     * @public
     */;
   _proto.blink = function blink() {
-    var _this2 = this;
-    if (this.blinkTimeout) {
-      this.cancelBlink(function () {
-        // trigger reflow to restart animation
-        // @see https://css-tricks.com/restart-css-animation/#article-header-id-0
-        void (_this2.input && _this2.input.offsetWidth);
-        _this2.blink();
-      });
-      return;
-    }
-    this.setState({
-      blinking: true
-    }, function () {
-      _this2.blinkTimeout = globalObject.setTimeout(_this2.cancelBlink, 150);
+    _blink({
+      el: this.labelRef.current,
+      blinkColor: this.theme.inputBlinkColor
     });
   } /**
     * @public
@@ -460,7 +431,7 @@ export var Input = rootNode(_class = (_Input = /*#__PURE__*/function (_React$Com
   _proto.setSelectionRange = function setSelectionRange(start, end) {
     var _globalObject$documen,
       _this$props$value,
-      _this3 = this; // https://github.com/facebook/react/issues/7769
+      _this2 = this; // https://github.com/facebook/react/issues/7769
     // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange
     if (!selectionAllowedTypes.includes(this.getProps().type)) {
       warning(false, selectionErrorMessage(this.getProps().type));
@@ -474,8 +445,8 @@ export var Input = rootNode(_class = (_Input = /*#__PURE__*/function (_React$Com
     }
     if (this.props.mask && this.props.value && ((_this$props$value = this.props.value) == null ? void 0 : _this$props$value.length) < this.props.mask.length) {
       globalObject.setTimeout(function () {
-        var _this3$input;
-        (_this3$input = _this3.input) == null || _this3$input.setSelectionRange(start, end);
+        var _this2$input;
+        (_this2$input = _this2.input) == null || _this2$input.setSelectionRange(start, end);
       }, 150);
     } else {
       var _this$input2;
@@ -483,12 +454,12 @@ export var Input = rootNode(_class = (_Input = /*#__PURE__*/function (_React$Com
     }
   };
   _proto.render = function render() {
-    var _this4 = this;
+    var _this3 = this;
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this4.theme = theme;
+      _this3.theme = theme;
       return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-        rootNodeRef: _this4.setRootNode
-      }, _this4.getProps()), _this4.renderMain);
+        rootNodeRef: _this3.setRootNode
+      }, _this3.getProps()), _this3.renderMain);
     });
   };
   _proto.renderMaskedInput = function renderMaskedInput(inputProps, mask) {