@skbkontur/react-ui 0.0.0-a8f1c3e7a1 → 0.0.0-ab4ec97409

package/cjs/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_globalObject","_keyListener","_ThemeContext","_client","_CommonWrapper","_Emotion","_rootNode","_fixFirefoxModifiedClickOnLabel","_createPropsGetter","_FocusControlWrapper","_Checkbox2","_CheckedIcon","_IndeterminateIcon","_excluded","_class","_Checkbox","CheckboxDataTids","exports","root","Checkbox","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","React","createRef","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","_globalObject$documen","_globalObject$documen2","current","globalObject","document","addEventListener","componentWillUnmount","_globalObject$documen3","_globalObject$documen4","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","_cx","_cx3","_cx4","error","warning","size","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","ariaDescribedby","ariaLabel","rest","_objectWithoutPropertiesLoose2","default","isIndeterminate","iconClass","cx","styles","icon","checked","iconUnchecked","iconSize","parseInt","getCheckboxBoxSize","IconCheck","createElement","className","CheckedIcon","IconSquare","IndeterminateIcon","rootClass","getRootSizeClassName","theme","rootFallback","isIE11","isEdge","rootChecked","rootDisableTextSelect","disabled","Boolean","inputProps","_extends2","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","_cx2","captionClass","captionIE11","box","getBoxWrapperSizeClassName","boxWrapper","globalClasses","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","fixFirefoxModifiedClickOnLabel","FocusControlWrapper","onBlurWhenDisabled","resetFocus","requestAnimationFrame","keyListener","isTabPressed","event","currentTarget","undefined","_inheritsLoose2","_proto","prototype","rootLarge","rootMedium","rootSmall","boxWrapperLarge","boxWrapperMedium","boxWrapperSmall","checkboxBoxSizeLarge","checkboxBoxSizeMedium","checkboxBoxSizeSmall","componentDidUpdate","prevProps","render","_this2","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","focus","_this$input$current","blur","_this$input$current2","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","PropTypes","bool","func"],"sources":["Checkbox.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\n\nimport { styles, globalClasses } from './Checkbox.styles';\nimport { CheckedIcon } from './CheckedIcon';\nimport { IndeterminateIcon } from './IndeterminateIcon';\n\nexport interface CheckboxProps\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /** @ignore */\n        children?: React.ReactNode;\n\n        /** Переводит контрол в состояние валидации \"ошибка\". */\n        error?: boolean;\n\n        /** Переводит контрол в состояние валидации \"предупреждение\". */\n        warning?: boolean;\n\n        /** Задает размер. */\n        size?: SizeProp;\n\n        /** Задает HTML-событие `onmouseenter`.\n         * @ignore */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает HTML-событие `onmouseleave`.\n         * @ignore */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает HTML-событие `onmouseover`.\n         * @ignore */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает функцию, вызывающуюся при изменении value. */\n        onValueChange?: (value: boolean) => void;\n\n        /** Задает HTML-событие `onblur`.\n         * @ignore */\n        onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\n        /** Устанавливает начальное [неопределенное состояние чекбокса](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate). */\n        initialIndeterminate?: boolean;\n      }\n    > {}\n\nexport interface CheckboxState {\n  focusedByTab: boolean;\n  indeterminate: boolean;\n  isShiftPressed: boolean;\n}\n\nexport const CheckboxDataTids = {\n  root: 'Checkbox__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CheckboxProps, 'size'>>;\n\n/**\n * `Checkbox` используется для управления параметром с двумя состояниями.\n *\n * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.\n * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.\n */\n@rootNode\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n  public static __KONTUR_REACT_UI__ = 'Checkbox';\n  public static displayName = 'Checkbox';\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n  };\n\n  private getProps = createPropsGetter(Checkbox.defaultProps);\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getBoxWrapperSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.boxWrapperLarge(this.theme);\n      case 'medium':\n        return styles.boxWrapperMedium(this.theme);\n      case 'small':\n      default:\n        return styles.boxWrapperSmall(this.theme);\n    }\n  }\n\n  private getCheckboxBoxSize() {\n    switch (this.getProps().size) {\n      case 'large':\n        return this.theme.checkboxBoxSizeLarge;\n      case 'medium':\n        return this.theme.checkboxBoxSizeMedium;\n      case 'small':\n      default:\n        return this.theme.checkboxBoxSizeSmall;\n    }\n  }\n\n  public static propTypes = {\n    checked: PropTypes.bool,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    warning: PropTypes.bool,\n    onValueChange: PropTypes.func,\n    onBlur: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n  };\n\n  public state = {\n    focusedByTab: false,\n    indeterminate: this.props.initialIndeterminate || false,\n    isShiftPressed: false,\n  };\n\n  private theme!: Theme;\n  private input = React.createRef<HTMLInputElement>();\n\n  private handleShiftPress = (e: KeyboardEvent) => {\n    if (e.key === 'Shift') {\n      this.setState(() => ({\n        isShiftPressed: true,\n      }));\n    }\n  };\n\n  private handleShiftRelease = (e: KeyboardEvent) => {\n    if (e.key === 'Shift') {\n      this.setState({\n        isShiftPressed: false,\n      });\n    }\n  };\n\n  public componentDidMount = () => {\n    if (this.state.indeterminate && this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n\n    globalObject.document?.addEventListener('keydown', this.handleShiftPress);\n    globalObject.document?.addEventListener('keyup', this.handleShiftRelease);\n  };\n\n  public componentWillUnmount = () => {\n    globalObject.document?.removeEventListener('keydown', this.handleShiftPress);\n    globalObject.document?.removeEventListener('keyup', this.handleShiftRelease);\n  };\n\n  private setRootNode!: TSetRootNode;\n\n  public componentDidUpdate(prevProps: CheckboxProps) {\n    if (prevProps.checked !== this.props.checked) {\n      this.resetIndeterminate();\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Программная установка фокуса чекбоксу.\n   * @public\n   */\n  public focus() {\n    keyListener.isTabPressed = true;\n    this.input.current?.focus();\n  }\n\n  /**\n   * Программное снятие фокуса с чекбокса.\n   * @public\n   */\n  public blur() {\n    this.input.current?.blur();\n  }\n\n  /**\n   * Устанавливает чекбокс в HTML-состояние `indeterminate`.\n   * @public\n   */\n  public setIndeterminate = () => {\n    this.setState({\n      indeterminate: true,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n  };\n\n  /**\n   * Снимает с чекбокса HTML-состояние `indeterminate`.\n   * @public\n   */\n  public resetIndeterminate = () => {\n    this.setState({\n      indeterminate: false,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = false;\n    }\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n    const {\n      error,\n      warning,\n      size,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onValueChange,\n      type,\n      initialIndeterminate,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      ...rest\n    } = props;\n    const isIndeterminate = this.state.indeterminate;\n\n    const iconClass = cx(styles.icon(), !props.checked && !isIndeterminate && styles.iconUnchecked());\n\n    const iconSize = parseInt(this.getCheckboxBoxSize());\n    const IconCheck = (\n      <span className={iconClass}>\n        <CheckedIcon size={iconSize} />\n      </span>\n    );\n    const IconSquare = (\n      <span className={iconClass}>\n        <IndeterminateIcon size={iconSize} />\n      </span>\n    );\n\n    const rootClass = cx(this.getRootSizeClassName(), {\n      [styles.root(this.theme)]: true,\n      [styles.rootFallback()]: isIE11 || isEdge,\n      [styles.rootChecked(this.theme)]: props.checked || isIndeterminate,\n      [styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n      [styles.disabled(this.theme)]: Boolean(props.disabled),\n    });\n\n    const inputProps = {\n      ...rest,\n      type: 'checkbox',\n      className: styles.input(),\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      onClick: this.handleClick,\n      ref: this.input,\n    };\n\n    let caption = null;\n    if (this.props.children) {\n      const captionClass = cx({\n        [styles.caption(this.theme)]: true,\n        [styles.captionIE11()]: isIE11 || isEdge,\n        [styles.disabled(this.theme)]: Boolean(props.disabled),\n      });\n      caption = <span className={captionClass}>{this.props.children}</span>;\n    }\n\n    const box = (\n      <div\n        className={cx(this.getBoxWrapperSizeClassName(), {\n          [styles.boxWrapper(this.theme)]: true,\n        })}\n      >\n        <div\n          className={cx(styles.box(this.theme), globalClasses.box, {\n            [styles.boxChecked(this.theme)]: props.checked || isIndeterminate,\n            [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n            [styles.boxError(this.theme)]: props.error,\n            [styles.boxWarning(this.theme)]: props.warning,\n            [styles.boxDisabled(this.theme)]: props.disabled,\n          })}\n        >\n          {(isIndeterminate && IconSquare) || IconCheck}\n        </div>\n      </div>\n    );\n\n    return (\n      <label\n        data-tid={CheckboxDataTids.root}\n        className={rootClass}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onMouseOver={onMouseOver}\n        onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n      >\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <input {...inputProps} aria-label={ariaLabel} aria-describedby={ariaDescribedby} />\n        </FocusControlWrapper>\n        {box}\n        {caption}\n      </label>\n    );\n  };\n\n  private handleFocus = (e: React.FocusEvent<any>) => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n\n      if (this.props.onFocus) {\n        this.props.onFocus(e);\n      }\n    }\n  };\n\n  private resetFocus = () => this.setState({ focusedByTab: false });\n\n  private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(e);\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = event.currentTarget.checked;\n    this.props.onValueChange?.(checked);\n\n    this.resetIndeterminate();\n\n    this.props.onChange?.(event);\n  };\n\n  private handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n    this.props.onClick?.(e);\n    // support IE11's and old Edge's special behavior\n    // https://github.com/jquery/jquery/issues/1698\n    if (this.state.indeterminate && (isIE11 || isEdge)) {\n      this.resetIndeterminate();\n      // simulate correct behavior only if onValueChange is used\n      // because we cant simulate real native onChange event\n      if (this.props.onValueChange && this.input.current) {\n        const checked = !this.input.current.checked;\n\n        if (this.props.checked === undefined) {\n          // in case of uncontrolled mode\n          this.input.current.checked = checked;\n        }\n\n        this.props.onValueChange(checked);\n      }\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_globalObject","_keyListener","_ThemeContext","_client","_CommonWrapper","_Emotion","_rootNode","_fixFirefoxModifiedClickOnLabel","_createPropsGetter","_FocusControlWrapper","_Checkbox2","_CheckedIcon","_IndeterminateIcon","_excluded","_class","_Checkbox","CheckboxDataTids","exports","root","Checkbox","rootNode","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","React","createRef","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","_globalObject$documen","_globalObject$documen2","current","globalObject","document","addEventListener","componentWillUnmount","_globalObject$documen3","_globalObject$documen4","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","_cx","_cx3","_cx4","error","warning","size","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","ariaDescribedby","ariaLabel","rest","_objectWithoutPropertiesLoose2","default","isIndeterminate","iconClass","cx","styles","icon","checked","iconUnchecked","iconSize","parseInt","getCheckboxBoxSize","IconCheck","createElement","className","CheckedIcon","IconSquare","IndeterminateIcon","rootClass","getRootSizeClassName","theme","rootFallback","isIE11","isEdge","rootChecked","rootDisableTextSelect","disabled","Boolean","inputProps","_extends2","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","_cx2","captionClass","captionIE11","box","getBoxWrapperSizeClassName","boxWrapper","globalClasses","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","fixFirefoxModifiedClickOnLabel","FocusControlWrapper","onBlurWhenDisabled","resetFocus","requestAnimationFrame","keyListener","isTabPressed","event","currentTarget","undefined","_inheritsLoose2","_proto","prototype","rootLarge","rootMedium","rootSmall","boxWrapperLarge","boxWrapperMedium","boxWrapperSmall","checkboxBoxSizeLarge","checkboxBoxSizeMedium","checkboxBoxSizeSmall","componentDidUpdate","prevProps","render","_this2","ThemeContext","Consumer","CommonWrapper","rootNodeRef","setRootNode","focus","_this$input$current","blur","_this$input$current2","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["Checkbox.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport type { CommonProps, CommonWrapperRestProps } 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 { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\n\nimport { styles, globalClasses } from './Checkbox.styles';\nimport { CheckedIcon } from './CheckedIcon';\nimport { IndeterminateIcon } from './IndeterminateIcon';\n\nexport interface CheckboxProps\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Override<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      {\n        /** @ignore */\n        children?: React.ReactNode;\n\n        /** Переводит контрол в состояние валидации \"ошибка\". */\n        error?: boolean;\n\n        /** Переводит контрол в состояние валидации \"предупреждение\". */\n        warning?: boolean;\n\n        /** Задает размер. */\n        size?: SizeProp;\n\n        /** Задает HTML-событие `onmouseenter`.\n         * @ignore */\n        onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает HTML-событие `onmouseleave`.\n         * @ignore */\n        onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает HTML-событие `onmouseover`.\n         * @ignore */\n        onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n\n        /** Задает функцию, вызывающуюся при изменении value. */\n        onValueChange?: (value: boolean) => void;\n\n        /** Задает HTML-событие `onblur`.\n         * @ignore */\n        onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\n        /** Устанавливает начальное [неопределенное состояние чекбокса](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate). */\n        initialIndeterminate?: boolean;\n      }\n    > {}\n\nexport interface CheckboxState {\n  focusedByTab: boolean;\n  indeterminate: boolean;\n  isShiftPressed: boolean;\n}\n\nexport const CheckboxDataTids = {\n  root: 'Checkbox__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CheckboxProps, 'size'>>;\n\n/**\n * `Checkbox` используется для управления параметром с двумя состояниями.\n *\n * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.\n * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.\n */\n@rootNode\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n  public static __KONTUR_REACT_UI__ = 'Checkbox';\n  public static displayName = 'Checkbox';\n\n  public static defaultProps: DefaultProps = {\n    size: 'small',\n  };\n\n  private getProps = createPropsGetter(Checkbox.defaultProps);\n\n  private getRootSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.rootLarge(this.theme);\n      case 'medium':\n        return styles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return styles.rootSmall(this.theme);\n    }\n  }\n\n  private getBoxWrapperSizeClassName() {\n    switch (this.getProps().size) {\n      case 'large':\n        return styles.boxWrapperLarge(this.theme);\n      case 'medium':\n        return styles.boxWrapperMedium(this.theme);\n      case 'small':\n      default:\n        return styles.boxWrapperSmall(this.theme);\n    }\n  }\n\n  private getCheckboxBoxSize() {\n    switch (this.getProps().size) {\n      case 'large':\n        return this.theme.checkboxBoxSizeLarge;\n      case 'medium':\n        return this.theme.checkboxBoxSizeMedium;\n      case 'small':\n      default:\n        return this.theme.checkboxBoxSizeSmall;\n    }\n  }\n\n  public state = {\n    focusedByTab: false,\n    indeterminate: this.props.initialIndeterminate || false,\n    isShiftPressed: false,\n  };\n\n  private theme!: Theme;\n  private input = React.createRef<HTMLInputElement>();\n\n  private handleShiftPress = (e: KeyboardEvent) => {\n    if (e.key === 'Shift') {\n      this.setState(() => ({\n        isShiftPressed: true,\n      }));\n    }\n  };\n\n  private handleShiftRelease = (e: KeyboardEvent) => {\n    if (e.key === 'Shift') {\n      this.setState({\n        isShiftPressed: false,\n      });\n    }\n  };\n\n  public componentDidMount = () => {\n    if (this.state.indeterminate && this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n\n    globalObject.document?.addEventListener('keydown', this.handleShiftPress);\n    globalObject.document?.addEventListener('keyup', this.handleShiftRelease);\n  };\n\n  public componentWillUnmount = () => {\n    globalObject.document?.removeEventListener('keydown', this.handleShiftPress);\n    globalObject.document?.removeEventListener('keyup', this.handleShiftRelease);\n  };\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public componentDidUpdate(prevProps: CheckboxProps) {\n    if (prevProps.checked !== this.props.checked) {\n      this.resetIndeterminate();\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Программная установка фокуса чекбоксу.\n   * @public\n   */\n  public focus() {\n    keyListener.isTabPressed = true;\n    this.input.current?.focus();\n  }\n\n  /**\n   * Программное снятие фокуса с чекбокса.\n   * @public\n   */\n  public blur() {\n    this.input.current?.blur();\n  }\n\n  /**\n   * Устанавливает чекбокс в HTML-состояние `indeterminate`.\n   * @public\n   */\n  public setIndeterminate = () => {\n    this.setState({\n      indeterminate: true,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = true;\n    }\n  };\n\n  /**\n   * Снимает с чекбокса HTML-состояние `indeterminate`.\n   * @public\n   */\n  public resetIndeterminate = () => {\n    this.setState({\n      indeterminate: false,\n    });\n    if (this.input.current) {\n      this.input.current.indeterminate = false;\n    }\n  };\n\n  private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n    const {\n      error,\n      warning,\n      size,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      onValueChange,\n      type,\n      initialIndeterminate,\n      'aria-describedby': ariaDescribedby,\n      'aria-label': ariaLabel,\n      ...rest\n    } = props;\n    const isIndeterminate = this.state.indeterminate;\n\n    const iconClass = cx(styles.icon(), !props.checked && !isIndeterminate && styles.iconUnchecked());\n\n    const iconSize = parseInt(this.getCheckboxBoxSize());\n    const IconCheck = (\n      <span className={iconClass}>\n        <CheckedIcon size={iconSize} />\n      </span>\n    );\n    const IconSquare = (\n      <span className={iconClass}>\n        <IndeterminateIcon size={iconSize} />\n      </span>\n    );\n\n    const rootClass = cx(this.getRootSizeClassName(), {\n      [styles.root(this.theme)]: true,\n      [styles.rootFallback()]: isIE11 || isEdge,\n      [styles.rootChecked(this.theme)]: props.checked || isIndeterminate,\n      [styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n      [styles.disabled(this.theme)]: Boolean(props.disabled),\n    });\n\n    const inputProps = {\n      ...rest,\n      type: 'checkbox',\n      className: styles.input(),\n      onChange: this.handleChange,\n      onFocus: this.handleFocus,\n      onBlur: this.handleBlur,\n      onClick: this.handleClick,\n      ref: this.input,\n    };\n\n    let caption = null;\n    if (this.props.children) {\n      const captionClass = cx({\n        [styles.caption(this.theme)]: true,\n        [styles.captionIE11()]: isIE11 || isEdge,\n        [styles.disabled(this.theme)]: Boolean(props.disabled),\n      });\n      caption = <span className={captionClass}>{this.props.children}</span>;\n    }\n\n    const box = (\n      <div\n        className={cx(this.getBoxWrapperSizeClassName(), {\n          [styles.boxWrapper(this.theme)]: true,\n        })}\n      >\n        <div\n          className={cx(styles.box(this.theme), globalClasses.box, {\n            [styles.boxChecked(this.theme)]: props.checked || isIndeterminate,\n            [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n            [styles.boxError(this.theme)]: props.error,\n            [styles.boxWarning(this.theme)]: props.warning,\n            [styles.boxDisabled(this.theme)]: props.disabled,\n          })}\n        >\n          {(isIndeterminate && IconSquare) || IconCheck}\n        </div>\n      </div>\n    );\n\n    return (\n      <label\n        data-tid={CheckboxDataTids.root}\n        className={rootClass}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onMouseOver={onMouseOver}\n        onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n      >\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <input {...inputProps} aria-label={ariaLabel} aria-describedby={ariaDescribedby} />\n        </FocusControlWrapper>\n        {box}\n        {caption}\n      </label>\n    );\n  };\n\n  private handleFocus = (e: React.FocusEvent<any>) => {\n    if (!this.props.disabled) {\n      // focus event fires before keyDown eventlistener\n      // so we should check tabPressed in async way\n      globalObject.requestAnimationFrame?.(() => {\n        if (keyListener.isTabPressed) {\n          this.setState({ focusedByTab: true });\n        }\n      });\n\n      if (this.props.onFocus) {\n        this.props.onFocus(e);\n      }\n    }\n  };\n\n  private resetFocus = () => this.setState({ focusedByTab: false });\n\n  private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    this.resetFocus();\n    this.props.onBlur?.(e);\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = event.currentTarget.checked;\n    this.props.onValueChange?.(checked);\n\n    this.resetIndeterminate();\n\n    this.props.onChange?.(event);\n  };\n\n  private handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n    this.props.onClick?.(e);\n    // support IE11's and old Edge's special behavior\n    // https://github.com/jquery/jquery/issues/1698\n    if (this.state.indeterminate && (isIE11 || isEdge)) {\n      this.resetIndeterminate();\n      // simulate correct behavior only if onValueChange is used\n      // because we cant simulate real native onChange event\n      if (this.props.onValueChange && this.input.current) {\n        const checked = !this.input.current.checked;\n\n        if (this.props.checked === undefined) {\n          // in case of uncontrolled mode\n          this.input.current.checked = checked;\n        }\n\n        this.props.onValueChange(checked);\n      }\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,8 +4,10 @@ import type { Nullable } from '../../typings/utility-types';
 import type { MenuItemState } from '../MenuItem';
 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'>, Pick<HTMLAttributes<HTMLInputElement>, 'onPaste'>, Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>>, CommonProps {
     /** Показывать иконку очистки значения в непустом поле:
      * - `always` — всегда показывать иконку
      * - `auto` — показывать иконку при hover/focus
@@ -120,6 +122,8 @@ export interface ComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby
     onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
     /** Задает типы вводимых данных. */
     inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+    /** Задает функцию, которая вызывается при вставке значения в инпут с маской. */
+    maskOnBeforePaste?: MaskedInputOnBeforePasteValue;
 }
 export interface ComboBoxItem {
     value: string;
@@ -143,6 +147,7 @@ export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBox
     static defaultProps: DefaultProps<any>;
     private getProps;
     private comboboxElement;
+    getRootNode: TGetRootNode;
     private setRootNode;
     /**
      * @public
@@ -184,6 +189,11 @@ export declare class ComboBox<T = ComboBoxItem> extends React.Component<ComboBox
      * @public
      */
     reset(): void;
+    /**
+     * Изменяет значение combobox
+     * @public
+     */
+    setValue(value: T): void;
     render(): React.JSX.Element;
     private customComboBoxRef;
 }

package/cjs/components/ComboBox/ComboBox.js

@@ -184,6 +184,12 @@ var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _Com
 
 
 
+
+
+
+
+
+
 
 
 
@@ -292,6 +298,17 @@ ComboBox = exports.ComboBox = (0, _rootNode.rootNode)(_class = (_ComboBox = /*#_
 
 
 
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -329,4 +346,7 @@ ComboBox = exports.ComboBox = (0, _rootNode.rootNode)(_class = (_ComboBox = /*#_
    */;_proto.selectInputText = function selectInputText() {if (this.comboboxElement) {this.comboboxElement.selectInputText();}} /**
    * Сбрасывает введенное пользователем значение
    * @public
-   */;_proto.reset = function reset() {if (this.comboboxElement) {this.comboboxElement.reset();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CustomComboBox.CustomComboBox, (0, _extends2.default)({}, this.getProps(), { size: this.props.size, ref: this.customComboBoxRef }));};return ComboBox;}(_react.default.Component), _ComboBox.__KONTUR_REACT_UI__ = 'ComboBox', _ComboBox.displayName = 'ComboBox', _ComboBox.defaultProps = { itemToValue: function itemToValue(item) {return item.value;}, valueToString: function valueToString(item) {return item.label;}, renderValue: function renderValue(item) {return item.label;}, renderItem: function renderItem(item) {return item.label;}, menuAlign: 'left', searchOnFocus: true, drawArrow: true, showClearIcon: 'never' }, _ComboBox)) || _class;
+   */;_proto.reset = function reset() {if (this.comboboxElement) {this.comboboxElement.reset();}} /**
+   * Изменяет значение combobox
+   * @public
+   */;_proto.setValue = function setValue(value) {if (this.comboboxElement) {this.comboboxElement.changeValue(value);}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CustomComboBox.CustomComboBox, (0, _extends2.default)({}, this.getProps(), { size: this.props.size, ref: this.customComboBoxRef }));};return ComboBox;}(_react.default.Component), _ComboBox.__KONTUR_REACT_UI__ = 'ComboBox', _ComboBox.displayName = 'ComboBox', _ComboBox.defaultProps = { itemToValue: function itemToValue(item) {return item.value;}, valueToString: function valueToString(item) {return item.label;}, renderValue: function renderValue(item) {return item.label;}, renderItem: function renderItem(item) {return item.label;}, menuAlign: 'left', searchOnFocus: true, drawArrow: true, showClearIcon: 'never' }, _ComboBox)) || _class;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CustomComboBox","_rootNode","_createPropsGetter","_class","_ComboBox","ComboBox","exports","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","comboboxElement","customComboBoxRef","element","setRootNode","_inheritsLoose2","default","_proto","prototype","focus","opts","blur","search","query","cancelSearch","open","close","selectInputText","reset","render","createElement","CustomComboBox","_extends2","size","props","ref","React","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","value","valueToString","label","renderValue","renderItem","menuAlign","searchOnFocus","drawArrow","showClearIcon"],"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 { 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  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","setValue","value","changeValue","render","createElement","CustomComboBox","_extends2","size","props","ref","React","Component","__KONTUR_REACT_UI__","displayName","itemToValue","item","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    Pick<HTMLAttributes<HTMLInputElement>, 'onPaste'>,\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  maskOnBeforePaste?: 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  /**\n   * Изменяет значение combobox\n   * @public\n   */\n  public setValue(value: T) {\n    if (this.comboboxElement) {\n      this.comboboxElement.changeValue(value);\n    }\n  }\n\n  public render() {\n    return <CustomComboBox {...this.getProps()} size={this.props.size} ref={this.customComboBoxRef} />;\n  }\n\n  private customComboBoxRef = (element: Nullable<CustomComboBox<T>>) => {\n    this.setRootNode(element);\n    this.comboboxElement = element;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,9 +1,9 @@
 import type { AriaAttributes } from 'react';
 import React from 'react';
-import PropTypes from 'prop-types';
 import type { InputProps } from '../Input';
 import type { Nullable, Override } from '../../typings/utility-types';
 import type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
 import type { Selection } from './SelectionHelper';
 export interface CurrencyInputProps extends Pick<AriaAttributes, 'aria-label'>, CommonProps, Override<Omit<InputProps, 'showClearIcon'>, {
     /** Задает значение инпута. */
@@ -40,39 +40,21 @@ type DefaultProps = Required<Pick<CurrencyInputProps, 'align' | 'fractionDigits'
  *
  * Максимальная длина числа - **15 цифр** (с десятичным разделителем в любом месте).
  *
+ * **Почему 15?** Максимальное безопасное целочисленное значение - 9007199254740991 (16 цифр). Убрав один разряд под знак, мы получим "новое" максимальное безопасное значение - 999999999999999 (15 цифр).
+ * При этом десятичный резделитель может находиться в любом месте. Если целая часть равна 0, то она не учитывается. Детали можно почитать здесь - [MDN web docs](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER).
+ *
  * Если `fractionDigits=15`, то в целой части допускается **0**.
  */
 export declare class CurrencyInput extends React.PureComponent<CurrencyInputProps, CurrencyInputState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    static propTypes: {
-        align: PropTypes.Requireable<string>;
-        autoFocus: PropTypes.Requireable<boolean>;
-        borderless: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        fractionDigits: PropTypes.Requireable<number>;
-        hideTrailingZeros: PropTypes.Requireable<boolean>;
-        leftIcon: PropTypes.Requireable<PropTypes.ReactElementLike>;
-        placeholder: PropTypes.Requireable<string>;
-        signed: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<string>;
-        value: (props: CurrencyInputProps) => void;
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onValueChange: PropTypes.Validator<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        onSubmit: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     static defaultProps: DefaultProps;
     private getProps;
+    private validateProps;
     state: CurrencyInputState;
     private input;
     private tempSelectionForOnChange;
+    getRootNode: TGetRootNode;
     private setRootNode;
     componentDidMount(): void;
     componentDidUpdate(prevProps: CurrencyInputProps, prevState: CurrencyInputState): void;

package/cjs/components/CurrencyInput/CurrencyInput.js

@@ -1,6 +1,5 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.CurrencyInputDataTids = exports.CurrencyInput = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _warning = _interopRequireDefault(require("warning"));
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
 var _globalObject = require("@skbkontur/global-object");
@@ -77,6 +76,9 @@ var CurrencyInputDataTids = exports.CurrencyInputDataTids = {
  *
  * Максимальная длина числа - **15 цифр** (с десятичным разделителем в любом месте).
  *
+ * **Почему 15?** Максимальное безопасное целочисленное значение - 9007199254740991 (16 цифр). Убрав один разряд под знак, мы получим "новое" максимальное безопасное значение - 999999999999999 (15 цифр).
+ * При этом десятичный резделитель может находиться в любом месте. Если целая часть равна 0, то она не учитывается. Детали можно почитать здесь - [MDN web docs](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER).
+ *
  * Если `fractionDigits=15`, то в целой части допускается **0**.
  */var
 
@@ -92,6 +94,7 @@ CurrencyInput = exports.CurrencyInput = (0, _rootNode.rootNode)(_class = (_Curre
 
 
 
+    getProps = (0, _createPropsGetter.createPropsGetter)(CurrencyInput.defaultProps);_this.
 
 
 
@@ -104,21 +107,6 @@ CurrencyInput = exports.CurrencyInput = (0, _rootNode.rootNode)(_class = (_Curre
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    getProps = (0, _createPropsGetter.createPropsGetter)(CurrencyInput.defaultProps);_this.
 
     state = (0, _extends2.default)({},
     _this.getState(_this.getProps().value, _this.getProps().fractionDigits, _this.getProps().hideTrailingZeros), {
@@ -157,13 +145,6 @@ CurrencyInput = exports.CurrencyInput = (0, _rootNode.rootNode)(_class = (_Curre
 
 
 
-
-
-
-
-
-
-
 
 
 
@@ -482,7 +463,7 @@ CurrencyInput = exports.CurrencyInput = (0, _rootNode.rootNode)(_class = (_Curre
 
     refInput = function (element) {
       _this.input = element;
-    };return _this;}(0, _inheritsLoose2.default)(CurrencyInput, _React$PureComponent);var _proto = CurrencyInput.prototype;_proto.componentDidMount = function componentDidMount() {var _this$props = this.props,maxLength = _this$props.maxLength,integerDigits = _this$props.integerDigits;var fractionDigits = this.getProps().fractionDigits;(0, _warning.default)(maxLength === undefined, "[CurrencyInput]: Prop 'maxLength' has been deprecated. See 'integerDigits' and 'fractionDigits'");(0, _warning.default)((integerDigits || 0) + (fractionDigits || 0) <= _constants.MAX_SAFE_DIGITS, "[CurrencyInput]: Sum of 'integerDigits' and 'fractionDigits' exceeds " + _constants.MAX_SAFE_DIGITS + "." + "\nSee https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15");};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var _this$getProps = this.getProps(),value = _this$getProps.value,fractionDigits = _this$getProps.fractionDigits,hideTrailingZeros = _this$getProps.hideTrailingZeros;if (isValidNumber(value) && isNumeric(value) && Number(value) !== _CurrencyHelper.CurrencyHelper.parse(prevState.formatted) || prevProps.fractionDigits !== fractionDigits) {this.setState(this.getState(value, fractionDigits, hideTrailingZeros));}if ((0, _utils.isNonNullable)(prevProps.value) && (0, _utils.isNullable)(value)) {this.setState({ formatted: '' });}if (this.state.focused && this.input) {var _this$state$selection = this.state.selection,start = _this$state$selection.start,end = _this$state$selection.end;this.input.setSelectionRange(start, end);}if (prevState.selection !== this.state.selection) {this.scrollInput();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.getProps()), this.renderMain);};_proto.getState = function getState(value, fractionDigits, hideTrailingZeros) {return { formatted: _CurrencyHelper.CurrencyHelper.format(value, { fractionDigits: fractionDigits, hideTrailingZeros: hideTrailingZeros }), selection: _SelectionHelper.SelectionHelper.fromPosition(0) };};_proto.setSelectionFromEvent = function setSelectionFromEvent(event) {var selection = getInputSelectionFromEvent(event.target);var normilized = _CurrencyInputHelper.CurrencyInputHelper.normalizeSelection(this.state.formatted, selection);this.setState({ selection: normilized });};return CurrencyInput;}(_react.default.PureComponent), _CurrencyInput.__KONTUR_REACT_UI__ = 'CurrencyInput', _CurrencyInput.displayName = 'CurrencyInput', _CurrencyInput.propTypes = { align: _propTypes.default.oneOf(['left', 'center', 'right']), autoFocus: _propTypes.default.bool, borderless: _propTypes.default.bool, disabled: _propTypes.default.bool, error: _propTypes.default.bool, fractionDigits: _propTypes.default.number, hideTrailingZeros: _propTypes.default.bool, leftIcon: _propTypes.default.element, placeholder: _propTypes.default.string, signed: _propTypes.default.bool, size: _propTypes.default.oneOf(['small', 'medium', 'large']), value: function value(props) {(0, _warning.default)(isValidNumber(props.value), '[CurrencyInput]: Prop `value` is not a valid number');}, warning: _propTypes.default.bool, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), onBlur: _propTypes.default.func, onValueChange: _propTypes.default.func.isRequired, onFocus: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func, onSubmit: _propTypes.default.func }, _CurrencyInput.defaultProps = { align: 'right', fractionDigits: 2, hideTrailingZeros: false, value: null, inputMode: 'decimal' }, _CurrencyInput)) || _class;
+    };return _this;}(0, _inheritsLoose2.default)(CurrencyInput, _React$PureComponent);var _proto = CurrencyInput.prototype;_proto.validateProps = function validateProps(props) {(0, _warning.default)(isNumeric(props.value), '[CurrencyInput]: Prop `value` is not a valid number');(0, _warning.default)(props.maxLength === undefined, "[CurrencyInput]: Prop 'maxLength' has been deprecated. See 'integerDigits' and 'fractionDigits'");(0, _warning.default)((props.integerDigits || 0) + (props.fractionDigits || 0) <= _constants.MAX_SAFE_DIGITS, "[CurrencyInput]: Sum of 'integerDigits' and 'fractionDigits' exceeds " + _constants.MAX_SAFE_DIGITS + "." + "\nSee CurrencyInput documentation");};_proto.componentDidMount = function componentDidMount() {this.validateProps(this.getProps());};_proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {var _this$getProps = this.getProps(),value = _this$getProps.value,fractionDigits = _this$getProps.fractionDigits,hideTrailingZeros = _this$getProps.hideTrailingZeros;this.validateProps(this.getProps());if (isNumeric(value) && Number(value) !== _CurrencyHelper.CurrencyHelper.parse(prevState.formatted) || prevProps.fractionDigits !== fractionDigits) {this.setState(this.getState(value, fractionDigits, hideTrailingZeros));}if ((0, _utils.isNonNullable)(prevProps.value) && (0, _utils.isNullable)(value)) {this.setState({ formatted: '' });}if (this.state.focused && this.input) {var _this$state$selection = this.state.selection,start = _this$state$selection.start,end = _this$state$selection.end;this.input.setSelectionRange(start, end);}if (prevState.selection !== this.state.selection) {this.scrollInput();}};_proto.render = function render() {return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.getProps()), this.renderMain);};_proto.getState = function getState(value, fractionDigits, hideTrailingZeros) {return { formatted: _CurrencyHelper.CurrencyHelper.format(value, { fractionDigits: fractionDigits, hideTrailingZeros: hideTrailingZeros }), selection: _SelectionHelper.SelectionHelper.fromPosition(0) };};_proto.setSelectionFromEvent = function setSelectionFromEvent(event) {var selection = getInputSelectionFromEvent(event.target);var normilized = _CurrencyInputHelper.CurrencyInputHelper.normalizeSelection(this.state.formatted, selection);this.setState({ selection: normilized });};return CurrencyInput;}(_react.default.PureComponent), _CurrencyInput.__KONTUR_REACT_UI__ = 'CurrencyInput', _CurrencyInput.displayName = 'CurrencyInput', _CurrencyInput.defaultProps = { align: 'right', fractionDigits: 2, hideTrailingZeros: false, value: null, inputMode: 'decimal' }, _CurrencyInput)) || _class;
 
 
 function getInputSelectionFromEvent(input) {var _input$selectionStart, _input$selectionEnd;
@@ -501,10 +482,6 @@ function isNumeric(value) {
   return !isNaN(parseFloat(value)) && isFinite(value);
 }
 
-function isValidNumber(value) {
-  return !isNaN(Number(value));
-}
-
 var getPlaceholder = function getPlaceholder(props) {
   if ((0, _utils.isNullable)(props.placeholder)) {
     return _CurrencyHelper.CurrencyHelper.format(0, {