@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactDOM","globalObject","CancelationError","taskWithDelay","fixClickFocusIE","CommonWrapper","responsiveLayout","rootNode","ReactUIFeatureFlagsContext","getFullReactUIFlagsContext","ComboBoxRequestStatus","reducer","ComboBoxView","DELAY_BEFORE_SHOW_LOADER","LOADER_SHOW_TIME","DefaultState","inputChanged","editing","items","loading","opened","focused","textValue","repeatRequest","undefined","requestStatus","Unknown","size","CustomComboBoxDataTids","comboBoxView","CustomComboBox","_class","_CustomComboBox","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","requestId","cancelationToken","cancelLoaderDelay","focus","props","disabled","input","inputLikeText","selectInputText","selectAll","blur","handleBlur","dispatch","action","sync","updateState","effects","nextState","setState","stateAndEffect","_ref","forEach","handleEffect","version","search","flushSync","effect","getState","getProps","handleValueChange","value","type","keepFocus","isMobileLayout","handleFocus","handleMobileClose","handleInputBlur","handleClickOutside","e","close","setTimeout","handleInputClick","_inheritsLoose","_proto","prototype","_search","_asyncToGenerator","_regeneratorRuntime","mark","_callee","query","_this2","getItems","cancelPromise","expectingId","wrap","_callee$","_context","prev","next","Promise","_","reject","loaderShowDelay","resolve","cancelLoader","race","sent","t0","code","finish","stop","_x","cancelSearch","open","render","_this3","viewProps","align","borderless","disablePortal","error","drawArrow","menuPos","menuAlign","placeholder","totalCount","warning","id","width","maxLength","maxMenuHeight","leftIcon","rightIcon","inputMode","onValueChange","onClickOutside","onFocus","onMobileClose","onFocusOutside","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","event","persist","onMouseEnter","onMouseOver","onMouseLeave","renderItem","renderNotFound","itemWrapper","renderValue","renderTotalCount","renderAddButton","refInput","refMenu","menu","refInputLikeText","createElement","Consumer","flags","featureFlags","_extends","ref","setRootNode","componentDidMount","autoFocus","componentDidUpdate","prevProps","prevState","fixValueChange","comboBoxAllowValueChangeInEditingState","reset","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["CustomComboBox.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { Input, InputIconType } from '../../components/Input';\nimport { Menu } from '../Menu';\nimport { InputLikeText } from '../InputLikeText';\nimport { MenuItemState } from '../../components/MenuItem';\nimport { CancelationError, taskWithDelay } from '../../lib/utils';\nimport { fixClickFocusIE } from '../../lib/events/fixClickFocusIE';\nimport { CommonProps, CommonWrapper } from '../CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport { SizeProp } from '../../lib/types/props';\nimport {\n  ReactUIFeatureFlags,\n  ReactUIFeatureFlagsContext,\n  getFullReactUIFlagsContext,\n} from '../../lib/featureFlagsContext';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { CustomComboBoxAction, CustomComboBoxEffect, reducer } from './CustomComboBoxReducer';\nimport { ComboBoxView } from './ComboBoxView';\n\nexport interface CustomComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  maxLength?: number;\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  drawArrow?: boolean;\n  leftIcon?: InputIconType;\n  rightIcon?: InputIconType;\n  searchOnFocus?: boolean;\n  onValueChange?: (value: T) => void;\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n  onUnexpectedInput?: (value: string) => void | null | T;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n  placeholder?: string;\n  size?: SizeProp;\n  totalCount?: number;\n  value?: Nullable<T>;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: string | number;\n  maxMenuHeight?: number | string;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderItem: (item: T, state?: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType;\n  renderValue: (value: T) => React.ReactNode;\n  renderAddButton?: (query?: string) => React.ReactNode;\n  valueToString: (value: T) => string;\n  itemToValue: (item: T) => string | number;\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n}\n\nexport interface CustomComboBoxState<T> {\n  editing: boolean;\n  loading: boolean;\n  opened: boolean;\n  textValue: string;\n  items: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  inputChanged: boolean;\n  focused: boolean;\n  repeatRequest: () => void;\n  requestStatus: ComboBoxRequestStatus;\n}\n\nexport const DELAY_BEFORE_SHOW_LOADER = 300;\nexport const LOADER_SHOW_TIME = 1000;\n\nexport const DefaultState = {\n  inputChanged: false,\n  editing: false,\n  items: null,\n  loading: false,\n  opened: false,\n  focused: false,\n  textValue: '',\n  repeatRequest: () => undefined,\n  requestStatus: ComboBoxRequestStatus.Unknown,\n  size: 'small',\n};\n\nexport const CustomComboBoxDataTids = {\n  comboBoxView: 'ComboBoxView__root',\n} as const;\n\n@responsiveLayout\n@rootNode\nexport class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {\n  public static __KONTUR_REACT_UI__ = 'CustomComboBox';\n  public static displayName = 'CustomComboBox';\n\n  public state: CustomComboBoxState<T> = DefaultState;\n  public input: Nullable<Input>;\n  public menu: Nullable<Menu>;\n  public inputLikeText: Nullable<InputLikeText>;\n  public requestId = 0;\n  public loaderShowDelay: Nullable<Promise<void>>;\n  private focused = false;\n  private cancelationToken: Nullable<(reason?: Error) => void> = null;\n  private isMobileLayout!: boolean;\n  private featureFlags!: ReactUIFeatureFlags;\n\n  private reducer = reducer;\n  public cancelLoaderDelay: () => void = () => null;\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (this.input) {\n      this.input.focus();\n    } else if (this.inputLikeText) {\n      this.inputLikeText.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public selectInputText = () => {\n    if (this.props.disabled) {\n      return;\n    }\n    if (this.input) {\n      this.input.selectAll();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.handleBlur();\n  };\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public async search(query: string = this.state.textValue) {\n    const { getItems } = this.props;\n\n    const cancelPromise: Promise<never> = new Promise((_, reject) => (this.cancelationToken = reject));\n    this.requestId += 1;\n    const expectingId = this.requestId;\n\n    if (!this.loaderShowDelay) {\n      this.loaderShowDelay = new Promise<void>((resolve) => {\n        const cancelLoader = taskWithDelay(() => {\n          this.dispatch({ type: 'RequestItems' });\n          globalObject.setTimeout(resolve, LOADER_SHOW_TIME);\n        }, DELAY_BEFORE_SHOW_LOADER);\n\n        cancelPromise.catch(() => cancelLoader());\n\n        this.cancelLoaderDelay = () => {\n          cancelLoader();\n          resolve();\n        };\n      });\n    }\n\n    try {\n      const items = await Promise.race([getItems(query), cancelPromise]);\n      if (this.state.loading) {\n        await Promise.race([this.loaderShowDelay, cancelPromise]);\n      }\n      if (expectingId === this.requestId) {\n        this.dispatch({\n          type: 'ReceiveItems',\n          items,\n        });\n      }\n    } catch (error) {\n      if (error && error.code === 'CancelationError') {\n        this.dispatch({ type: 'CancelRequest' });\n      } else if (expectingId === this.requestId) {\n        this.dispatch({\n          type: 'RequestFailure',\n          repeatRequest: () => {\n            this.search(query);\n            if (this.input) {\n              this.input.focus();\n            }\n          },\n        });\n      }\n    } finally {\n      if (expectingId === this.requestId) {\n        if (!this.state.loading) {\n          this.cancelLoaderDelay();\n        }\n        this.cancelationToken = null;\n        this.loaderShowDelay = null;\n      }\n    }\n  }\n\n  /**\n   * @public\n   */\n  public cancelSearch() {\n    if (this.cancelationToken) {\n      this.cancelationToken(new CancelationError());\n    }\n  }\n\n  /**\n   * @public\n   */\n  public open() {\n    this.dispatch({ type: 'Open' });\n  }\n\n  /**\n   * @public\n   */\n  public close() {\n    this.dispatch({ type: 'Close' });\n  }\n\n  public render() {\n    const viewProps = {\n      align: this.props.align,\n      borderless: this.props.borderless,\n      disabled: this.props.disabled,\n      disablePortal: this.props.disablePortal,\n      editing: this.state.editing,\n      error: this.props.error,\n      items: this.state.items,\n      loading: this.state.loading,\n      opened: this.state.opened,\n      drawArrow: this.props.drawArrow,\n      menuPos: this.props.menuPos,\n      menuAlign: this.props.menuAlign,\n      placeholder: this.props.placeholder,\n      size: this.props.size,\n      textValue: this.state.textValue,\n      totalCount: this.props.totalCount,\n      value: this.props.value,\n      warning: this.props.warning,\n      'aria-describedby': this.props['aria-describedby'],\n      'aria-label': this.props['aria-label'],\n      id: this.props.id,\n      width: this.props.width,\n      maxLength: this.props.maxLength,\n      maxMenuHeight: this.props.maxMenuHeight,\n      leftIcon: this.props.leftIcon,\n      rightIcon: this.props.rightIcon,\n      inputMode: this.props.inputMode,\n\n      onValueChange: this.handleValueChange,\n      onClickOutside: this.handleClickOutside,\n      onFocus: this.handleFocus,\n      onMobileClose: this.handleMobileClose,\n      onFocusOutside: this.handleBlur,\n      onInputBlur: this.handleInputBlur,\n      onInputValueChange: (value: string) => this.dispatch({ type: 'TextChange', value }),\n      onInputFocus: this.handleFocus,\n      onInputClick: this.handleInputClick,\n      onInputKeyDown: (event: React.KeyboardEvent) => {\n        event.persist();\n        this.dispatch({ type: 'KeyPress', event });\n      },\n      onMouseEnter: this.props.onMouseEnter,\n      onMouseOver: this.props.onMouseOver,\n      onMouseLeave: this.props.onMouseLeave,\n      renderItem: this.props.renderItem,\n      renderNotFound: this.props.renderNotFound,\n      itemWrapper: this.props.itemWrapper,\n      renderValue: this.props.renderValue,\n      renderTotalCount: this.props.renderTotalCount,\n      renderAddButton: this.props.renderAddButton,\n      repeatRequest: this.state.repeatRequest,\n      requestStatus: this.state.requestStatus,\n\n      refInput: (input: Nullable<Input>) => {\n        this.input = input;\n      },\n      refMenu: (menu: Nullable<Menu>) => {\n        this.menu = menu;\n      },\n      refInputLikeText: (inputLikeText: Nullable<InputLikeText>) => {\n        this.inputLikeText = inputLikeText;\n      },\n    };\n\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <CommonWrapper {...this.props}>\n              <ComboBoxView {...viewProps} size={this.props.size} ref={this.setRootNode} />\n            </CommonWrapper>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  public componentDidMount() {\n    this.dispatch({ type: 'Mount' }, false);\n    if (this.props.autoFocus) {\n      this.focus();\n    }\n  }\n\n  public componentDidUpdate(prevProps: CustomComboBoxProps<T>, prevState: CustomComboBoxState<T>) {\n    if (prevState.editing && !this.state.editing) {\n      this.handleBlur();\n    }\n    this.dispatch(\n      {\n        type: 'DidUpdate',\n        prevProps,\n        prevState,\n        fixValueChange: this.featureFlags.comboBoxAllowValueChangeInEditingState,\n      },\n      false,\n    );\n  }\n\n  /**\n   * @public\n   */\n  public reset() {\n    this.dispatch({ type: 'Reset' });\n  }\n\n  private dispatch = (action: CustomComboBoxAction<T>, sync = true) => {\n    const updateState = (action: CustomComboBoxAction<T>) => {\n      let effects: Array<CustomComboBoxEffect<T>>;\n      let nextState: Pick<CustomComboBoxState<T>, never>;\n\n      this.setState(\n        (state) => {\n          const stateAndEffect = this.reducer(state, this.props, action);\n          [nextState, effects] = stateAndEffect instanceof Array ? stateAndEffect : [stateAndEffect, []];\n          return nextState;\n        },\n        () => {\n          effects.forEach(this.handleEffect);\n        },\n      );\n    };\n\n    // Auto-batching React@18 creates problems that are fixed with flushSync\n    // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366\n    if (sync && React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => updateState(action));\n    } else {\n      updateState(action);\n    }\n  };\n\n  private handleEffect = (effect: CustomComboBoxEffect<T>) => {\n    effect(this.dispatch, this.getState, this.getProps, () => this);\n  };\n\n  private getProps = () => this.props;\n\n  private getState = () => this.state;\n\n  private handleValueChange = (value: T) => {\n    this.dispatch({\n      type: 'ValueChange',\n      value,\n      keepFocus: !this.isMobileLayout,\n    });\n  };\n\n  private handleFocus = () => {\n    if (this.focused) {\n      return;\n    }\n    this.focused = true;\n    this.dispatch({ type: 'Focus' });\n  };\n\n  private handleMobileClose = () => {\n    this.handleInputBlur();\n  };\n\n  private handleClickOutside = (e: Event) => {\n    fixClickFocusIE(e);\n    this.handleBlur();\n  };\n\n  private handleBlur = () => {\n    if (!this.focused) {\n      if (this.state.opened) {\n        this.close();\n      }\n      return;\n    }\n\n    this.focused = false;\n    // workaround for the similar bug with focusout\n    // in Firefox, Chrome and IE\n    // https://bugzilla.mozilla.org/show_bug.cgi?id=1363964\n    globalObject.setTimeout(() => {\n      this.dispatch({ type: 'Blur' });\n    }, 0);\n  };\n\n  private handleInputBlur = () => {\n    // If menu opened, RenderLayer is active and\n    // it would call handleFocusOutside\n    // In that way handleBlur would be called\n\n    if (this.state.opened && !this.isMobileLayout) {\n      return;\n    }\n    this.handleBlur();\n  };\n\n  private handleInputClick = () => {\n    if (!this.cancelationToken) {\n      this.dispatch({ type: 'InputClick' });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ReactDOM","globalObject","CancelationError","taskWithDelay","CommonWrapper","responsiveLayout","rootNode","withSize","ComboBoxRequestStatus","reducer","ComboBoxView","DELAY_BEFORE_SHOW_LOADER","LOADER_SHOW_TIME","DefaultState","inputChanged","editing","items","loading","opened","focused","textValue","repeatRequest","undefined","requestStatus","Unknown","CustomComboBox","_class","_CustomComboBox","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","requestId","cancelationToken","canOpenPopup","cancelLoaderDelay","focus","opts","props","disabled","withoutOpenDropdown","input","inputLikeText","selectInputText","selectAll","blur","handleBlur","dispatch","action","sync","updateState","effects","nextState","setState","stateAndEffect","_ref","forEach","handleEffect","version","search","flushSync","effect","getState","getProps","handleValueChange","value","type","keepFocus","isMobileLayout","handleFocus","searchOnFocus","handleMobileClose","handleInputBlur","handleClickOutside","close","setTimeout","handleInputClick","_inheritsLoose","_proto","prototype","_search","_asyncToGenerator","_regeneratorRuntime","mark","_callee","query","_this2","getItems","cancelPromise","expectingId","wrap","_callee$","_context","prev","next","Promise","_","reject","loaderShowDelay","resolve","cancelLoader","race","sent","t0","code","finish","stop","_x","cancelSearch","open","render","_this3","viewProps","align","borderless","disablePortal","error","drawArrow","menuPos","menuAlign","placeholder","size","totalCount","showClearIcon","warning","id","width","maxLength","maxMenuHeight","leftIcon","rightIcon","inputMode","mask","maskChar","formatChars","onBeforePasteInMask","onValueChange","onClickOutside","onFocus","onMobileClose","onFocusOutside","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onClearCrossClick","onInputKeyDown","event","persist","onMouseEnter","onMouseOver","onMouseLeave","renderItem","renderNotFound","itemWrapper","renderValue","renderTotalCount","renderAddButton","refInput","refMenu","menu","refInputLikeText","viewMode","maxRows","createElement","_extends","ref","setRootNode","componentDidMount","autoFocus","componentDidUpdate","prevProps","prevState","reset","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["CustomComboBox.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 { Nullable } from '../../typings/utility-types';\nimport type { Input, InputIconType, ShowClearIcon } from '../../components/Input';\nimport type { Menu } from '../Menu';\nimport type { InputLikeText } from '../InputLikeText';\nimport type { MenuItemState } from '../../components/MenuItem';\nimport { CancelationError, taskWithDelay } from '../../lib/utils';\nimport type { CommonProps } from '../CommonWrapper';\nimport { CommonWrapper } from '../CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { ComboBoxExtendedItem, ComboBoxViewMode } from '../../components/ComboBox';\nimport type { SizeProp } from '../../lib/types/props';\nimport type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../../components/MaskedInput';\nimport type { InternalTextareaWithLayout } from '../InternalTextareaWithLayout/InternalTextareaWithLayout';\nimport { withSize } from '../../lib/size/SizeDecorator';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport type { CustomComboBoxAction, CustomComboBoxEffect } from './CustomComboBoxReducer';\nimport { reducer } from './CustomComboBoxReducer';\nimport { ComboBoxView } from './ComboBoxView';\n\nexport * from './tids';\n\nexport interface CustomComboBoxProps<T>\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'>,\n    CommonProps,\n    Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  maxLength?: number;\n  /**\n   * Позволяет вручную задать текущую позицию выпадающего окна\n   */\n  menuPos?: 'top' | 'bottom';\n  menuAlign?: 'left' | 'right';\n  drawArrow?: boolean;\n  leftIcon?: InputIconType;\n  rightIcon?: InputIconType;\n  searchOnFocus?: boolean;\n  onValueChange?: (value: T) => void;\n  onInputValueChange?: (value: string) => Nullable<string> | void;\n  onUnexpectedInput?: (value: string) => void | null | T;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n  placeholder?: string;\n  size?: SizeProp;\n  totalCount?: number;\n  value?: Nullable<T>;\n  showClearIcon?: ShowClearIcon;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: string | number;\n  maxMenuHeight?: number | string;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderItem: (item: T, state?: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType;\n  renderValue: (value: T) => React.ReactNode;\n  renderAddButton?: (query?: string) => React.ReactNode;\n  valueToString: (value: T) => string;\n  itemToValue: (item: T) => string | number;\n  getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n  onBeforePasteInMask?: MaskedInputOnBeforePasteValue;\n  viewMode?: ComboBoxViewMode;\n  maxRows?: number;\n}\n\nexport interface CustomComboBoxState<T> {\n  editing: boolean;\n  loading: boolean;\n  opened: boolean;\n  textValue: string;\n  items: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  inputChanged: boolean;\n  focused: boolean;\n  repeatRequest: () => void;\n  requestStatus: ComboBoxRequestStatus;\n}\n\nexport const DELAY_BEFORE_SHOW_LOADER = 300;\nexport const LOADER_SHOW_TIME = 1000;\n\nexport const DefaultState = {\n  inputChanged: false,\n  editing: false,\n  items: null,\n  loading: false,\n  opened: false,\n  focused: false,\n  textValue: '',\n  repeatRequest: () => undefined,\n  requestStatus: ComboBoxRequestStatus.Unknown,\n};\n\n@responsiveLayout\n@rootNode\n@withSize\nexport class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {\n  public static __KONTUR_REACT_UI__ = 'CustomComboBox';\n  public static displayName = 'CustomComboBox';\n\n  public state: CustomComboBoxState<T> = DefaultState;\n  public input: Nullable<Input | InternalTextareaWithLayout>;\n  public menu: Nullable<Menu>;\n  public inputLikeText: Nullable<InputLikeText>;\n  public requestId = 0;\n  public loaderShowDelay: Nullable<Promise<void>>;\n  private focused = false;\n  private cancelationToken: Nullable<(reason?: Error) => void> = null;\n  private isMobileLayout!: boolean;\n  private canOpenPopup = true;\n\n  private reducer = reducer;\n  public cancelLoaderDelay: () => void = () => null;\n\n  /**\n   * @public\n   */\n  public focus = (opts?: { withoutOpenDropdown?: boolean }) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (opts?.withoutOpenDropdown) {\n      this.canOpenPopup = false;\n    }\n\n    if (this.input) {\n      this.input.focus();\n    } else if (this.inputLikeText) {\n      this.inputLikeText.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public selectInputText = () => {\n    if (this.props.disabled) {\n      return;\n    }\n    if (this.input) {\n      this.input.selectAll();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    this.handleBlur();\n  };\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private size!: SizeProp;\n\n  /**\n   * @public\n   */\n  public async search(query: string = this.state.textValue) {\n    const { getItems } = this.props;\n\n    const cancelPromise: Promise<never> = new Promise((_, reject) => (this.cancelationToken = reject));\n    this.requestId += 1;\n    const expectingId = this.requestId;\n\n    if (!this.loaderShowDelay) {\n      this.loaderShowDelay = new Promise<void>((resolve) => {\n        const cancelLoader = taskWithDelay(() => {\n          this.dispatch({ type: 'RequestItems' });\n          globalObject.setTimeout(resolve, LOADER_SHOW_TIME);\n        }, DELAY_BEFORE_SHOW_LOADER);\n\n        cancelPromise.catch(() => cancelLoader());\n\n        this.cancelLoaderDelay = () => {\n          cancelLoader();\n          resolve();\n        };\n      });\n    }\n\n    try {\n      const items = await Promise.race([getItems(query), cancelPromise]);\n      if (this.state.loading) {\n        await Promise.race([this.loaderShowDelay, cancelPromise]);\n      }\n      if (expectingId === this.requestId) {\n        this.dispatch({\n          type: 'ReceiveItems',\n          items,\n        });\n      }\n    } catch (error) {\n      if (error && error.code === 'CancelationError') {\n        this.dispatch({ type: 'CancelRequest' });\n      } else if (expectingId === this.requestId) {\n        this.dispatch({\n          type: 'RequestFailure',\n          repeatRequest: () => {\n            this.search(query);\n            if (this.input) {\n              this.input.focus();\n            }\n          },\n        });\n      }\n    } finally {\n      if (expectingId === this.requestId) {\n        if (!this.state.loading) {\n          this.cancelLoaderDelay();\n        }\n        this.cancelationToken = null;\n        this.loaderShowDelay = null;\n      }\n    }\n  }\n\n  /**\n   * @public\n   */\n  public cancelSearch() {\n    if (this.cancelationToken) {\n      this.cancelationToken(new CancelationError());\n    }\n  }\n\n  /**\n   * @public\n   */\n  public open() {\n    this.dispatch({ type: 'Open' });\n  }\n\n  /**\n   * @public\n   */\n  public close() {\n    this.dispatch({ type: 'Close' });\n  }\n\n  public render() {\n    const viewProps = {\n      align: this.props.align,\n      borderless: this.props.borderless,\n      disabled: this.props.disabled,\n      disablePortal: this.props.disablePortal,\n      editing: this.state.editing,\n      error: this.props.error,\n      items: this.state.items,\n      loading: this.state.loading,\n      opened: this.state.opened,\n      drawArrow: this.props.drawArrow,\n      menuPos: this.props.menuPos,\n      menuAlign: this.props.menuAlign,\n      placeholder: this.props.placeholder,\n      size: this.size,\n      textValue: this.state.textValue,\n      totalCount: this.props.totalCount,\n      value: this.props.value,\n      showClearIcon: this.props.showClearIcon,\n      warning: this.props.warning,\n      'aria-describedby': this.props['aria-describedby'],\n      'aria-label': this.props['aria-label'],\n      id: this.props.id,\n      width: this.props.width,\n      maxLength: this.props.maxLength,\n      maxMenuHeight: this.props.maxMenuHeight,\n      leftIcon: this.props.leftIcon,\n      rightIcon: this.props.rightIcon,\n      inputMode: this.props.inputMode,\n      mask: this.props.mask,\n      maskChar: this.props.maskChar,\n      formatChars: this.props.formatChars,\n      onBeforePasteInMask: this.props.onBeforePasteInMask,\n\n      onValueChange: this.handleValueChange,\n      onClickOutside: this.handleClickOutside,\n      onFocus: this.handleFocus,\n      onMobileClose: this.handleMobileClose,\n      onFocusOutside: this.handleBlur,\n      onInputBlur: this.handleInputBlur,\n      onInputValueChange: (value: string) => this.dispatch({ type: 'TextChange', value }),\n      onInputFocus: this.handleFocus,\n      onInputClick: this.handleInputClick,\n      onClearCrossClick: () => this.dispatch({ type: 'ClearCrossClick' }),\n      onInputKeyDown: (event: React.KeyboardEvent) => {\n        event.persist();\n        this.dispatch({ type: 'KeyPress', event });\n      },\n      onMouseEnter: this.props.onMouseEnter,\n      onMouseOver: this.props.onMouseOver,\n      onMouseLeave: this.props.onMouseLeave,\n      renderItem: this.props.renderItem,\n      renderNotFound: this.props.renderNotFound,\n      itemWrapper: this.props.itemWrapper,\n      renderValue: this.props.renderValue,\n      renderTotalCount: this.props.renderTotalCount,\n      renderAddButton: this.props.renderAddButton,\n      repeatRequest: this.state.repeatRequest,\n      requestStatus: this.state.requestStatus,\n\n      refInput: (input: Nullable<Input | InternalTextareaWithLayout>) => {\n        this.input = input;\n      },\n      refMenu: (menu: Nullable<Menu>) => {\n        this.menu = menu;\n      },\n      refInputLikeText: (inputLikeText: Nullable<InputLikeText>) => {\n        this.inputLikeText = inputLikeText;\n      },\n      viewMode: this.props.viewMode,\n      maxRows: this.props.maxRows,\n    };\n\n    return (\n      <CommonWrapper {...this.props}>\n        <ComboBoxView {...viewProps} size={this.props.size} ref={this.setRootNode} />\n      </CommonWrapper>\n    );\n  }\n\n  public componentDidMount() {\n    this.dispatch({ type: 'Mount' }, false);\n    if (this.props.autoFocus) {\n      this.focus();\n    }\n  }\n\n  public componentDidUpdate(prevProps: CustomComboBoxProps<T>, prevState: CustomComboBoxState<T>) {\n    if (prevState.editing && !this.state.editing) {\n      this.handleBlur();\n    }\n    this.dispatch(\n      {\n        type: 'DidUpdate',\n        prevProps,\n        prevState,\n      },\n      false,\n    );\n  }\n\n  /**\n   * @public\n   */\n  public reset() {\n    this.dispatch({ type: 'Reset' });\n  }\n\n  private dispatch = (action: CustomComboBoxAction<T>, sync = true) => {\n    const updateState = (action: CustomComboBoxAction<T>) => {\n      let effects: Array<CustomComboBoxEffect<T>>;\n      let nextState: Pick<CustomComboBoxState<T>, never>;\n\n      this.setState(\n        (state) => {\n          const stateAndEffect = this.reducer(state, this.props, action);\n          [nextState, effects] = stateAndEffect instanceof Array ? stateAndEffect : [stateAndEffect, []];\n          return nextState;\n        },\n        () => {\n          effects.forEach(this.handleEffect);\n        },\n      );\n    };\n\n    // Auto-batching React@18 creates problems that are fixed with flushSync\n    // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366\n    if (sync && React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => updateState(action));\n    } else {\n      updateState(action);\n    }\n  };\n\n  private handleEffect = (effect: CustomComboBoxEffect<T>) => {\n    effect(this.dispatch, this.getState, this.getProps, () => this);\n  };\n\n  private getProps = () => this.props;\n\n  private getState = () => this.state;\n\n  private handleValueChange = (value: T) => {\n    this.dispatch({\n      type: 'ValueChange',\n      value,\n      keepFocus: !this.isMobileLayout,\n    });\n  };\n\n  private handleFocus = () => {\n    if (this.focused) {\n      return;\n    }\n\n    this.focused = true;\n    this.dispatch({ type: 'Focus', searchOnFocus: this.canOpenPopup && this.props.searchOnFocus });\n\n    if (!this.canOpenPopup) {\n      this.canOpenPopup = true;\n    }\n  };\n\n  private handleMobileClose = () => {\n    this.handleInputBlur();\n  };\n\n  private handleClickOutside = () => {\n    this.handleBlur();\n  };\n\n  private handleBlur = () => {\n    if (!this.focused) {\n      if (this.state.opened) {\n        this.close();\n      }\n      return;\n    }\n\n    this.focused = false;\n    // workaround for the similar bug with focusout\n    // in Firefox, Chrome and IE\n    // https://bugzilla.mozilla.org/show_bug.cgi?id=1363964\n    globalObject.setTimeout(() => {\n      this.dispatch({ type: 'Blur' });\n    }, 0);\n  };\n\n  private handleInputBlur = () => {\n    // If menu opened, RenderLayer is active and\n    // it would call handleFocusOutside\n    // In that way handleBlur would be called\n\n    if (this.state.opened && !this.isMobileLayout) {\n      return;\n    }\n    this.handleBlur();\n  };\n\n  private handleInputClick = () => {\n    if (!this.cancelationToken) {\n      this.dispatch({ type: 'InputClick' });\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/CustomComboBox/CustomComboBox.d.ts

@@ -1,151 +1,160 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { Input, InputIconType } from '../../components/Input';
-import { Menu } from '../Menu';
-import { InputLikeText } from '../InputLikeText';
-import { MenuItemState } from '../../components/MenuItem';
-import { CommonProps } from '../CommonWrapper';
-import { ComboBoxExtendedItem } from '../../components/ComboBox';
-import { SizeProp } from '../../lib/types/props';
-import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-export interface CustomComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
-    align?: 'left' | 'center' | 'right';
-    autoFocus?: boolean;
-    borderless?: boolean;
-    disablePortal?: boolean;
-    disabled?: boolean;
-    /**
-     * Cостояние валидации при ошибке.
-     */
-    error?: boolean;
-    maxLength?: number;
-    /**
-     * Позволяет вручную задать текущую позицию выпадающего окна
-     */
-    menuPos?: 'top' | 'bottom';
-    menuAlign?: 'left' | 'right';
-    drawArrow?: boolean;
-    leftIcon?: InputIconType;
-    rightIcon?: InputIconType;
-    searchOnFocus?: boolean;
-    onValueChange?: (value: T) => void;
-    onInputValueChange?: (value: string) => Nullable<string> | void;
-    onUnexpectedInput?: (value: string) => void | null | T;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    onMouseEnter?: (e: React.MouseEvent) => void;
-    onMouseOver?: (e: React.MouseEvent) => void;
-    onMouseLeave?: (e: React.MouseEvent) => void;
-    onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
-    placeholder?: string;
-    size?: SizeProp;
-    totalCount?: number;
-    value?: Nullable<T>;
-    /**
-     * Cостояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    width?: string | number;
-    maxMenuHeight?: number | string;
-    renderNotFound?: () => React.ReactNode;
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    renderItem: (item: T, state?: MenuItemState) => React.ReactNode;
-    itemWrapper?: (item: T) => React.ComponentType;
-    renderValue: (value: T) => React.ReactNode;
-    renderAddButton?: (query?: string) => React.ReactNode;
-    valueToString: (value: T) => string;
-    itemToValue: (item: T) => string | number;
-    getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;
-    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
-}
-export interface CustomComboBoxState<T> {
-    editing: boolean;
-    loading: boolean;
-    opened: boolean;
-    textValue: string;
-    items: Nullable<Array<ComboBoxExtendedItem<T>>>;
-    inputChanged: boolean;
-    focused: boolean;
-    repeatRequest: () => void;
-    requestStatus: ComboBoxRequestStatus;
-}
-export declare const DELAY_BEFORE_SHOW_LOADER = 300;
-export declare const LOADER_SHOW_TIME = 1000;
-export declare const DefaultState: {
-    inputChanged: boolean;
-    editing: boolean;
-    items: null;
-    loading: boolean;
-    opened: boolean;
-    focused: boolean;
-    textValue: string;
-    repeatRequest: () => undefined;
-    requestStatus: ComboBoxRequestStatus;
-    size: string;
-};
-export declare const CustomComboBoxDataTids: {
-    readonly comboBoxView: "ComboBoxView__root";
-};
-export declare class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    state: CustomComboBoxState<T>;
-    input: Nullable<Input>;
-    menu: Nullable<Menu>;
-    inputLikeText: Nullable<InputLikeText>;
-    requestId: number;
-    loaderShowDelay: Nullable<Promise<void>>;
-    private focused;
-    private cancelationToken;
-    private isMobileLayout;
-    private featureFlags;
-    private reducer;
-    cancelLoaderDelay: () => void;
-    /**
-     * @public
-     */
-    focus: () => void;
-    /**
-     * @public
-     */
-    selectInputText: () => void;
-    /**
-     * @public
-     */
-    blur: () => void;
-    private setRootNode;
-    /**
-     * @public
-     */
-    search(query?: string): Promise<void>;
-    /**
-     * @public
-     */
-    cancelSearch(): void;
-    /**
-     * @public
-     */
-    open(): void;
-    /**
-     * @public
-     */
-    close(): void;
-    render(): React.JSX.Element;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: CustomComboBoxProps<T>, prevState: CustomComboBoxState<T>): void;
-    /**
-     * @public
-     */
-    reset(): void;
-    private dispatch;
-    private handleEffect;
-    private getProps;
-    private getState;
-    private handleValueChange;
-    private handleFocus;
-    private handleMobileClose;
-    private handleClickOutside;
-    private handleBlur;
-    private handleInputBlur;
-    private handleInputClick;
-}
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { Input, InputIconType, ShowClearIcon } from '../../components/Input';
+import type { Menu } from '../Menu';
+import type { InputLikeText } from '../InputLikeText';
+import type { MenuItemState } from '../../components/MenuItem';
+import type { CommonProps } from '../CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { ComboBoxExtendedItem, ComboBoxViewMode } from '../../components/ComboBox';
+import type { SizeProp } from '../../lib/types/props';
+import type { MaskedInputOnBeforePasteValue, MaskedInputProps } from '../../components/MaskedInput';
+import type { InternalTextareaWithLayout } from '../InternalTextareaWithLayout/InternalTextareaWithLayout';
+import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
+export * from './tids';
+export interface CustomComboBoxProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps, Partial<Pick<MaskedInputProps, 'mask' | 'maskChar' | 'formatChars'>> {
+    align?: 'left' | 'center' | 'right';
+    autoFocus?: boolean;
+    borderless?: boolean;
+    disablePortal?: boolean;
+    disabled?: boolean;
+    /**
+     * Cостояние валидации при ошибке.
+     */
+    error?: boolean;
+    maxLength?: number;
+    /**
+     * Позволяет вручную задать текущую позицию выпадающего окна
+     */
+    menuPos?: 'top' | 'bottom';
+    menuAlign?: 'left' | 'right';
+    drawArrow?: boolean;
+    leftIcon?: InputIconType;
+    rightIcon?: InputIconType;
+    searchOnFocus?: boolean;
+    onValueChange?: (value: T) => void;
+    onInputValueChange?: (value: string) => Nullable<string> | void;
+    onUnexpectedInput?: (value: string) => void | null | T;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseOver?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+    onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
+    placeholder?: string;
+    size?: SizeProp;
+    totalCount?: number;
+    value?: Nullable<T>;
+    showClearIcon?: ShowClearIcon;
+    /**
+     * Cостояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    width?: string | number;
+    maxMenuHeight?: number | string;
+    renderNotFound?: () => React.ReactNode;
+    renderTotalCount?: (found: number, total: number) => React.ReactNode;
+    renderItem: (item: T, state?: MenuItemState) => React.ReactNode;
+    itemWrapper?: (item: T) => React.ComponentType;
+    renderValue: (value: T) => React.ReactNode;
+    renderAddButton?: (query?: string) => React.ReactNode;
+    valueToString: (value: T) => string;
+    itemToValue: (item: T) => string | number;
+    getItems: (query: string) => Promise<Array<ComboBoxExtendedItem<T>>>;
+    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+    onBeforePasteInMask?: MaskedInputOnBeforePasteValue;
+    viewMode?: ComboBoxViewMode;
+    maxRows?: number;
+}
+export interface CustomComboBoxState<T> {
+    editing: boolean;
+    loading: boolean;
+    opened: boolean;
+    textValue: string;
+    items: Nullable<Array<ComboBoxExtendedItem<T>>>;
+    inputChanged: boolean;
+    focused: boolean;
+    repeatRequest: () => void;
+    requestStatus: ComboBoxRequestStatus;
+}
+export declare const DELAY_BEFORE_SHOW_LOADER = 300;
+export declare const LOADER_SHOW_TIME = 1000;
+export declare const DefaultState: {
+    inputChanged: boolean;
+    editing: boolean;
+    items: null;
+    loading: boolean;
+    opened: boolean;
+    focused: boolean;
+    textValue: string;
+    repeatRequest: () => undefined;
+    requestStatus: ComboBoxRequestStatus;
+};
+export declare class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    state: CustomComboBoxState<T>;
+    input: Nullable<Input | InternalTextareaWithLayout>;
+    menu: Nullable<Menu>;
+    inputLikeText: Nullable<InputLikeText>;
+    requestId: number;
+    loaderShowDelay: Nullable<Promise<void>>;
+    private focused;
+    private cancelationToken;
+    private isMobileLayout;
+    private canOpenPopup;
+    private reducer;
+    cancelLoaderDelay: () => void;
+    /**
+     * @public
+     */
+    focus: (opts?: {
+        withoutOpenDropdown?: boolean;
+    }) => void;
+    /**
+     * @public
+     */
+    selectInputText: () => void;
+    /**
+     * @public
+     */
+    blur: () => void;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    private size;
+    /**
+     * @public
+     */
+    search(query?: string): Promise<void>;
+    /**
+     * @public
+     */
+    cancelSearch(): void;
+    /**
+     * @public
+     */
+    open(): void;
+    /**
+     * @public
+     */
+    close(): void;
+    render(): React.JSX.Element;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: CustomComboBoxProps<T>, prevState: CustomComboBoxState<T>): void;
+    /**
+     * @public
+     */
+    reset(): void;
+    private dispatch;
+    private handleEffect;
+    private getProps;
+    private getState;
+    private handleValueChange;
+    private handleFocus;
+    private handleMobileClose;
+    private handleClickOutside;
+    private handleBlur;
+    private handleInputBlur;
+    private handleInputClick;
+}

