@skbkontur/react-ui 0.0.0-aaf2aabecb → 0.0.0-bb4cbfe9c6

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

@@ -1 +1 @@
-{"version":3,"sources":["CustomComboBoxReducer.tsx"],"names":["debounce","isEqual","isKeyArrowUp","isKeyArrowVertical","isKeyEnter","isKeyEscape","LayoutEvents","DefaultState","ComboBoxRequestStatus","DEBOUNCE_DELAY","getValueString","value","valueToString","Effect","Search","query","dispatch","getState","getProps","getInstance","search","DebouncedSearch","searchEffect","textValue","CancelRequest","cancelSearch","Blur","onBlur","cancel","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","Failed","down","SelectMenuItem","event","enter","MoveMenuHighlight","direction","ResetHighlightedMenuItem","combobox","hasHighlightedItem","reset","Reflow","emit","SelectInputText","selectInputText","InputKeyDown","onInputKeyDown","never","_","reducer","state","props","action","opened","inputChanged","editing","newState","searchOnFocus","e","effects","nextState","preventDefault","push","prevProps","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    getInstance().cancelSearch();\r\n  },\r\n  Blur: (dispatch, getState, getProps) => {\r\n    const { onBlur } = getProps();\r\n\r\n    Effect.DebouncedSearch.cancel();\r\n\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","isEqual","isNonNullable","isKeyArrowUp","isKeyArrowVertical","isKeyEnter","isKeyEscape","LayoutEvents","DefaultState","ComboBoxRequestStatus","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","Failed","down","SelectMenuItem","event","enter","MoveMenuHighlight","direction","ResetHighlightedMenuItem","combobox","hasHighlightedItem","reset","Reflow","emit","SelectInputText","selectInputText","InputKeyDown","onInputKeyDown","never","_","reducer","state","props","action","opened","inputChanged","editing","newState","searchOnFocus","e","effects","nextState","preventDefault","push","prevProps","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/internal/CustomComboBox/CustomComboBoxReducer/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "..\\..\\..\\cjs\\internal\\CustomComboBox\\CustomComboBoxReducer.js",
+  "main": "../../../cjs/internal/CustomComboBox/CustomComboBoxReducer.js",
   "module": "CustomComboBoxReducer",
-  "types": "..\\CustomComboBoxReducer.d.ts",
+  "types": "../CustomComboBoxReducer.d.ts",
   "sideEffects": false
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["CustomComboBoxTypes.ts"],"names":["ComboBoxRequestStatus"],"mappings":"AAAA,WAAYA,qBAAZ,C,WAAYA,qB,GAAAA,qB,CAAAA,qB,6BAAAA,qB,CAAAA,qB,6BAAAA,qB,CAAAA,qB,2BAAAA,qB,CAAAA,qB,gCAAAA,qB,KAAAA,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":"AAAA,WAAYA,qBAAZ,C,WAAYA,qB,GAAAA,qB,CAAAA,qB,6BAAAA,qB,CAAAA,qB,6BAAAA,qB,CAAAA,qB,2BAAAA,qB,CAAAA,qB,gCAAAA,qB,KAAAA,qB","sourcesContent":["export enum ComboBoxRequestStatus {\n  Pending,\n  Success,\n  Failed,\n  Unknown,\n}\n"]}

package/internal/CustomComboBox/CustomComboBoxTypes/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "..\\..\\..\\cjs\\internal\\CustomComboBox\\CustomComboBoxTypes.js",
+  "main": "../../../cjs/internal/CustomComboBox/CustomComboBoxTypes.js",
   "module": "CustomComboBoxTypes",
-  "types": "..\\CustomComboBoxTypes.d.ts",
+  "types": "../CustomComboBoxTypes.d.ts",
   "sideEffects": false
 }

package/internal/CustomComboBox/index/index.js

