@skbkontur/react-ui 0.0.0-9a66eda8b5 → 0.0.0-a18e664e8f

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

@@ -1 +1 @@
-{"version":3,"sources":["CustomComboBox.tsx"],"names":["DELAY_BEFORE_SHOW_LOADER","LOADER_SHOW_TIME","DefaultState","inputChanged","editing","items","loading","opened","focused","textValue","repeatRequest","undefined","requestStatus","ComboBoxRequestStatus","Unknown","CustomComboBox","state","input","menu","inputLikeText","requestId","loaderShowDelay","cancelationToken","reducer","cancelLoaderDelay","focus","props","disabled","handleFocus","selectInputText","selectAll","blur","handleBlur","dispatch","action","effects","nextState","setState","stateAndEffect","Array","forEach","handleEffect","effect","getState","getProps","handleValueChange","value","type","keepFocus","handleClickOutside","e","close","handleInputBlur","handleInputClick","search","query","getItems","cancelPromise","Promise","_","reject","expectingId","resolve","cancelLoader","setTimeout","catch","race","code","cancelSearch","CancelationError","open","render","viewProps","align","borderless","disablePortal","error","menuAlign","drawArrow","placeholder","size","totalCount","warning","width","maxLength","maxMenuHeight","onValueChange","onClickOutside","onFocus","onFocusOutside","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","event","persist","onMouseEnter","onMouseOver","onMouseLeave","renderItem","renderNotFound","renderValue","renderTotalCount","renderAddButton","refInput","refMenu","refInputLikeText","componentDidMount","autoFocus","componentDidUpdate","prevProps","prevState","reset","React","PureComponent","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { Input } from '../../components/Input';\r\nimport { Menu } from '../Menu';\r\nimport { InputLikeText } from '../InputLikeText';\r\nimport { MenuItemState } from '../../components/MenuItem';\r\nimport { CancelationError, taskWithDelay } from '../../lib/utils';\r\nimport { fixClickFocusIE } from '../../lib/events/fixClickFocusIE';\r\n\r\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\r\nimport { CustomComboBoxAction, CustomComboBoxEffect, reducer } from './CustomComboBoxReducer';\r\nimport { ComboBoxView } from './ComboBoxView';\r\n\r\nexport interface CustomComboBoxProps<T> {\r\n  align?: 'left' | 'center' | 'right';\r\n  autoFocus?: boolean;\r\n  borderless?: boolean;\r\n  disablePortal?: boolean;\r\n  disabled?: boolean;\r\n  error?: boolean;\r\n  maxLength?: number;\r\n  menuAlign?: 'left' | 'right';\r\n  drawArrow?: boolean;\r\n  searchOnFocus?: boolean;\r\n  onValueChange?: (value: T) => void;\r\n  onInputValueChange?: (value: string) => Nullable<string> | void;\r\n  onUnexpectedInput?: (value: string) => void | null | T;\r\n  onFocus?: () => void;\r\n  onBlur?: () => void;\r\n  onMouseEnter?: (e: React.MouseEvent) => void;\r\n  onMouseOver?: (e: React.MouseEvent) => void;\r\n  onMouseLeave?: (e: React.MouseEvent) => void;\r\n  onInputKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\r\n  placeholder?: string;\r\n  size?: 'small' | 'medium' | 'large';\r\n  totalCount?: number;\r\n  value?: Nullable<T>;\r\n  warning?: boolean;\r\n  width?: string | number;\r\n  maxMenuHeight?: number | string;\r\n  renderNotFound?: () => React.ReactNode;\r\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\r\n  renderItem: (item: T, state?: MenuItemState) => React.ReactNode;\r\n  renderValue: (value: T) => React.ReactNode;\r\n  renderAddButton?: (query?: string) => React.ReactNode;\r\n  valueToString: (value: T) => string;\r\n  itemToValue: (item: T) => string | number;\r\n  getItems: (query: string) => Promise<T[]>;\r\n}\r\n\r\nexport interface CustomComboBoxState<T> {\r\n  editing: boolean;\r\n  loading: boolean;\r\n  opened: boolean;\r\n  textValue: string;\r\n  items: Nullable<T[]>;\r\n  inputChanged: boolean;\r\n  focused: boolean;\r\n  repeatRequest: () => void;\r\n  requestStatus: ComboBoxRequestStatus;\r\n}\r\n\r\nexport const DELAY_BEFORE_SHOW_LOADER = 300;\r\nexport const LOADER_SHOW_TIME = 1000;\r\n\r\nexport const DefaultState = {\r\n  inputChanged: false,\r\n  editing: false,\r\n  items: null,\r\n  loading: false,\r\n  opened: false,\r\n  focused: false,\r\n  textValue: '',\r\n  repeatRequest: () => undefined,\r\n  requestStatus: ComboBoxRequestStatus.Unknown,\r\n};\r\n\r\nexport class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {\r\n  public static __KONTUR_REACT_UI__ = 'CustomComboBox';\r\n\r\n  public state: CustomComboBoxState<T> = DefaultState;\r\n  public input: Nullable<Input>;\r\n  public menu: Nullable<Menu>;\r\n  public inputLikeText: Nullable<InputLikeText>;\r\n  public requestId = 0;\r\n  public loaderShowDelay: Nullable<Promise<never>>;\r\n  private focused = false;\r\n  private cancelationToken: Nullable<(reason?: Error) => void> = null;\r\n\r\n  private reducer = reducer;\r\n  public cancelLoaderDelay: () => void = () => null;\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus = () => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    this.handleFocus();\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public selectInputText = () => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n    if (this.input) {\r\n      this.input.selectAll();\r\n    }\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur = () => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    this.handleBlur();\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public async search(query: string = this.state.textValue) {\r\n    const { getItems } = this.props;\r\n\r\n    const cancelPromise: Promise<never> = new Promise((_, reject) => (this.cancelationToken = reject));\r\n    const expectingId = (this.requestId += 1);\r\n\r\n    if (!this.loaderShowDelay) {\r\n      this.loaderShowDelay = new Promise(resolve => {\r\n        const cancelLoader = taskWithDelay(() => {\r\n          this.dispatch({ type: 'RequestItems' });\r\n          setTimeout(resolve, LOADER_SHOW_TIME);\r\n        }, DELAY_BEFORE_SHOW_LOADER);\r\n\r\n        cancelPromise.catch(() => cancelLoader());\r\n\r\n        this.cancelLoaderDelay = () => {\r\n          cancelLoader();\r\n          resolve();\r\n        };\r\n      });\r\n    }\r\n\r\n    try {\r\n      const items = await Promise.race([getItems(query), cancelPromise]);\r\n      if (this.state.loading) {\r\n        await Promise.race([this.loaderShowDelay, cancelPromise]);\r\n      }\r\n      if (expectingId === this.requestId) {\r\n        this.dispatch({\r\n          type: 'ReceiveItems',\r\n          items,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      if (error && error.code === 'CancelationError') {\r\n        this.dispatch({ type: 'CancelRequest' });\r\n      } else if (expectingId === this.requestId) {\r\n        this.dispatch({\r\n          type: 'RequestFailure',\r\n          repeatRequest: () => {\r\n            this.search(query);\r\n            if (this.input) {\r\n              this.input.focus();\r\n            }\r\n          },\r\n        });\r\n      }\r\n    } finally {\r\n      if (expectingId === this.requestId) {\r\n        if (!this.state.loading) {\r\n          this.cancelLoaderDelay();\r\n        }\r\n        this.cancelationToken = null;\r\n        this.loaderShowDelay = null;\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public cancelSearch() {\r\n    if (this.cancelationToken) {\r\n      this.cancelationToken(new CancelationError());\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public open() {\r\n    this.dispatch({ type: 'Open' });\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public close() {\r\n    this.dispatch({ type: 'Close' });\r\n  }\r\n\r\n  public render() {\r\n    const viewProps = {\r\n      align: this.props.align,\r\n      borderless: this.props.borderless,\r\n      disabled: this.props.disabled,\r\n      disablePortal: this.props.disablePortal,\r\n      editing: this.state.editing,\r\n      error: this.props.error,\r\n      items: this.state.items,\r\n      loading: this.state.loading,\r\n      menuAlign: this.props.menuAlign,\r\n      opened: this.state.opened,\r\n      drawArrow: this.props.drawArrow,\r\n      placeholder: this.props.placeholder,\r\n      size: this.props.size,\r\n      textValue: this.state.textValue,\r\n      totalCount: this.props.totalCount,\r\n      value: this.props.value,\r\n      warning: this.props.warning,\r\n      width: this.props.width,\r\n      maxLength: this.props.maxLength,\r\n      maxMenuHeight: this.props.maxMenuHeight,\r\n\r\n      onValueChange: this.handleValueChange,\r\n      onClickOutside: this.handleClickOutside,\r\n      onFocus: this.handleFocus,\r\n      onFocusOutside: this.handleBlur,\r\n      onInputBlur: this.handleInputBlur,\r\n      onInputValueChange: (value: string) => this.dispatch({ type: 'TextChange', value }),\r\n      onInputFocus: this.handleFocus,\r\n      onInputClick: this.handleInputClick,\r\n      onInputKeyDown: (event: React.KeyboardEvent) => {\r\n        event.persist();\r\n        this.dispatch({ type: 'KeyPress', event });\r\n      },\r\n      onMouseEnter: this.props.onMouseEnter,\r\n      onMouseOver: this.props.onMouseOver,\r\n      onMouseLeave: this.props.onMouseLeave,\r\n      renderItem: this.props.renderItem,\r\n      renderNotFound: this.props.renderNotFound,\r\n      renderValue: this.props.renderValue,\r\n      renderTotalCount: this.props.renderTotalCount,\r\n      renderAddButton: this.props.renderAddButton,\r\n      repeatRequest: this.state.repeatRequest,\r\n      requestStatus: this.state.requestStatus,\r\n\r\n      refInput: (input: Nullable<Input>) => {\r\n        this.input = input;\r\n      },\r\n      refMenu: (menu: Nullable<Menu>) => {\r\n        this.menu = menu;\r\n      },\r\n      refInputLikeText: (inputLikeText: Nullable<InputLikeText>) => {\r\n        this.inputLikeText = inputLikeText;\r\n      },\r\n    };\r\n\r\n    return <ComboBoxView {...viewProps} />;\r\n  }\r\n\r\n  public componentDidMount() {\r\n    this.dispatch({ type: 'Mount' });\r\n    if (this.props.autoFocus) {\r\n      this.focus();\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: CustomComboBoxProps<T>, prevState: CustomComboBoxState<T>) {\r\n    if (prevState.editing && !this.state.editing) {\r\n      this.handleBlur();\r\n    }\r\n    this.dispatch({ type: 'DidUpdate', prevProps, prevState });\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public reset() {\r\n    this.dispatch({ type: 'Reset' });\r\n  }\r\n\r\n  private dispatch = (action: CustomComboBoxAction<T>) => {\r\n    let effects: Array<CustomComboBoxEffect<T>>;\r\n    let nextState: Pick<CustomComboBoxState<T>, never>;\r\n\r\n    this.setState(\r\n      state => {\r\n        const stateAndEffect = this.reducer(state, this.props, action);\r\n\r\n        [nextState, effects] = stateAndEffect instanceof Array ? stateAndEffect : [stateAndEffect, []];\r\n\r\n        return nextState;\r\n      },\r\n      () => {\r\n        effects.forEach(this.handleEffect);\r\n      },\r\n    );\r\n  };\r\n\r\n  private handleEffect = (effect: CustomComboBoxEffect<T>) => {\r\n    effect(this.dispatch, this.getState, this.getProps, () => this);\r\n  };\r\n\r\n  private getProps = () => this.props;\r\n\r\n  private getState = () => this.state;\r\n\r\n  private handleValueChange = (value: T) => {\r\n    this.dispatch({\r\n      type: 'ValueChange',\r\n      value,\r\n      keepFocus: true,\r\n    });\r\n  };\r\n\r\n  private handleFocus = () => {\r\n    if (this.focused) {\r\n      return;\r\n    }\r\n    this.focused = true;\r\n    this.dispatch({ type: 'Focus' });\r\n  };\r\n\r\n  private handleClickOutside = (e: Event) => {\r\n    fixClickFocusIE(e);\r\n    this.handleBlur();\r\n  };\r\n\r\n  private handleBlur = () => {\r\n    if (!this.focused) {\r\n      if (this.state.opened) {\r\n        this.close();\r\n      }\r\n      return;\r\n    }\r\n    this.focused = false;\r\n    this.dispatch({ type: 'Blur' });\r\n  };\r\n\r\n  private handleInputBlur = () => {\r\n    // If menu opened, RenderLayer is active and\r\n    // it would call handleFocusOutside\r\n    // In that way handleBlur would be called\r\n    if (this.state.opened) {\r\n      return;\r\n    }\r\n    this.handleBlur();\r\n  };\r\n\r\n  private handleInputClick = () => {\r\n    if (!this.cancelationToken) {\r\n      this.dispatch({ type: 'InputClick' });\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["CustomComboBox.tsx"],"names":["DELAY_BEFORE_SHOW_LOADER","LOADER_SHOW_TIME","DefaultState","inputChanged","editing","items","loading","opened","focused","textValue","repeatRequest","undefined","requestStatus","ComboBoxRequestStatus","Unknown","CustomComboBox","responsiveLayout","state","input","menu","inputLikeText","requestId","loaderShowDelay","cancelationToken","isMobileLayout","reducer","cancelLoaderDelay","focus","props","disabled","selectInputText","selectAll","blur","handleBlur","dispatch","action","effects","nextState","setState","stateAndEffect","Array","forEach","handleEffect","effect","getState","getProps","handleValueChange","value","type","keepFocus","handleFocus","handleClickOutside","e","close","setTimeout","handleInputBlur","handleInputClick","search","query","getItems","cancelPromise","Promise","_","reject","expectingId","resolve","cancelLoader","catch","race","code","cancelSearch","CancelationError","open","render","viewProps","align","borderless","disablePortal","error","menuAlign","drawArrow","placeholder","size","totalCount","warning","width","maxLength","maxMenuHeight","leftIcon","rightIcon","inputMode","onValueChange","onClickOutside","onFocus","onFocusOutside","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","event","persist","onMouseEnter","onMouseOver","onMouseLeave","renderItem","renderNotFound","renderValue","renderTotalCount","renderAddButton","refInput","refMenu","refInputLikeText","componentDidMount","autoFocus","componentDidUpdate","prevProps","prevState","reset","React","PureComponent","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\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 '../../internal/CommonWrapper';\nimport { responsiveLayout } from '../../components/ResponsiveLayout';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { CustomComboBoxAction, CustomComboBoxEffect, reducer } from './CustomComboBoxReducer';\nimport { ComboBoxView } from './ComboBoxView';\n\nexport interface CustomComboBoxProps<T> extends 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  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?: 'small' | 'medium' | 'large';\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  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<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<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\nexport class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {\n  public static __KONTUR_REACT_UI__ = '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\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\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    const expectingId = (this.requestId += 1);\n\n    if (!this.loaderShowDelay) {\n      this.loaderShowDelay = new Promise<void>((resolve) => {\n        const cancelLoader = taskWithDelay(() => {\n          this.dispatch({ type: 'RequestItems' });\n          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      menuAlign: this.props.menuAlign,\n      opened: this.state.opened,\n      drawArrow: this.props.drawArrow,\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      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      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      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      <CommonWrapper {...this.props}>\n        <ComboBoxView {...viewProps} />\n      </CommonWrapper>\n    );\n  }\n\n  public componentDidMount() {\n    this.dispatch({ type: 'Mount' });\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({ type: 'DidUpdate', prevProps, prevState });\n  }\n\n  /**\n   * @public\n   */\n  public reset() {\n    this.dispatch({ type: 'Reset' });\n  }\n\n  private dispatch = (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\n        [nextState, effects] = stateAndEffect instanceof Array ? stateAndEffect : [stateAndEffect, []];\n\n        return nextState;\n      },\n      () => {\n        effects.forEach(this.handleEffect);\n      },\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 ? false : true,\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 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    setTimeout(() => {\n      this.dispatch({ type: 'Blur' });\n    });\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    // TODO: add check for mobile layout, to call `handleBlur`\n\n    if (this.state.opened) {\n      return;\n    }\n    this.handleBlur();\n  };\n\n  private handleInputClick = () => {\n    if (!this.cancelationToken) {\n      this.dispatch({ type: 'InputClick' });\n    }\n  };\n}\n"]}

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

@@ -1,5 +1,5 @@
-export declare const jsStyles: {
+export declare const styles: {
     root(): string;
     spinnerWrapper(): string;
-    arrowWrapper(): string;
+    rightIconWrapper(): string;
 };

package/cjs/internal/CustomComboBox/CustomComboBox.styles.js

@@ -1,26 +1,24 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-right: -3px;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-right: -5px;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: relative;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3;
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root() {
-    return (0, _Emotion.css)(_templateObject());
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    "])));
+
 
 
 
   },
 
   spinnerWrapper: function spinnerWrapper() {
-    return (0, _Emotion.css)(_templateObject2());
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-right: -5px;\n    "])));
 
 
 
   },
 
-  arrowWrapper: function arrowWrapper() {
-    return (0, _Emotion.css)(_templateObject3());
-
-
+  rightIconWrapper: function rightIconWrapper() {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-right: -3px;\n    "])));
 
-  } };
 
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["CustomComboBox.styles.ts"],"names":["styles","root","css","spinnerWrapper","arrowWrapper","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,eAAOC,YAAP;;;;AAID,GANY;;AAQbC,EAAAA,cARa,4BAQI;AACf,eAAOD,YAAP;;;;AAID,GAbY;;AAebE,EAAAA,YAfa,0BAeE;AACb,eAAOF,YAAP;;;;AAID,GApBY,EAAf;;;AAuBO,IAAMG,QAAQ,GAAG,2BAAaL,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      display: inline-block;\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  spinnerWrapper() {\r\n    return css`\r\n      display: inline-block;\r\n      margin-right: -5px;\r\n    `;\r\n  },\r\n\r\n  arrowWrapper() {\r\n    return css`\r\n      display: inline-block;\r\n      margin-right: -3px;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["CustomComboBox.styles.ts"],"names":["styles","root","css","spinnerWrapper","rightIconWrapper"],"mappings":"4QAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;;AAKD,GAPgC;;AASjCC,EAAAA,cATiC,4BAShB;AACf,eAAOD,YAAP;;;;AAID,GAdgC;;AAgBjCE,EAAAA,gBAhBiC,8BAgBd;AACjB,eAAOF,YAAP;;;;AAID,GArBgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      position: relative;\n      line-height: normal;\n    `;\n  },\n\n  spinnerWrapper() {\n    return css`\n      display: inline-block;\n      margin-right: -5px;\n    `;\n  },\n\n  rightIconWrapper() {\n    return css`\n      display: inline-block;\n      margin-right: -3px;\n    `;\n  },\n});\n"]}

package/cjs/internal/CustomComboBox/CustomComboBoxReducer.js

@@ -2,6 +2,7 @@
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
 var _lodash2 = _interopRequireDefault(require("lodash.isequal"));
 
+var _utils = require("../../lib/utils");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 
@@ -66,7 +67,7 @@ var _CustomComboBoxTypes = require("./CustomComboBoxTypes");
 var DEBOUNCE_DELAY = 300;
 
 var getValueString = function getValueString(value, valueToString) {
-  return value ? valueToString(value) : '';
+  return (0, _utils.isNonNullable)(value) ? valueToString(value) : '';
 };
 
 var Effect = {
@@ -153,7 +154,7 @@ var Effect = {
     }
 
     var index = -1;
-    if (items && items.length && value) {
+    if (items && items.length && (0, _utils.isNonNullable)(value)) {
       index = items.findIndex(function (x) {return itemToValue(x) === itemToValue(value);});
     }
     menu.highlightItem(index);
@@ -161,12 +162,12 @@ var Effect = {
     if (index >= 0) {
       // FIXME: accessing private props
       // @ts-ignore
-      process.nextTick(function () {return menu && menu.scrollToSelected();});
+      requestAnimationFrame(function () {return menu && menu.scrollToSelected();});
       return;
     }
 
     if (textValue !== valueString || requestStatus === _CustomComboBoxTypes.ComboBoxRequestStatus.Failed) {
-      process.nextTick(function () {return menu && menu.down();});
+      requestAnimationFrame(function () {return menu && menu.down();});
     }
   },
   SelectMenuItem: function SelectMenuItem(event) {return function (dispatch, getState, getProps, getInstance) {var _getInstance3 =

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

@@ -1 +1 @@
-{"version":3,"sources":["CustomComboBoxReducer.tsx"],"names":["DEBOUNCE_DELAY","getValueString","value","valueToString","Effect","Search","query","dispatch","getState","getProps","getInstance","search","DebouncedSearch","searchEffect","textValue","CancelRequest","cancel","cancelSearch","Blur","onBlur","Focus","onFocus","ValueChange","onValueChange","UnexpectedInput","items","onUnexpectedInput","Array","isArray","length","singleItem","valueContent","type","keepFocus","undefined","InputChange","onInputValueChange","returnedValue","InputFocus","input","focus","HighlightMenuItem","itemToValue","focused","requestStatus","menu","valueString","index","findIndex","x","highlightItem","process","nextTick","scrollToSelected","ComboBoxRequestStatus","Failed","down","SelectMenuItem","event","enter","MoveMenuHighlight","direction","ResetHighlightedMenuItem","combobox","hasHighlightedItem","reset","Reflow","LayoutEvents","emit","SelectInputText","selectInputText","InputKeyDown","onInputKeyDown","never","_","reducer","state","props","action","opened","inputChanged","editing","newState","searchOnFocus","e","effects","nextState","preventDefault","push","prevProps","DefaultState","loading","Pending","shouldResetMenuHighlight","Success","repeatRequest","Unknown"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport debounce from 'lodash.debounce';\r\nimport isEqual from 'lodash.isequal';\r\n\r\nimport { isKeyArrowUp, isKeyArrowVertical, isKeyEnter, isKeyEscape } from '../../lib/events/keyboard/identifiers';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nimport { CustomComboBox, CustomComboBoxProps, CustomComboBoxState, DefaultState } from './CustomComboBox';\r\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\r\n\r\nexport type CustomComboBoxAction<T> =\r\n  | { type: 'ValueChange'; value: T; keepFocus: boolean }\r\n  | { type: 'TextChange'; value: string }\r\n  | { type: 'KeyPress'; event: React.KeyboardEvent }\r\n  | {\r\n      type: 'DidUpdate';\r\n      prevProps: CustomComboBoxProps<T>;\r\n      prevState: CustomComboBoxState<T>;\r\n    }\r\n  | { type: 'Mount' }\r\n  | { type: 'Focus' }\r\n  | { type: 'InputClick' }\r\n  | { type: 'Blur' }\r\n  | { type: 'Reset' }\r\n  | { type: 'Open' }\r\n  | { type: 'Close' }\r\n  | { type: 'Search'; query: string }\r\n  | { type: 'RequestItems' }\r\n  | { type: 'ReceiveItems'; items: T[] }\r\n  | { type: 'RequestFailure'; repeatRequest: () => void }\r\n  | { type: 'CancelRequest' };\r\n\r\nexport type CustomComboBoxEffect<T> = (\r\n  dispatch: (action: CustomComboBoxAction<T>) => void,\r\n  getState: () => CustomComboBoxState<T>,\r\n  getProps: () => CustomComboBoxProps<T>,\r\n  getInstance: () => CustomComboBox<T>,\r\n) => void;\r\n\r\ntype Effect = CustomComboBoxEffect<any>;\r\n\r\ninterface EffectFactory {\r\n  Search: (query: string) => Effect;\r\n  DebouncedSearch: Effect & {\r\n    cancel(): void;\r\n    flush(): void;\r\n  };\r\n  CancelRequest: Effect;\r\n  Blur: Effect;\r\n  Focus: Effect;\r\n\r\n  ValueChange: (value: any) => Effect;\r\n  UnexpectedInput: (textValue: string, items: Nullable<any[]>) => Effect;\r\n  InputChange: Effect;\r\n  InputFocus: Effect;\r\n  HighlightMenuItem: Effect;\r\n  SelectMenuItem: (event: React.KeyboardEvent<HTMLElement>) => Effect;\r\n  InputKeyDown: (event: React.KeyboardEvent<HTMLElement>) => Effect;\r\n  MoveMenuHighlight: (direction: 'up' | 'down') => Effect;\r\n  ResetHighlightedMenuItem: Effect;\r\n  Reflow: Effect;\r\n  SelectInputText: Effect;\r\n}\r\n\r\nconst DEBOUNCE_DELAY = 300;\r\n\r\nconst getValueString = (value: any, valueToString: CustomComboBoxProps<any>['valueToString']) => {\r\n  return value ? valueToString(value) : '';\r\n};\r\n\r\nexport const Effect: EffectFactory = {\r\n  Search: query => (dispatch, getState, getProps, getInstance) => {\r\n    getInstance().search(query);\r\n  },\r\n  DebouncedSearch: debounce((dispatch, getState, getProps, getInstance) => {\r\n    const searchEffect = Effect.Search(getState().textValue);\r\n    searchEffect(dispatch, getState, getProps, getInstance);\r\n  }, DEBOUNCE_DELAY),\r\n  CancelRequest: (dispatch, getState, getProps, getInstance) => {\r\n    Effect.DebouncedSearch.cancel();\r\n    getInstance().cancelSearch();\r\n  },\r\n  Blur: (dispatch, getState, getProps) => {\r\n    const { onBlur } = getProps();\r\n    if (onBlur) {\r\n      onBlur();\r\n    }\r\n  },\r\n  Focus: (dispatch, getState, getProps) => {\r\n    const { onFocus } = getProps();\r\n    if (onFocus) {\r\n      onFocus();\r\n    }\r\n  },\r\n  ValueChange: value => (dispatch, getState, getProps) => {\r\n    const { onValueChange } = getProps();\r\n    if (onValueChange) {\r\n      onValueChange(value);\r\n    }\r\n  },\r\n  UnexpectedInput: (textValue, items) => (dispatch, getState, getProps) => {\r\n    const { onUnexpectedInput, valueToString } = getProps();\r\n\r\n    if (Array.isArray(items) && items.length === 1) {\r\n      const singleItem = items[0];\r\n      const valueContent = getValueString(singleItem, valueToString);\r\n\r\n      if (valueContent === textValue) {\r\n        dispatch({ type: 'ValueChange', value: singleItem, keepFocus: false });\r\n        return;\r\n      }\r\n    }\r\n\r\n    if (onUnexpectedInput) {\r\n      const value = onUnexpectedInput(textValue);\r\n      if (value !== undefined) {\r\n        dispatch({ type: 'ValueChange', value, keepFocus: false });\r\n      }\r\n    }\r\n  },\r\n  InputChange: (dispatch, getState, getProps) => {\r\n    const { onInputValueChange } = getProps();\r\n    const { textValue } = getState();\r\n    if (onInputValueChange) {\r\n      const returnedValue = onInputValueChange(textValue);\r\n      if (typeof returnedValue === 'string' && returnedValue !== textValue) {\r\n        dispatch({ type: 'TextChange', value: returnedValue });\r\n      }\r\n    }\r\n  },\r\n  InputFocus: (dispatch, getState, getProps, getInstance) => {\r\n    const { input } = getInstance();\r\n\r\n    if (!input) {\r\n      return;\r\n    }\r\n\r\n    input.focus();\r\n  },\r\n  HighlightMenuItem: (dispatch, getState, getProps, getInstance) => {\r\n    const { value, itemToValue, valueToString } = getProps();\r\n    const { items, focused, textValue, requestStatus } = getState();\r\n    const { menu } = getInstance();\r\n    const valueString = getValueString(value, valueToString);\r\n\r\n    if (!menu) {\r\n      return;\r\n    }\r\n\r\n    if (!focused) {\r\n      return;\r\n    }\r\n\r\n    let index = -1;\r\n    if (items && items.length && value) {\r\n      index = items.findIndex(x => itemToValue(x) === itemToValue(value));\r\n    }\r\n    menu.highlightItem(index);\r\n\r\n    if (index >= 0) {\r\n      // FIXME: accessing private props\r\n      // @ts-ignore\r\n      process.nextTick(() => menu && menu.scrollToSelected());\r\n      return;\r\n    }\r\n\r\n    if (textValue !== valueString || requestStatus === ComboBoxRequestStatus.Failed) {\r\n      process.nextTick(() => menu && menu.down());\r\n    }\r\n  },\r\n  SelectMenuItem: event => (dispatch, getState, getProps, getInstance) => {\r\n    const { menu } = getInstance();\r\n    if (menu) {\r\n      menu.enter(event);\r\n    }\r\n  },\r\n  MoveMenuHighlight: direction => (dispatch, getState, getProps, getInstance) => {\r\n    const { menu } = getInstance();\r\n    if (menu) {\r\n      menu[direction]();\r\n    }\r\n  },\r\n  ResetHighlightedMenuItem: (dispatch, getState, getProps, getInstance) => {\r\n    const combobox = getInstance();\r\n\r\n    if (combobox.menu && combobox.menu.hasHighlightedItem()) {\r\n      combobox.menu.reset();\r\n    }\r\n  },\r\n  Reflow: () => {\r\n    LayoutEvents.emit();\r\n  },\r\n  SelectInputText: (dispatch, getState, getProps, getInstance) => {\r\n    const combobox = getInstance();\r\n    combobox.selectInputText();\r\n  },\r\n  InputKeyDown: event => (dispatch, getState, getProps, getInstance) => {\r\n    const { onInputKeyDown } = getProps();\r\n    if (onInputKeyDown) {\r\n      onInputKeyDown(event);\r\n    }\r\n  },\r\n};\r\n\r\nconst never = (_: never) => null;\r\n\r\nexport function reducer<T>(\r\n  state: CustomComboBoxState<T>,\r\n  props: CustomComboBoxProps<T>,\r\n  action: CustomComboBoxAction<T>,\r\n): Pick<CustomComboBoxState<T>, never> | [Pick<CustomComboBoxState<T>, never>, Array<CustomComboBoxEffect<T>>] {\r\n  switch (action.type) {\r\n    case 'ValueChange': {\r\n      const { value, keepFocus } = action;\r\n      const textValue = getValueString(value, props.valueToString);\r\n      if (keepFocus) {\r\n        return [\r\n          {\r\n            opened: false,\r\n            inputChanged: false,\r\n            editing: true,\r\n            items: null,\r\n            textValue,\r\n          },\r\n          [Effect.ValueChange(value), Effect.CancelRequest, Effect.InputFocus],\r\n        ];\r\n      }\r\n      return [\r\n        {\r\n          opened: false,\r\n          inputChanged: false,\r\n          editing: false,\r\n          items: null,\r\n          textValue,\r\n        },\r\n        [Effect.ValueChange(value), Effect.CancelRequest],\r\n      ];\r\n    }\r\n    case 'TextChange': {\r\n      const newState = {\r\n        inputChanged: true,\r\n        textValue: action.value,\r\n      };\r\n      if (!action.value && !props.searchOnFocus) {\r\n        return [\r\n          {\r\n            ...newState,\r\n            opened: false,\r\n            items: null,\r\n          },\r\n          [Effect.InputChange],\r\n        ];\r\n      }\r\n      return [newState, [Effect.DebouncedSearch, Effect.InputChange]];\r\n    }\r\n    case 'KeyPress': {\r\n      const e = action.event as React.KeyboardEvent<HTMLElement>;\r\n      const effects = [];\r\n      let nextState = state;\r\n\r\n      switch (true) {\r\n        case isKeyEnter(e):\r\n          e.preventDefault();\r\n          effects.push(Effect.SelectMenuItem(e));\r\n          break;\r\n        case isKeyArrowVertical(e):\r\n          e.preventDefault();\r\n          effects.push(Effect.MoveMenuHighlight(isKeyArrowUp(e) ? 'up' : 'down'));\r\n          if (!state.opened) {\r\n            effects.push(Effect.Search(state.textValue));\r\n          }\r\n          break;\r\n        case isKeyEscape(e):\r\n          nextState = {\r\n            ...state,\r\n            items: null,\r\n            opened: false,\r\n          };\r\n          break;\r\n      }\r\n      return [nextState, [...effects, Effect.InputKeyDown(e)]];\r\n    }\r\n    case 'DidUpdate': {\r\n      if (isEqual(props.value, action.prevProps.value)) {\r\n        return state;\r\n      }\r\n\r\n      return {\r\n        opened: false,\r\n        textValue: state.editing ? state.textValue : getValueString(props.value, props.valueToString),\r\n      };\r\n    }\r\n    case 'Mount': {\r\n      return {\r\n        textValue: getValueString(props.value, props.valueToString),\r\n      };\r\n    }\r\n    case 'Focus': {\r\n      const newState = {\r\n        focused: true,\r\n        editing: true,\r\n      };\r\n      if (!props.searchOnFocus) {\r\n        return [newState, [Effect.Focus]];\r\n      }\r\n      if (state.editing) {\r\n        return [newState, [Effect.Search(state.textValue), Effect.Focus]];\r\n      }\r\n      return [newState, [Effect.Search(''), Effect.Focus, Effect.SelectInputText]];\r\n    }\r\n    case 'InputClick': {\r\n      if (!state.opened && props.searchOnFocus) {\r\n        return [state, [Effect.Search('')]];\r\n      }\r\n      return state;\r\n    }\r\n    case 'Blur': {\r\n      const { inputChanged, items } = state;\r\n      if (!inputChanged) {\r\n        return [\r\n          {\r\n            focused: false,\r\n            opened: false,\r\n            items: null,\r\n            editing: false,\r\n          },\r\n          [Effect.Blur, Effect.CancelRequest],\r\n        ];\r\n      }\r\n\r\n      return [\r\n        {\r\n          focused: false,\r\n          opened: false,\r\n          items: null,\r\n        },\r\n        [Effect.Blur, Effect.CancelRequest, Effect.UnexpectedInput(state.textValue, items)],\r\n      ];\r\n    }\r\n    case 'Reset': {\r\n      return DefaultState;\r\n    }\r\n    case 'Open': {\r\n      return { opened: true };\r\n    }\r\n    case 'Close': {\r\n      return { opened: false, items: null };\r\n    }\r\n    case 'Search': {\r\n      return [state, [Effect.Search(action.query)]];\r\n    }\r\n    case 'RequestItems': {\r\n      return {\r\n        loading: true,\r\n        opened: true,\r\n        requestStatus: ComboBoxRequestStatus.Pending,\r\n      };\r\n    }\r\n    case 'ReceiveItems': {\r\n      const shouldResetMenuHighlight = state.textValue === '';\r\n      return [\r\n        {\r\n          loading: false,\r\n          opened: true,\r\n          items: action.items,\r\n          requestStatus: ComboBoxRequestStatus.Success,\r\n        },\r\n        [shouldResetMenuHighlight ? Effect.ResetHighlightedMenuItem : Effect.HighlightMenuItem, Effect.Reflow],\r\n      ];\r\n    }\r\n    case 'RequestFailure': {\r\n      return [\r\n        {\r\n          loading: false,\r\n          opened: true,\r\n          items: null,\r\n          requestStatus: ComboBoxRequestStatus.Failed,\r\n          repeatRequest: action.repeatRequest,\r\n        },\r\n        [Effect.HighlightMenuItem],\r\n      ];\r\n    }\r\n    case 'CancelRequest': {\r\n      return {\r\n        loading: false,\r\n        requestStatus: ComboBoxRequestStatus.Unknown,\r\n      };\r\n    }\r\n    default: {\r\n      never(action);\r\n    }\r\n  }\r\n  return state;\r\n}\r\n"]}
+{"version":3,"sources":["CustomComboBoxReducer.tsx"],"names":["DEBOUNCE_DELAY","getValueString","value","valueToString","Effect","Search","query","dispatch","getState","getProps","getInstance","search","DebouncedSearch","searchEffect","textValue","CancelRequest","cancel","cancelSearch","Blur","onBlur","Focus","onFocus","ValueChange","onValueChange","UnexpectedInput","items","onUnexpectedInput","Array","isArray","length","singleItem","valueContent","type","keepFocus","undefined","InputChange","onInputValueChange","returnedValue","InputFocus","input","focus","HighlightMenuItem","itemToValue","focused","requestStatus","menu","valueString","index","findIndex","x","highlightItem","requestAnimationFrame","scrollToSelected","ComboBoxRequestStatus","Failed","down","SelectMenuItem","event","enter","MoveMenuHighlight","direction","ResetHighlightedMenuItem","combobox","hasHighlightedItem","reset","Reflow","LayoutEvents","emit","SelectInputText","selectInputText","InputKeyDown","onInputKeyDown","never","_","reducer","state","props","action","opened","inputChanged","editing","newState","searchOnFocus","e","effects","nextState","preventDefault","push","prevProps","DefaultState","loading","Pending","shouldResetMenuHighlight","Success","repeatRequest","Unknown"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debounce from 'lodash.debounce';\nimport isEqual from 'lodash.isequal';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyArrowUp, isKeyArrowVertical, isKeyEnter, isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\n\nimport { CustomComboBox, CustomComboBoxProps, CustomComboBoxState, DefaultState } from './CustomComboBox';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\n\nexport type CustomComboBoxAction<T> =\n  | { type: 'ValueChange'; value: T; keepFocus: boolean }\n  | { type: 'TextChange'; value: string }\n  | { type: 'KeyPress'; event: React.KeyboardEvent }\n  | {\n      type: 'DidUpdate';\n      prevProps: CustomComboBoxProps<T>;\n      prevState: CustomComboBoxState<T>;\n    }\n  | { type: 'Mount' }\n  | { type: 'Focus' }\n  | { type: 'InputClick' }\n  | { type: 'Blur' }\n  | { type: 'Reset' }\n  | { type: 'Open' }\n  | { type: 'Close' }\n  | { type: 'Search'; query: string }\n  | { type: 'RequestItems' }\n  | { type: 'ReceiveItems'; items: T[] }\n  | { type: 'RequestFailure'; repeatRequest: () => void }\n  | { type: 'CancelRequest' };\n\nexport type CustomComboBoxEffect<T> = (\n  dispatch: (action: CustomComboBoxAction<T>) => void,\n  getState: () => CustomComboBoxState<T>,\n  getProps: () => CustomComboBoxProps<T>,\n  getInstance: () => CustomComboBox<T>,\n) => void;\n\ntype Effect = CustomComboBoxEffect<any>;\n\ninterface EffectFactory {\n  Search: (query: string) => Effect;\n  DebouncedSearch: Effect & {\n    cancel(): void;\n    flush(): void;\n  };\n  CancelRequest: Effect;\n  Blur: Effect;\n  Focus: Effect;\n\n  ValueChange: (value: any) => Effect;\n  UnexpectedInput: (textValue: string, items: Nullable<any[]>) => Effect;\n  InputChange: Effect;\n  InputFocus: Effect;\n  HighlightMenuItem: Effect;\n  SelectMenuItem: (event: React.KeyboardEvent<HTMLElement>) => Effect;\n  InputKeyDown: (event: React.KeyboardEvent<HTMLElement>) => Effect;\n  MoveMenuHighlight: (direction: 'up' | 'down') => Effect;\n  ResetHighlightedMenuItem: Effect;\n  Reflow: Effect;\n  SelectInputText: Effect;\n}\n\nconst DEBOUNCE_DELAY = 300;\n\nconst getValueString = (value: any, valueToString: CustomComboBoxProps<any>['valueToString']) => {\n  return isNonNullable(value) ? valueToString(value) : '';\n};\n\nexport const Effect: EffectFactory = {\n  Search: (query) => (dispatch, getState, getProps, getInstance) => {\n    getInstance().search(query);\n  },\n  DebouncedSearch: debounce((dispatch, getState, getProps, getInstance) => {\n    const searchEffect = Effect.Search(getState().textValue);\n    searchEffect(dispatch, getState, getProps, getInstance);\n  }, DEBOUNCE_DELAY),\n  CancelRequest: (dispatch, getState, getProps, getInstance) => {\n    Effect.DebouncedSearch.cancel();\n    getInstance().cancelSearch();\n  },\n  Blur: (dispatch, getState, getProps) => {\n    const { onBlur } = getProps();\n    if (onBlur) {\n      onBlur();\n    }\n  },\n  Focus: (dispatch, getState, getProps) => {\n    const { onFocus } = getProps();\n    if (onFocus) {\n      onFocus();\n    }\n  },\n  ValueChange: (value) => (dispatch, getState, getProps) => {\n    const { onValueChange } = getProps();\n    if (onValueChange) {\n      onValueChange(value);\n    }\n  },\n  UnexpectedInput: (textValue, items) => (dispatch, getState, getProps) => {\n    const { onUnexpectedInput, valueToString } = getProps();\n\n    if (Array.isArray(items) && items.length === 1) {\n      const singleItem = items[0];\n      const valueContent = getValueString(singleItem, valueToString);\n\n      if (valueContent === textValue) {\n        dispatch({ type: 'ValueChange', value: singleItem, keepFocus: false });\n        return;\n      }\n    }\n\n    if (onUnexpectedInput) {\n      const value = onUnexpectedInput(textValue);\n      if (value !== undefined) {\n        dispatch({ type: 'ValueChange', value, keepFocus: false });\n      }\n    }\n  },\n  InputChange: (dispatch, getState, getProps) => {\n    const { onInputValueChange } = getProps();\n    const { textValue } = getState();\n    if (onInputValueChange) {\n      const returnedValue = onInputValueChange(textValue);\n      if (typeof returnedValue === 'string' && returnedValue !== textValue) {\n        dispatch({ type: 'TextChange', value: returnedValue });\n      }\n    }\n  },\n  InputFocus: (dispatch, getState, getProps, getInstance) => {\n    const { input } = getInstance();\n\n    if (!input) {\n      return;\n    }\n\n    input.focus();\n  },\n  HighlightMenuItem: (dispatch, getState, getProps, getInstance) => {\n    const { value, itemToValue, valueToString } = getProps();\n    const { items, focused, textValue, requestStatus } = getState();\n    const { menu } = getInstance();\n    const valueString = getValueString(value, valueToString);\n\n    if (!menu) {\n      return;\n    }\n\n    if (!focused) {\n      return;\n    }\n\n    let index = -1;\n    if (items && items.length && isNonNullable(value)) {\n      index = items.findIndex((x) => itemToValue(x) === itemToValue(value));\n    }\n    menu.highlightItem(index);\n\n    if (index >= 0) {\n      // FIXME: accessing private props\n      // @ts-ignore\n      requestAnimationFrame(() => menu && menu.scrollToSelected());\n      return;\n    }\n\n    if (textValue !== valueString || requestStatus === ComboBoxRequestStatus.Failed) {\n      requestAnimationFrame(() => menu && menu.down());\n    }\n  },\n  SelectMenuItem: (event) => (dispatch, getState, getProps, getInstance) => {\n    const { menu } = getInstance();\n    if (menu) {\n      menu.enter(event);\n    }\n  },\n  MoveMenuHighlight: (direction) => (dispatch, getState, getProps, getInstance) => {\n    const { menu } = getInstance();\n    if (menu) {\n      menu[direction]();\n    }\n  },\n  ResetHighlightedMenuItem: (dispatch, getState, getProps, getInstance) => {\n    const combobox = getInstance();\n\n    if (combobox.menu && combobox.menu.hasHighlightedItem()) {\n      combobox.menu.reset();\n    }\n  },\n  Reflow: () => {\n    LayoutEvents.emit();\n  },\n  SelectInputText: (dispatch, getState, getProps, getInstance) => {\n    const combobox = getInstance();\n    combobox.selectInputText();\n  },\n  InputKeyDown: (event) => (dispatch, getState, getProps, getInstance) => {\n    const { onInputKeyDown } = getProps();\n    if (onInputKeyDown) {\n      onInputKeyDown(event);\n    }\n  },\n};\n\nconst never = (_: never) => null;\n\nexport function reducer<T>(\n  state: CustomComboBoxState<T>,\n  props: CustomComboBoxProps<T>,\n  action: CustomComboBoxAction<T>,\n): Pick<CustomComboBoxState<T>, never> | [Pick<CustomComboBoxState<T>, never>, Array<CustomComboBoxEffect<T>>] {\n  switch (action.type) {\n    case 'ValueChange': {\n      const { value, keepFocus } = action;\n      const textValue = getValueString(value, props.valueToString);\n      if (keepFocus) {\n        return [\n          {\n            opened: false,\n            inputChanged: false,\n            editing: true,\n            items: null,\n            textValue,\n          },\n          [Effect.ValueChange(value), Effect.CancelRequest, Effect.InputFocus],\n        ];\n      }\n      return [\n        {\n          opened: false,\n          inputChanged: false,\n          editing: false,\n          items: null,\n          textValue,\n        },\n        [Effect.ValueChange(value), Effect.CancelRequest],\n      ];\n    }\n    case 'TextChange': {\n      const newState = {\n        inputChanged: true,\n        textValue: action.value,\n      };\n      if (!action.value && !props.searchOnFocus) {\n        return [\n          {\n            ...newState,\n            opened: false,\n            items: null,\n          },\n          [Effect.InputChange],\n        ];\n      }\n      return [newState, [Effect.DebouncedSearch, Effect.InputChange]];\n    }\n    case 'KeyPress': {\n      const e = action.event as React.KeyboardEvent<HTMLElement>;\n      const effects = [];\n      let nextState = state;\n\n      switch (true) {\n        case isKeyEnter(e):\n          e.preventDefault();\n          effects.push(Effect.SelectMenuItem(e));\n          break;\n        case isKeyArrowVertical(e):\n          e.preventDefault();\n          effects.push(Effect.MoveMenuHighlight(isKeyArrowUp(e) ? 'up' : 'down'));\n          if (!state.opened) {\n            effects.push(Effect.Search(state.textValue));\n          }\n          break;\n        case isKeyEscape(e):\n          nextState = {\n            ...state,\n            items: null,\n            opened: false,\n          };\n          break;\n      }\n      return [nextState, [...effects, Effect.InputKeyDown(e)]];\n    }\n    case 'DidUpdate': {\n      if (isEqual(props.value, action.prevProps.value)) {\n        return state;\n      }\n\n      return {\n        opened: false,\n        textValue: state.editing ? state.textValue : getValueString(props.value, props.valueToString),\n      };\n    }\n    case 'Mount': {\n      return {\n        textValue: getValueString(props.value, props.valueToString),\n      };\n    }\n    case 'Focus': {\n      const newState = {\n        focused: true,\n        editing: true,\n      };\n      if (!props.searchOnFocus) {\n        return [newState, [Effect.Focus]];\n      }\n      if (state.editing) {\n        return [newState, [Effect.Search(state.textValue), Effect.Focus]];\n      }\n      return [newState, [Effect.Search(''), Effect.Focus, Effect.SelectInputText]];\n    }\n    case 'InputClick': {\n      if (!state.opened && props.searchOnFocus) {\n        return [state, [Effect.Search('')]];\n      }\n      return state;\n    }\n    case 'Blur': {\n      const { inputChanged, items } = state;\n      if (!inputChanged) {\n        return [\n          {\n            focused: false,\n            opened: false,\n            items: null,\n            editing: false,\n          },\n          [Effect.Blur, Effect.CancelRequest],\n        ];\n      }\n\n      return [\n        {\n          focused: false,\n          opened: false,\n          items: null,\n        },\n        [Effect.Blur, Effect.CancelRequest, Effect.UnexpectedInput(state.textValue, items)],\n      ];\n    }\n    case 'Reset': {\n      return DefaultState;\n    }\n    case 'Open': {\n      return { opened: true };\n    }\n    case 'Close': {\n      return { opened: false, items: null };\n    }\n    case 'Search': {\n      return [state, [Effect.Search(action.query)]];\n    }\n    case 'RequestItems': {\n      return {\n        loading: true,\n        opened: true,\n        requestStatus: ComboBoxRequestStatus.Pending,\n      };\n    }\n    case 'ReceiveItems': {\n      const shouldResetMenuHighlight = state.textValue === '';\n      return [\n        {\n          loading: false,\n          opened: true,\n          items: action.items,\n          requestStatus: ComboBoxRequestStatus.Success,\n        },\n        [shouldResetMenuHighlight ? Effect.ResetHighlightedMenuItem : Effect.HighlightMenuItem, Effect.Reflow],\n      ];\n    }\n    case 'RequestFailure': {\n      return [\n        {\n          loading: false,\n          opened: true,\n          items: null,\n          requestStatus: ComboBoxRequestStatus.Failed,\n          repeatRequest: action.repeatRequest,\n        },\n        [Effect.HighlightMenuItem],\n      ];\n    }\n    case 'CancelRequest': {\n      return {\n        loading: false,\n        requestStatus: ComboBoxRequestStatus.Unknown,\n      };\n    }\n    default: {\n      never(action);\n    }\n  }\n  return state;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["CustomComboBoxTypes.ts"],"names":["ComboBoxRequestStatus"],"mappings":"kFAAYA,qB,kEAAAA,qB,GAAAA,qB,CAAAA,qB,6BAAAA,qB,CAAAA,qB,6BAAAA,qB,CAAAA,qB,2BAAAA,qB,CAAAA,qB,gCAAAA,qB,qCAAAA,qB","sourcesContent":["export enum ComboBoxRequestStatus {\r\n  Pending,\r\n  Success,\r\n  Failed,\r\n  Unknown,\r\n}\r\n"]}
+{"version":3,"sources":["CustomComboBoxTypes.ts"],"names":["ComboBoxRequestStatus"],"mappings":"kFAAYA,qB,kEAAAA,qB,GAAAA,qB,CAAAA,qB,6BAAAA,qB,CAAAA,qB,6BAAAA,qB,CAAAA,qB,2BAAAA,qB,CAAAA,qB,gCAAAA,qB,qCAAAA,qB","sourcesContent":["export enum ComboBoxRequestStatus {\n  Pending,\n  Success,\n  Failed,\n  Unknown,\n}\n"]}

package/cjs/internal/CustomComboBox/index.js

@@ -1,2 +1,2 @@
-"use strict";exports.__esModule = true;var _CustomComboBox = require("./CustomComboBox");Object.keys(_CustomComboBox).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _CustomComboBox[key];});
-var _ComboBoxMenu = require("./ComboBoxMenu");Object.keys(_ComboBoxMenu).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _ComboBoxMenu[key];});
+"use strict";exports.__esModule = true;var _CustomComboBox = require("./CustomComboBox");Object.keys(_CustomComboBox).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _CustomComboBox[key]) return;exports[key] = _CustomComboBox[key];});
+var _ComboBoxMenu = require("./ComboBoxMenu");Object.keys(_ComboBoxMenu).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ComboBoxMenu[key]) return;exports[key] = _ComboBoxMenu[key];});

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

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA;AACA","sourcesContent":["export * from './CustomComboBox';\r\nexport * from './ComboBoxMenu';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA;AACA","sourcesContent":["export * from './CustomComboBox';\nexport * from './ComboBoxMenu';\n"]}

package/cjs/internal/CustomComboBox/locale/index.js

@@ -4,7 +4,7 @@ var _en = require("./locales/en");
 var _ru = require("./locales/ru");
 
 
-var _types = require("./types");Object.keys(_types).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;exports[key] = _types[key];});
+var _types = require("./types");Object.keys(_types).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _types[key]) return;exports[key] = _types[key];});
 
 var CustomComboBoxLocaleHelper = new _LocaleHelper.LocaleHelper({
   ru_RU: _ru.componentsLocales,

package/cjs/internal/CustomComboBox/locale/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["CustomComboBoxLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"2IAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,0BAA0B,GAAG,IAAIC,0BAAJ,CAAiC;AACzEC,EAAAA,KAAK,EAALA,qBADyE;AAEzEC,EAAAA,KAAK,EAALA,qBAFyE,EAAjC,CAAnC,C","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\r\n\r\nimport  { componentsLocales as en_GB } from './locales/en';\r\nimport  { componentsLocales as ru_RU } from './locales/ru';\r\nimport { ComboBoxLocale } from './types';\r\n\r\nexport * from './types';\r\n\r\nexport const CustomComboBoxLocaleHelper = new LocaleHelper<ComboBoxLocale>({\r\n  ru_RU,\r\n  en_GB,\r\n});\r\n"]}
+{"version":3,"sources":["index.ts"],"names":["CustomComboBoxLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"2IAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,0BAA0B,GAAG,IAAIC,0BAAJ,CAAiC;AACzEC,EAAAA,KAAK,EAALA,qBADyE;AAEzEC,EAAAA,KAAK,EAALA,qBAFyE,EAAjC,CAAnC,C","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { ComboBoxLocale } from './types';\n\nexport * from './types';\n\nexport const CustomComboBoxLocaleHelper = new LocaleHelper<ComboBoxLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/cjs/internal/CustomComboBox/locale/locales/en.js.map

@@ -1 +1 @@
-{"version":3,"sources":["en.ts"],"names":["componentsLocales","notFound","errorNetworkButton","errorNetworkMessage"],"mappings":";;AAEO,IAAMA,iBAAiC,GAAG;AAC/CC,EAAAA,QAAQ,EAAE,WADqC;AAE/CC,EAAAA,kBAAkB,EAAE,SAF2B;AAG/CC,EAAAA,mBAAmB,EAAE,oEAH0B,EAA1C,C","sourcesContent":["import { ComboBoxLocale } from '../types';\r\n\r\nexport const componentsLocales: ComboBoxLocale = {\r\n  notFound: 'Not found',\r\n  errorNetworkButton: 'Refresh',\r\n  errorNetworkMessage: 'Something went wrong. Check your internet connection and try again',\r\n};\r\n"]}
+{"version":3,"sources":["en.ts"],"names":["componentsLocales","notFound","errorNetworkButton","errorNetworkMessage"],"mappings":";;AAEO,IAAMA,iBAAiC,GAAG;AAC/CC,EAAAA,QAAQ,EAAE,WADqC;AAE/CC,EAAAA,kBAAkB,EAAE,SAF2B;AAG/CC,EAAAA,mBAAmB,EAAE,oEAH0B,EAA1C,C","sourcesContent":["import { ComboBoxLocale } from '../types';\n\nexport const componentsLocales: ComboBoxLocale = {\n  notFound: 'Not found',\n  errorNetworkButton: 'Refresh',\n  errorNetworkMessage: 'Something went wrong. Check your internet connection and try again',\n};\n"]}

package/cjs/internal/CustomComboBox/locale/locales/ru.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ru.ts"],"names":["componentsLocales","notFound","errorNetworkButton","errorNetworkMessage"],"mappings":";;AAEO,IAAMA,iBAAiC,GAAG;AAC/CC,EAAAA,QAAQ,EAAE,YADqC;AAE/CC,EAAAA,kBAAkB,EAAE,UAF2B;AAG/CC,EAAAA,mBAAmB,EAAE,6EAH0B,EAA1C,C","sourcesContent":["import { ComboBoxLocale } from '../types';\r\n\r\nexport const componentsLocales: ComboBoxLocale = {\r\n  notFound: 'Не найдено',\r\n  errorNetworkButton: 'Обновить',\r\n  errorNetworkMessage: 'Что-то пошло не так. Проверьте соединение с интернетом и попробуйте еще раз',\r\n};\r\n"]}
+{"version":3,"sources":["ru.ts"],"names":["componentsLocales","notFound","errorNetworkButton","errorNetworkMessage"],"mappings":";;AAEO,IAAMA,iBAAiC,GAAG;AAC/CC,EAAAA,QAAQ,EAAE,YADqC;AAE/CC,EAAAA,kBAAkB,EAAE,UAF2B;AAG/CC,EAAAA,mBAAmB,EAAE,6EAH0B,EAA1C,C","sourcesContent":["import { ComboBoxLocale } from '../types';\n\nexport const componentsLocales: ComboBoxLocale = {\n  notFound: 'Не найдено',\n  errorNetworkButton: 'Обновить',\n  errorNetworkMessage: 'Что-то пошло не так. Проверьте соединение с интернетом и попробуйте еще раз',\n};\n"]}

package/cjs/internal/DateSelect/DateSelect.d.ts

@@ -56,6 +56,7 @@ export declare class DateSelect extends React.Component<DateSelectProps, DateSel
     private longClickTimer;
     private setPositionRepeatTimer;
     private yearStep;
+    private touchStartY;
     UNSAFE_componentWillReceiveProps(): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
@@ -79,6 +80,8 @@ export declare class DateSelect extends React.Component<DateSelectProps, DateSel
     private handleLongClickStop;
     private getAnchor;
     private handleWheel;
+    private handleTouchStart;
+    private handleTouchMove;
     private handleItemClick;
     private handleKey;
     private handleUp;

package/cjs/internal/DateSelect/DateSelect.js

@@ -1,6 +1,5 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");exports.__esModule = true;exports.DateSelect = void 0;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 _classnames = _interopRequireDefault(require("classnames"));
 
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _locale = require("../../components/DatePicker/locale");
@@ -12,6 +11,8 @@ var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _px = require("../icons/16px");
+var _client = require("../../lib/client");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _DateSelect = require("./DateSelect.styles");var _dec, _class, _class2, _temp;
 
@@ -90,6 +91,7 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
     longClickTimer = 0;_this.
     setPositionRepeatTimer = 0;_this.
     yearStep = 3;_this.
+    touchStartY = null;_this.
 
 
 
@@ -338,6 +340,18 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
       if (_this.itemsContainer && !element) {
         _this.itemsContainer.removeEventListener('wheel', _this.handleWheel);
       }
+
+      if (_client.isMobile) {
+        if (!_this.itemsContainer && element) {
+          element.addEventListener('touchstart', _this.handleTouchStart);
+          element.addEventListener('touchmove', _this.handleTouchMove);
+        }
+        if (_this.itemsContainer && !element) {
+          _this.itemsContainer.removeEventListener('touchstart', _this.handleTouchStart);
+          _this.itemsContainer.removeEventListener('touchmove', _this.handleTouchMove);
+        }
+      }
+
       _this.itemsContainer = element;
     };_this.
 
@@ -379,6 +393,30 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
       _this.setPosition(pos);
     };_this.
 
+    handleTouchStart = function (event) {
+      if (!(event instanceof TouchEvent)) {
+        return;
+      }
+
+      _this.touchStartY = event.targetTouches[0].clientY;
+    };_this.
+
+    handleTouchMove = function (event) {
+      if (!(event instanceof TouchEvent)) {
+        return;
+      }var
+
+      clientY = event.changedTouches[0].clientY;
+      var pixelRatio = window.devicePixelRatio;
+
+      var deltaY = ((_this.touchStartY || 0) - clientY) / pixelRatio;
+      var pos = _this.state.pos + deltaY + deltaY / itemHeight;
+
+      _this.touchStartY = clientY;
+
+      _this.setPosition(pos);
+    };_this.
+
     handleItemClick = function (shift) {
       return function (e) {
         var value = _this.props.value + shift;
@@ -405,9 +443,9 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
     handleDown = function (event) {
       event.preventDefault();
       _this.setPosition(_this.state.pos + itemHeight * _this.yearStep);
-    };return _this;}var _proto = DateSelect.prototype;_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps() {this.setNodeTop();};_proto.componentDidMount = function componentDidMount() {this.listener = LayoutEvents.addListener(this.setNodeTop);this.setNodeTop();window.addEventListener('keydown', this.handleKey);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.listener) {this.listener.remove();}if (this.timeout) {clearTimeout(this.timeout);}if (this.longClickTimer) {clearTimeout(this.longClickTimer);}if (this.setPositionRepeatTimer) {clearTimeout(this.setPositionRepeatTimer);}window.removeEventListener('keydown', this.handleKey);} /**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        * @public
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        */;_proto.render = function render() {var _this2 = this;return _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cn, _cn2;var _this$props = this.props,width = _this$props.width,disabled = _this$props.disabled;var rootProps = { className: (0, _classnames.default)((_cn = {}, _cn[_DateSelect.jsStyles.root(this.theme)] = true, _cn[_DateSelect.jsStyles.disabled()] = Boolean(disabled), _cn)), style: { width: width }, ref: this.refRoot };return _react.default.createElement("span", rootProps, _react.default.createElement("div", { "data-tid": "DateSelect__caption", className: _DateSelect.jsStyles.caption(), onClick: this.open }, this.getItem(0), _react.default.createElement("div", { className: (0, _classnames.default)((_cn2 = {}, _cn2[_DateSelect.jsStyles.arrow(this.theme)] = true, _cn2[_DateSelect.jsStyles.arrowDisabled()] = Boolean(disabled), _cn2)) }, _react.default.createElement(_px.ArrowTriangleUpDownIcon, { size: 12 }))), this.state.opened && this.renderMenu());};_proto.disableItems = function disableItems(index) {var value = this.props.value + index;if (this.props.maxValue != null && this.props.minValue != null) {return value > this.props.maxValue || value < this.props.minValue;}if (this.props.minValue != null) {return value < this.props.minValue;}if (this.props.maxValue != null) {return value > this.props.maxValue;}};_proto.renderMenu = function renderMenu() {var _this3 = this,_cn3;var _this$state = this.state,top = _this$state.top,height = _this$state.height,nodeTop = _this$state.nodeTop;var shift = this.state.pos % itemHeight;if (shift < 0) {shift += itemHeight;}var from = (this.state.pos - shift + top) / itemHeight;var to = from + Math.ceil((height + shift) / itemHeight);var items = [];var _loop = function _loop(i) {var _cn4;var disableItems = _this3.disableItems(i) || false;var className = (0, _classnames.default)((_cn4 = {}, _cn4[_DateSelect.jsStyles.menuItem(_this3.theme)] = true, _cn4[_DateSelect.jsStyles.menuItemSelected(_this3.theme)] = i === 0, _cn4[_DateSelect.jsStyles.menuItemActive(_this3.theme)] = i === _this3.state.current, _cn4[_DateSelect.jsStyles.menuItemDisabled(_this3.theme)] = disableItems, _cn4));var clickHandler = { onMouseDown: preventDefault, onClick: _this3.handleItemClick(i) };items.push(_react.default.createElement("div", (0, _extends2.default)({ "data-tid": "DateSelect__menuItem", "data-prop-disabled": disableItems, key: i, className: className, onMouseEnter: function onMouseEnter() {return _this3.setState({ current: i });}, onMouseLeave: function onMouseLeave() {return _this3.setState({ current: null });} }, clickHandler), _this3.getItem(i)));};for (var i = from; i < to; ++i) {_loop(i);}var style = { top: top - 5, left: 0, right: 0 };var shiftStyle = { position: 'relative', top: -shift };var holderClass = (0, _classnames.default)((_cn3 = {}, _cn3[_DateSelect.jsStyles.menuHolder(this.theme)] = true, _cn3[_DateSelect.jsStyles.isTopCapped()] = this.state.topCapped, _cn3[_DateSelect.jsStyles.isBotCapped()] = this.state.botCapped, _cn3));var dropdownOffset = -itemHeight;if (nodeTop < -top) {var overflowOffsetDelta = this.state.topCapped ? 6 : 17;dropdownOffset -= nodeTop + top - overflowOffsetDelta;}return _react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close, onFocusOutside: this.close, active: true }, _react.default.createElement("div", null, _react.default.createElement(_DropdownContainer.DropdownContainer, { getParent: this.getAnchor, offsetY: dropdownOffset, offsetX: -10 }, _react.default.createElement("div", { className: holderClass, style: style }, !this.state.topCapped && _react.default.createElement("div", { className: _DateSelect.jsStyles.menuUp(this.theme), onClick: this.handleUp, onMouseDown: this.handleLongClickUp, onMouseUp: this.handleLongClickStop, onMouseLeave: this.handleLongClickStop, onTouchStart: this.handleLongClickUp, onTouchEnd: this.handleLongClickStop }, _react.default.createElement("span", null, _react.default.createElement(_px.ArrowTriangleUpIcon, null))), _react.default.createElement("div", { className: _DateSelect.jsStyles.itemsHolder(), style: { height: height } }, _react.default.createElement("div", { ref: this.refItemsContainer, style: shiftStyle }, items)), !this.state.botCapped && _react.default.createElement("div", { className: _DateSelect.jsStyles.menuDown(this.theme), onClick: this.handleDown, onMouseDown: this.handleLongClickDown, onMouseUp: this.handleLongClickStop, onMouseLeave: this.handleLongClickStop, onTouchStart: this.handleLongClickDown, onTouchEnd: this.handleLongClickStop }, _react.default.createElement("span", null, _react.default.createElement(_px.ArrowTriangleDownIcon, null)))))));};_proto.getItem = function getItem(index) {
+    };return _this;}var _proto = DateSelect.prototype;_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps() {this.setNodeTop();};_proto.componentDidMount = function componentDidMount() {this.listener = LayoutEvents.addListener(this.setNodeTop);this.setNodeTop();window.addEventListener('keydown', this.handleKey);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.listener) {this.listener.remove();}if (this.timeout) {clearTimeout(this.timeout);}if (this.longClickTimer) {clearTimeout(this.longClickTimer);}if (this.setPositionRepeatTimer) {clearTimeout(this.setPositionRepeatTimer);}window.removeEventListener('keydown', this.handleKey);} /**
+   * @public
+   */;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx, _cx2;var _this$props = this.props,width = _this$props.width,disabled = _this$props.disabled;var rootProps = { className: (0, _Emotion.cx)((_cx = {}, _cx[_DateSelect.styles.root(this.theme)] = true, _cx[_DateSelect.styles.disabled()] = Boolean(disabled), _cx)), style: { width: width }, ref: this.refRoot };return /*#__PURE__*/_react.default.createElement("span", rootProps, /*#__PURE__*/_react.default.createElement("div", { "data-tid": "DateSelect__caption", className: _DateSelect.styles.caption(), onClick: this.open }, this.getItem(0), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_DateSelect.styles.arrow(this.theme)] = true, _cx2[_DateSelect.styles.arrowDisabled()] = Boolean(disabled), _cx2)) }, /*#__PURE__*/_react.default.createElement(_px.ArrowTriangleUpDownIcon, { size: 12 }))), this.state.opened && this.renderMenu());};_proto.disableItems = function disableItems(index) {var value = this.props.value + index;if (this.props.maxValue != null && this.props.minValue != null) {return value > this.props.maxValue || value < this.props.minValue;}if (this.props.minValue != null) {return value < this.props.minValue;}if (this.props.maxValue != null) {return value > this.props.maxValue;}};_proto.renderMenu = function renderMenu() {var _this3 = this,_cx3;var _this$state = this.state,top = _this$state.top,height = _this$state.height,nodeTop = _this$state.nodeTop;var shift = this.state.pos % itemHeight;if (shift < 0) {shift += itemHeight;}var from = (this.state.pos - shift + top) / itemHeight;var to = from + Math.ceil((height + shift) / itemHeight);var items = [];var _loop = function _loop(i) {var _cx4;var disableItems = _this3.disableItems(i) || false;var className = (0, _Emotion.cx)((_cx4 = {}, _cx4[_DateSelect.styles.menuItem(_this3.theme)] = true, _cx4[_DateSelect.styles.menuItemSelected(_this3.theme)] = i === 0, _cx4[_DateSelect.styles.menuItemActive(_this3.theme)] = i === _this3.state.current, _cx4[_DateSelect.styles.menuItemDisabled(_this3.theme)] = disableItems, _cx4));var clickHandler = { onMouseDown: preventDefault, onClick: _this3.handleItemClick(i) };items.push( /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ "data-tid": "DateSelect__menuItem", "data-prop-disabled": disableItems, key: i, className: className, onMouseEnter: function onMouseEnter() {return _this3.setState({ current: i });}, onMouseLeave: function onMouseLeave() {return _this3.setState({ current: null });} }, clickHandler), _this3.getItem(i)));};for (var i = from; i < to; ++i) {_loop(i);}var style = { top: top - 5, left: 0, right: 0 };var shiftStyle = { position: 'relative', top: -shift };var holderClass = (0, _Emotion.cx)((_cx3 = {}, _cx3[_DateSelect.styles.menuHolder(this.theme)] = true, _cx3[_DateSelect.styles.isTopCapped()] = this.state.topCapped, _cx3[_DateSelect.styles.isBotCapped()] = this.state.botCapped, _cx3));var dropdownOffset = -itemHeight;if (nodeTop < -top) {var overflowOffsetDelta = this.state.topCapped ? 6 : 17;dropdownOffset -= nodeTop + top - overflowOffsetDelta;}return /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close, onFocusOutside: this.close, active: true }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_DropdownContainer.DropdownContainer, { getParent: this.getAnchor, offsetY: dropdownOffset, offsetX: -10 }, /*#__PURE__*/_react.default.createElement("div", { className: holderClass, style: style }, !this.state.topCapped && /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_DateSelect.styles.menu(this.theme), _DateSelect.styles.menuUp()), onClick: this.handleUp, onMouseDown: this.handleLongClickUp, onMouseUp: this.handleLongClickStop, onMouseLeave: this.handleLongClickStop, onTouchStart: this.handleLongClickUp, onTouchEnd: this.handleLongClickStop }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_px.ArrowChevronUpIcon, null))), /*#__PURE__*/_react.default.createElement("div", { className: _DateSelect.styles.itemsHolder(), style: { height: height } }, /*#__PURE__*/_react.default.createElement("div", { ref: this.refItemsContainer, style: shiftStyle }, items)), !this.state.botCapped && /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_DateSelect.styles.menu(this.theme), _DateSelect.styles.menuDown()), onClick: this.handleDown, onMouseDown: this.handleLongClickDown, onMouseUp: this.handleLongClickStop, onMouseLeave: this.handleLongClickStop, onTouchStart: this.handleLongClickDown, onTouchEnd: this.handleLongClickStop }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_px.ArrowChevronDownIcon, null)))))));};_proto.getItem = function getItem(index) {
     var value = this.props.value + index;
     if (this.props.type === 'month') {
       return this.locale.months[value];