package/internal/CustomComboBox/CustomComboBox.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const styles: {
-    root(): string;
-    spinnerWrapper(): string;
-};
+export declare const styles: {
+    root(): string;
+    spinnerWrapper(): string;
+};

package/internal/CustomComboBox/CustomComboBoxReducer/CustomComboBoxReducer.js

@@ -48,6 +48,12 @@ export var Effect = {
       }
     };
   },
+  valueClear: function valueClear(dispatch) {
+    dispatch({
+      type: 'TextChange',
+      value: ''
+    });
+  },
   unexpectedInput: function unexpectedInput(textValue, items) {
     return function (dispatch, getState, getProps) {
       var _getProps4 = getProps(),
@@ -120,22 +126,26 @@ export var Effect = {
       return;
     }
     var index = -1;
-    if (items && items.length && isNonNullable(value)) {
+    if (items != null && items.length && isNonNullable(value)) {
       index = items.findIndex(function (x) {
         return itemToValue(x) === itemToValue(value);
       });
+      menu.highlightItem(index);
+    } else {
+      menu.reset();
     }
-    menu.highlightItem(index);
     if (index >= 0) {
       // @ts-expect-error: Use of private property.
       globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
-        return menu && menu.scrollToSelected();
+        return menu == null ? void 0 : menu.scrollToSelected();
       });
       return;
     }
-    if (textValue !== valueString || requestStatus === ComboBoxRequestStatus.Failed) {
+    var queryTextDifferenceOfSavedValue = textValue !== valueString;
+    var needFocusToRefreshButton = requestStatus === ComboBoxRequestStatus.Failed;
+    if (queryTextDifferenceOfSavedValue || needFocusToRefreshButton) {
       globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
-        return menu && menu.down();
+        return menu == null ? void 0 : menu.highlightItem(0);
       });
     }
   },