@@ -1,2 +1,2 @@
-export * from "..\\CustomComboBox";
-export * from "..\\ComboBoxMenu";
+export * from "../CustomComboBox";
+export * from "../ComboBoxMenu";

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

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

package/internal/CustomComboBox/index/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "..\\..\\..\\cjs\\internal\\CustomComboBox\\index.js",
+  "main": "../../../cjs/internal/CustomComboBox/index.js",
   "module": "index",
-  "types": "..\\index.d.ts",
+  "types": "../index.d.ts",
   "sideEffects": false
 }

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

@@ -1,7 +1,7 @@
-import { LocaleHelper } from "..\\..\\..\\..\\lib\\locale\\LocaleHelper";
-import { componentsLocales as en_GB } from "..\\locales\\en";
-import { componentsLocales as ru_RU } from "..\\locales\\ru";
-export * from "..\\types";
+import { LocaleHelper } from "../../../../lib/locale/LocaleHelper";
+import { componentsLocales as en_GB } from "../locales/en";
+import { componentsLocales as ru_RU } from "../locales/ru";
+export * from "../types";
 export var CustomComboBoxLocaleHelper = new LocaleHelper({
   ru_RU: ru_RU,
   en_GB: en_GB

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","CustomComboBoxLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAAUC,iBAAiB,IAAIC,KAA/B,QAA4C,cAA5C;AACA,SAAUD,iBAAiB,IAAIE,KAA/B,QAA4C,cAA5C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,0BAA0B,GAAG,IAAIJ,YAAJ,CAAiC;AACzEG,EAAAA,KAAK,EAALA,KADyE;AAEzED,EAAAA,KAAK,EAALA,KAFyE,EAAjC,CAAnC","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":["LocaleHelper","componentsLocales","en_GB","ru_RU","CustomComboBoxLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAASC,iBAAiB,IAAIC,KAA9B,QAA2C,cAA3C;AACA,SAASD,iBAAiB,IAAIE,KAA9B,QAA2C,cAA3C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,0BAA0B,GAAG,IAAIJ,YAAJ,CAAiC;AACzEG,EAAAA,KAAK,EAALA,KADyE;AAEzED,EAAAA,KAAK,EAALA,KAFyE,EAAjC,CAAnC","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/internal/CustomComboBox/locale/index/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "..\\..\\..\\..\\cjs\\internal\\CustomComboBox\\locale\\index.js",
+  "main": "../../../../cjs/internal/CustomComboBox/locale/index.js",
   "module": "index",
-  "types": "..\\index.d.ts",
+  "types": "../index.d.ts",
   "sideEffects": false
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["en.ts"],"names":["componentsLocales","notFound","errorNetworkButton","errorNetworkMessage"],"mappings":";;AAEA,OAAO,IAAMA,iBAAiC,GAAG;AAC/CC,EAAAA,QAAQ,EAAE,WADqC;AAE/CC,EAAAA,kBAAkB,EAAE,SAF2B;AAG/CC,EAAAA,mBAAmB,EAAE,oEAH0B,EAA1C","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":";;AAEA,OAAO,IAAMA,iBAAiC,GAAG;AAC/CC,EAAAA,QAAQ,EAAE,WADqC;AAE/CC,EAAAA,kBAAkB,EAAE,SAF2B;AAG/CC,EAAAA,mBAAmB,EAAE,oEAH0B,EAA1C","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/internal/CustomComboBox/locale/locales/en/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "..\\..\\..\\..\\..\\cjs\\internal\\CustomComboBox\\locale\\locales\\en.js",
+  "main": "../../../../../cjs/internal/CustomComboBox/locale/locales/en.js",
   "module": "en",
-  "types": "..\\en.d.ts",
+  "types": "../en.d.ts",
   "sideEffects": false
 }

package/internal/CustomComboBox/locale/locales/ru/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "..\\..\\..\\..\\..\\cjs\\internal\\CustomComboBox\\locale\\locales\\ru.js",
+  "main": "../../../../../cjs/internal/CustomComboBox/locale/locales/ru.js",
   "module": "ru",
-  "types": "..\\ru.d.ts",
+  "types": "../ru.d.ts",
   "sideEffects": false
 }

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

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