@@ -255,30 +265,25 @@ export function reducer(state, props, action) {
         if (isEqual(props.value, action.prevProps.value)) {
           return state;
         }
-        if (action.fixValueChange) {
-          var nextTextValue = getValueString(props.value, props.valueToString);
-          if (!state.focused) {
-            return [{
-              editing: false,
-              inputChanged: false,
-              textValue: nextTextValue
-            }, [Effect.cancelRequest]];
-          }
-          if (state.focused && state.opened) {
-            return [_extends({}, state, {
-              textValue: nextTextValue
-            }), [Effect.cancelRequest, Effect.search(nextTextValue)]];
-          }
-          if (state.focused) {
-            return _extends({}, state, {
-              textValue: nextTextValue
-            });
-          }
+        var nextTextValue = getValueString(props.value, props.valueToString);
+        if (!state.focused) {
+          return [{
+            editing: false,
+            inputChanged: false,
+            textValue: nextTextValue
+          }, [Effect.cancelRequest]];
         }
-        return {
-          opened: false,
-          textValue: state.editing ? state.textValue : getValueString(props.value, props.valueToString)
-        };
+        if (state.focused && state.opened) {
+          return [_extends({}, state, {
+            textValue: nextTextValue
+          }), [Effect.cancelRequest, Effect.search(nextTextValue)]];
+        }
+        if (state.focused) {
+          return _extends({}, state, {
+            textValue: nextTextValue
+          });
+        }
+        break;
       }
     case 'Mount':
       {
@@ -292,7 +297,7 @@ export function reducer(state, props, action) {
           focused: true,
           editing: true
         };
-        if (!props.searchOnFocus) {
+        if (!action.searchOnFocus) {
           return [_newState, [Effect.focus]];
         }
         if (state.editing) {
@@ -310,6 +315,14 @@ export function reducer(state, props, action) {
         }
         return state;
       }
+    case 'ClearCrossClick':
+      {
+        var _newState3 = {
+          editing: true,
+          loading: true
+        };
+        return [_newState3, [Effect.valueClear, Effect.focus, Effect.search('')]];
+      }
     case 'Blur':
       {
         var inputChanged = state.inputChanged,