package/internal/CustomComboBox/locale/package.json

@@ -1,5 +1,5 @@
 {
-  "main": "..\\..\\..\\cjs\\internal\\CustomComboBox\\locale\\index.js",
+  "main": "../../../cjs/internal/CustomComboBox/locale/index.js",
   "module": "index",
   "types": "index.d.ts",
   "sideEffects": false

package/internal/CustomComboBox/locale/types/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "..\\..\\..\\..\\cjs\\internal\\CustomComboBox\\locale\\types.js",
+  "main": "../../../../cjs/internal/CustomComboBox/locale/types.js",
   "module": "types",
-  "types": "..\\types.d.ts",
+  "types": "../types.d.ts",
   "sideEffects": false
 }

package/internal/CustomComboBox/locale/types/types.js

@@ -0,0 +1 @@
+export {};

package/internal/CustomComboBox/package.json

@@ -1,5 +1,5 @@
 {
-  "main": "..\\..\\cjs\\internal\\CustomComboBox\\index.js",
+  "main": "../../cjs/internal/CustomComboBox/index.js",
   "module": "index",
   "types": "index.d.ts",
   "sideEffects": false

package/internal/DateSelect/DateSelect/DateSelect.js

@@ -5,26 +5,25 @@ var _dec, _class, _class2, _temp;
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import cn from 'classnames';
-import { isKeyEscape } from "..\\..\\..\\lib\\events\\keyboard\\identifiers";
-import { DatePickerLocaleHelper } from "..\\..\\..\\components\\DatePicker\\locale";
-import { locale } from "..\\..\\..\\lib\\locale\\decorators";
-import { RenderLayer } from "..\\..\\RenderLayer";
-import { DropdownContainer } from "..\\..\\DropdownContainer";
-import * as LayoutEvents from "..\\..\\..\\lib\\LayoutEvents";
-import { ThemeContext } from "..\\..\\..\\lib\\theming\\ThemeContext";
-import { ArrowTriangleDownIcon, ArrowTriangleUpDownIcon, ArrowTriangleUpIcon } from "..\\..\\icons\\16px";
-import { jsStyles } from "..\\DateSelect.styles";
+import { isKeyEscape } from "../../../lib/events/keyboard/identifiers";
+import { DatePickerLocaleHelper } from "../../../components/DatePicker/locale";
+import { locale } from "../../../lib/locale/decorators";
+import { RenderLayer } from "../../RenderLayer";
+import { DropdownContainer } from "../../DropdownContainer";
+import * as LayoutEvents from "../../../lib/LayoutEvents";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { ArrowTriangleUpDownIcon, ArrowChevronDownIcon, ArrowChevronUpIcon } from "../../icons/16px";
+import { isMobile } from "../../../lib/client";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../DateSelect.styles";
 var itemHeight = 24;
 var visibleYearsCount = 11;
 var itemsToMoveCount = -5;
 var monthsCount = 12;
 var defaultMinYear = 1900;
 var defaultMaxYear = 2100;
-export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_React$Component) {
-  _inheritsLoose(DateSelect, _React$Component);
+export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
+  _inheritsLoose(DateSelect, _React$PureComponent);
 
   function DateSelect() {
     var _this;
@@ -33,7 +32,7 @@ function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
     _this.state = {
       botCapped: false,
       current: 0,
@@ -44,15 +43,12 @@ function (_React$Component) {
       topCapped: false,
       nodeTop: Infinity
     };
-    _this.theme = void 0;
-    _this.locale = void 0;
     _this.root = null;
     _this.itemsContainer = null;
-    _this.listener = void 0;
-    _this.timeout = void 0;
     _this.longClickTimer = 0;
     _this.setPositionRepeatTimer = 0;
     _this.yearStep = 3;
+    _this.touchStartY = null;
 
     _this.open = function () {
       if (_this.props.disabled) {
@@ -114,6 +110,19 @@ function (_React$Component) {
         _this.itemsContainer.removeEventListener('wheel', _this.handleWheel);
       }
 
+      if (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;
     };
 
@@ -164,6 +173,28 @@ function (_React$Component) {
       _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;
@@ -205,7 +236,7 @@ function (_React$Component) {
 
   var _proto = DateSelect.prototype;
 
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps() {
+  _proto.componentDidUpdate = function componentDidUpdate() {
     this.setNodeTop();
   };
 
@@ -234,40 +265,40 @@ function (_React$Component) {
 
     window.removeEventListener('keydown', this.handleKey);
   }
-  /**
-   * @public
-   */
+  /**
+  * @public
+  */
   ;
 
   _proto.render = function render() {
     var _this2 = this;
 
-    return React.createElement(ThemeContext.Consumer, null, function (theme) {
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this2.theme = theme;
       return _this2.renderMain();
     });
   };
 
   _proto.renderMain = function renderMain() {
-    var _cn, _cn2;
+    var _cx, _cx2;
 
     var _this$props = this.props,
         width = _this$props.width,
         disabled = _this$props.disabled;
     var rootProps = {
-      className: cn((_cn = {}, _cn[jsStyles.root(this.theme)] = true, _cn[jsStyles.disabled()] = Boolean(disabled), _cn)),
+      className: cx((_cx = {}, _cx[styles.root(this.theme)] = true, _cx[styles.disabled()] = Boolean(disabled), _cx)),
       style: {
         width: width
       },
       ref: this.refRoot
     };
-    return React.createElement("span", rootProps, React.createElement("div", {
+    return /*#__PURE__*/React.createElement("span", rootProps, /*#__PURE__*/React.createElement("div", {
       "data-tid": "DateSelect__caption",
-      className: jsStyles.caption(),
+      className: styles.caption(),
       onClick: this.open
-    }, this.getItem(0), React.createElement("div", {
-      className: cn((_cn2 = {}, _cn2[jsStyles.arrow(this.theme)] = true, _cn2[jsStyles.arrowDisabled()] = Boolean(disabled), _cn2))
-    }, React.createElement(ArrowTriangleUpDownIcon, {
+    }, this.getItem(0), /*#__PURE__*/React.createElement("div", {
+      className: cx((_cx2 = {}, _cx2[styles.arrow(this.theme)] = true, _cx2[styles.arrowDisabled()] = Boolean(disabled), _cx2))
+    }, /*#__PURE__*/React.createElement(ArrowTriangleUpDownIcon, {
       size: 12
     }))), this.state.opened && this.renderMenu());
   };
@@ -290,7 +321,7 @@ function (_React$Component) {
 
   _proto.renderMenu = function renderMenu() {
     var _this3 = this,
-        _cn3;
+        _cx3;
 
     var _this$state = this.state,
         top = _this$state.top,
@@ -307,15 +338,15 @@ function (_React$Component) {
     var items = [];
 
     var _loop = function _loop(i) {
-      var _cn4;
+      var _cx4;
 
       var disableItems = _this3.disableItems(i) || false;
-      var className = cn((_cn4 = {}, _cn4[jsStyles.menuItem(_this3.theme)] = true, _cn4[jsStyles.menuItemSelected(_this3.theme)] = i === 0, _cn4[jsStyles.menuItemActive(_this3.theme)] = i === _this3.state.current, _cn4[jsStyles.menuItemDisabled(_this3.theme)] = disableItems, _cn4));
+      var className = cx((_cx4 = {}, _cx4[styles.menuItem(_this3.theme)] = true, _cx4[styles.menuItemSelected(_this3.theme)] = i === 0, _cx4[styles.menuItemActive(_this3.theme)] = i === _this3.state.current, _cx4[styles.menuItemDisabled(_this3.theme)] = disableItems, _cx4));
       var clickHandler = {
         onMouseDown: preventDefault,
         onClick: _this3.handleItemClick(i)
       };
-      items.push(React.createElement("div", _extends({
+      items.push( /*#__PURE__*/React.createElement("div", _extends({
         "data-tid": "DateSelect__menuItem",
         "data-prop-disabled": disableItems,
         key: i,
@@ -346,7 +377,7 @@ function (_React$Component) {
       position: 'relative',
       top: -shift
     };
-    var holderClass = cn((_cn3 = {}, _cn3[jsStyles.menuHolder(this.theme)] = true, _cn3[jsStyles.isTopCapped()] = this.state.topCapped, _cn3[jsStyles.isBotCapped()] = this.state.botCapped, _cn3));
+    var holderClass = cx((_cx3 = {}, _cx3[styles.menuHolder(this.theme)] = true, _cx3[styles.isTopCapped()] = this.state.topCapped, _cx3[styles.isBotCapped()] = this.state.botCapped, _cx3));
     var dropdownOffset = -itemHeight;
 
     if (nodeTop < -top) {
@@ -354,42 +385,42 @@ function (_React$Component) {
       dropdownOffset -= nodeTop + top - overflowOffsetDelta;
     }
 
-    return React.createElement(RenderLayer, {
+    return /*#__PURE__*/React.createElement(RenderLayer, {
       onClickOutside: this.close,
       onFocusOutside: this.close,
       active: true
-    }, React.createElement("div", null, React.createElement(DropdownContainer, {
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DropdownContainer, {
       getParent: this.getAnchor,
       offsetY: dropdownOffset,
       offsetX: -10
-    }, React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: holderClass,
       style: style
-    }, !this.state.topCapped && React.createElement("div", {
-      className: jsStyles.menuUp(this.theme),
+    }, !this.state.topCapped && /*#__PURE__*/React.createElement("div", {
+      className: cx(styles.menu(this.theme), styles.menuUp()),
       onClick: this.handleUp,
       onMouseDown: this.handleLongClickUp,
       onMouseUp: this.handleLongClickStop,
       onMouseLeave: this.handleLongClickStop,
       onTouchStart: this.handleLongClickUp,
       onTouchEnd: this.handleLongClickStop
-    }, React.createElement("span", null, React.createElement(ArrowTriangleUpIcon, null))), React.createElement("div", {
-      className: jsStyles.itemsHolder(),
+    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(ArrowChevronUpIcon, null))), /*#__PURE__*/React.createElement("div", {
+      className: styles.itemsHolder(),
       style: {
         height: height
       }
-    }, React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       ref: this.refItemsContainer,
       style: shiftStyle
-    }, items)), !this.state.botCapped && React.createElement("div", {
-      className: jsStyles.menuDown(this.theme),
+    }, items)), !this.state.botCapped && /*#__PURE__*/React.createElement("div", {
+      className: cx(styles.menu(this.theme), styles.menuDown()),
       onClick: this.handleDown,
       onMouseDown: this.handleLongClickDown,
       onMouseUp: this.handleLongClickStop,
       onMouseLeave: this.handleLongClickStop,
       onTouchStart: this.handleLongClickDown,
       onTouchEnd: this.handleLongClickStop
-    }, React.createElement("span", null, React.createElement(ArrowTriangleDownIcon, null)))))));
+    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(ArrowChevronDownIcon, null)))))));
   };
 
   _proto.getItem = function getItem(index) {
@@ -454,7 +485,7 @@ function (_React$Component) {
   };
 
   return DateSelect;
-}(React.Component), _class2.__KONTUR_REACT_UI__ = 'DateSelect', _class2.propTypes = {
+}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DateSelect', _class2.propTypes = {
   disabled: PropTypes.bool,
   type: PropTypes.string,
   value: PropTypes.number.isRequired,