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

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","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","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    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_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/CustomComboBox/locale/types.js

@@ -1 +1 @@
-"use strict";
+"use strict";exports.__esModule = true;

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

@@ -20,7 +20,7 @@ export interface DateSelectState {
     topCapped: boolean;
     nodeTop: number;
 }
-export declare class DateSelect extends React.Component<DateSelectProps, DateSelectState> {
+export declare class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {
     static __KONTUR_REACT_UI__: string;
     static propTypes: {
         disabled: PropTypes.Requireable<boolean>;
@@ -56,7 +56,8 @@ export declare class DateSelect extends React.Component<DateSelectProps, DateSel
     private longClickTimer;
     private setPositionRepeatTimer;
     private yearStep;
-    UNSAFE_componentWillReceiveProps(): void;
+    private touchStartY;
+    componentDidUpdate(): 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"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");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,8 +11,10 @@ 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;
+var _DateSelect = require("./DateSelect.styles");var _dec, _class, _class2, _temp;function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
 
 var itemHeight = 24;
 var visibleYearsCount = 11;
@@ -44,7 +45,7 @@ var defaultMaxYear = 2100;var
 
 
 
-DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(DateSelect, _React$Component);function DateSelect() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(DateSelect, _React$PureComponent);function DateSelect() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
 
 
 
@@ -81,15 +82,16 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
       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.
 
 
 
@@ -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.componentDidUpdate = function componentDidUpdate() {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];
@@ -453,7 +491,7 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
       return ((this.props.maxValue || defaultMaxYear) - this.props.value) * itemHeight;
     }
     return Infinity; // Be defensive.
-  };return DateSelect;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'DateSelect', _class2.propTypes = { disabled: _propTypes.default.bool, type: _propTypes.default.string, value: _propTypes.default.number.isRequired, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), onValueChange: _propTypes.default.func, minValue: _propTypes.default.number, maxValue: _propTypes.default.number }, _class2.defaultProps = { type: 'year', minMonth: 0, maxMonth: 11, width: 'auto' }, _temp)) || _class);exports.DateSelect = DateSelect;
+  };return DateSelect;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DateSelect', _class2.propTypes = { disabled: _propTypes.default.bool, type: _propTypes.default.string, value: _propTypes.default.number.isRequired, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), onValueChange: _propTypes.default.func, minValue: _propTypes.default.number, maxValue: _propTypes.default.number }, _class2.defaultProps = { type: 'year', minMonth: 0, maxMonth: 11, width: 'auto' }, _temp)) || _class);exports.DateSelect = DateSelect;
 
 
 function preventDefault(e) {

package/cjs/internal/DateSelect/DateSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DateSelect.tsx"],"names":["itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinYear","defaultMaxYear","DateSelect","DatePickerLocaleHelper","state","botCapped","current","height","opened","pos","top","topCapped","nodeTop","Infinity","theme","locale","root","itemsContainer","listener","timeout","longClickTimer","setPositionRepeatTimer","yearStep","open","props","disabled","setPosition","setState","close","refRoot","element","setNodeTop","clearTimeout","setTimeout","getBoundingClientRect","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","handleLongClickUp","event","preventDefault","window","setInterval","handleLongClickDown","handleLongClickStop","getAnchor","WheelEvent","stopPropagation","deltaY","deltaMode","handleItemClick","shift","e","value","onValueChange","handleKey","handleUp","handleDown","UNSAFE_componentWillReceiveProps","componentDidMount","LayoutEvents","addListener","componentWillUnmount","remove","render","renderMain","width","rootProps","className","jsStyles","Boolean","style","ref","caption","getItem","arrow","arrowDisabled","renderMenu","disableItems","index","maxValue","minValue","from","to","Math","ceil","items","i","menuItem","menuItemSelected","menuItemActive","menuItemDisabled","clickHandler","onMouseDown","onClick","push","left","right","shiftStyle","position","holderClass","menuHolder","isTopCapped","isBotCapped","dropdownOffset","overflowOffsetDelta","menuUp","itemsHolder","menuDown","type","months","minPos","getMinPos","maxPos","getMaxPos","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","number","isRequired","oneOfType","func","defaultProps","minMonth","maxMonth"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\r\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../../components/DatePicker/locale';\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { RenderLayer } from '../RenderLayer';\r\nimport { DropdownContainer } from '../DropdownContainer';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { ArrowTriangleDownIcon, ArrowTriangleUpDownIcon, ArrowTriangleUpIcon } from '../icons/16px';\r\n\r\nimport { jsStyles } from './DateSelect.styles';\r\n\r\nconst itemHeight = 24;\r\nconst visibleYearsCount = 11;\r\nconst itemsToMoveCount = -5;\r\nconst monthsCount = 12;\r\nconst defaultMinYear = 1900;\r\nconst defaultMaxYear = 2100;\r\n\r\nexport interface DateSelectProps {\r\n  disabled?: boolean | null;\r\n  onValueChange: (value: number) => void;\r\n  type?: 'month' | 'year';\r\n  value: number;\r\n  width?: number | string;\r\n  minValue?: number;\r\n  maxValue?: number;\r\n}\r\n\r\nexport interface DateSelectState {\r\n  botCapped: boolean;\r\n  current: Nullable<number>;\r\n  height: number;\r\n  opened: boolean;\r\n  pos: number;\r\n  top: number;\r\n  topCapped: boolean;\r\n  nodeTop: number;\r\n}\r\n\r\n@locale('DatePicker', DatePickerLocaleHelper)\r\nexport class DateSelect extends React.Component<DateSelectProps, DateSelectState> {\r\n  public static __KONTUR_REACT_UI__ = 'DateSelect';\r\n\r\n  public static propTypes = {\r\n    disabled: PropTypes.bool,\r\n\r\n    type: PropTypes.string,\r\n\r\n    value: PropTypes.number.isRequired,\r\n\r\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\r\n    onValueChange: PropTypes.func,\r\n\r\n    minValue: PropTypes.number,\r\n\r\n    maxValue: PropTypes.number,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    type: 'year',\r\n    minMonth: 0,\r\n    maxMonth: 11,\r\n    width: 'auto',\r\n  };\r\n\r\n  public state = {\r\n    botCapped: false,\r\n    current: 0,\r\n    height: 0,\r\n    opened: false,\r\n    pos: 0,\r\n    top: 0,\r\n    topCapped: false,\r\n    nodeTop: Infinity,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private readonly locale!: DatePickerLocale;\r\n  private root: HTMLElement | null = null;\r\n  private itemsContainer: HTMLElement | null = null;\r\n  private listener: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\r\n  private timeout: number | undefined;\r\n  private longClickTimer = 0;\r\n  private setPositionRepeatTimer = 0;\r\n  private yearStep = 3;\r\n\r\n  public UNSAFE_componentWillReceiveProps() {\r\n    this.setNodeTop();\r\n  }\r\n\r\n  public componentDidMount() {\r\n    this.listener = LayoutEvents.addListener(this.setNodeTop);\r\n    this.setNodeTop();\r\n    window.addEventListener('keydown', this.handleKey);\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.listener) {\r\n      this.listener.remove();\r\n    }\r\n    if (this.timeout) {\r\n      clearTimeout(this.timeout);\r\n    }\r\n    if (this.longClickTimer) {\r\n      clearTimeout(this.longClickTimer);\r\n    }\r\n    if (this.setPositionRepeatTimer) {\r\n      clearTimeout(this.setPositionRepeatTimer);\r\n    }\r\n    window.removeEventListener('keydown', this.handleKey);\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public open = () => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    if (this.state.opened) {\r\n      return;\r\n    }\r\n\r\n    this.setPosition(0);\r\n    this.setState({\r\n      opened: true,\r\n      current: 0,\r\n    });\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public close = () => {\r\n    if (!this.state.opened) {\r\n      return;\r\n    }\r\n\r\n    this.setState({ opened: false });\r\n  };\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { width, disabled } = this.props;\r\n    const rootProps = {\r\n      className: cn({\r\n        [jsStyles.root(this.theme)]: true,\r\n        [jsStyles.disabled()]: Boolean(disabled),\r\n      }),\r\n      style: { width },\r\n      ref: this.refRoot,\r\n    };\r\n    return (\r\n      <span {...rootProps}>\r\n        <div data-tid=\"DateSelect__caption\" className={jsStyles.caption()} onClick={this.open}>\r\n          {this.getItem(0)}\r\n          <div\r\n            className={cn({\r\n              [jsStyles.arrow(this.theme)]: true,\r\n              [jsStyles.arrowDisabled()]: Boolean(disabled),\r\n            })}\r\n          >\r\n            <ArrowTriangleUpDownIcon size={12} />\r\n          </div>\r\n        </div>\r\n        {this.state.opened && this.renderMenu()}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private refRoot = (element: HTMLElement | null) => {\r\n    this.root = element;\r\n  };\r\n\r\n  private setNodeTop = () => {\r\n    const root = this.root;\r\n    if (!root) {\r\n      return;\r\n    }\r\n    if (this.timeout) {\r\n      clearTimeout(this.timeout);\r\n    }\r\n    this.timeout = setTimeout(() =>\r\n      this.setState({\r\n        nodeTop: root.getBoundingClientRect().top,\r\n      }),\r\n    );\r\n  };\r\n\r\n  private disableItems(index: number) {\r\n    const value = this.props.value + index;\r\n    if (this.props.maxValue != null && this.props.minValue != null) {\r\n      return value > this.props.maxValue || value < this.props.minValue;\r\n    }\r\n    if (this.props.minValue != null) {\r\n      return value < this.props.minValue;\r\n    }\r\n    if (this.props.maxValue != null) {\r\n      return value > this.props.maxValue;\r\n    }\r\n  }\r\n\r\n  private renderMenu(): React.ReactNode {\r\n    const { top, height, nodeTop } = this.state;\r\n\r\n    let shift = this.state.pos % itemHeight;\r\n    if (shift < 0) {\r\n      shift += itemHeight;\r\n    }\r\n\r\n    const from = (this.state.pos - shift + top) / itemHeight;\r\n    const to = from + Math.ceil((height + shift) / itemHeight);\r\n    const items = [];\r\n\r\n    for (let i = from; i < to; ++i) {\r\n      const disableItems = this.disableItems(i) || false;\r\n      const className = cn({\r\n        [jsStyles.menuItem(this.theme)]: true,\r\n        [jsStyles.menuItemSelected(this.theme)]: i === 0,\r\n        [jsStyles.menuItemActive(this.theme)]: i === this.state.current,\r\n        [jsStyles.menuItemDisabled(this.theme)]: disableItems,\r\n      });\r\n      const clickHandler = {\r\n        onMouseDown: preventDefault,\r\n        onClick: this.handleItemClick(i),\r\n      };\r\n      items.push(\r\n        <div\r\n          data-tid=\"DateSelect__menuItem\"\r\n          data-prop-disabled={disableItems}\r\n          key={i}\r\n          className={className}\r\n          onMouseEnter={() => this.setState({ current: i })}\r\n          onMouseLeave={() => this.setState({ current: null })}\r\n          {...clickHandler}\r\n        >\r\n          {this.getItem(i)}\r\n        </div>,\r\n      );\r\n    }\r\n    const style: {\r\n      left?: number | string;\r\n      right?: number | string;\r\n      top: number;\r\n      width?: number | string;\r\n    } = {\r\n      top: top - 5,\r\n      left: 0,\r\n      right: 0,\r\n    };\r\n\r\n    const shiftStyle: React.CSSProperties = {\r\n      position: 'relative',\r\n      top: -shift,\r\n    };\r\n\r\n    const holderClass = cn({\r\n      [jsStyles.menuHolder(this.theme)]: true,\r\n      [jsStyles.isTopCapped()]: this.state.topCapped,\r\n      [jsStyles.isBotCapped()]: this.state.botCapped,\r\n    });\r\n\r\n    let dropdownOffset = -itemHeight;\r\n    if (nodeTop < -top) {\r\n      const overflowOffsetDelta = this.state.topCapped ? 6 : 17;\r\n      dropdownOffset -= nodeTop + top - overflowOffsetDelta;\r\n    }\r\n\r\n    return (\r\n      <RenderLayer onClickOutside={this.close} onFocusOutside={this.close} active>\r\n        <div>\r\n          <DropdownContainer getParent={this.getAnchor} offsetY={dropdownOffset} offsetX={-10}>\r\n            <div className={holderClass} style={style}>\r\n              {!this.state.topCapped && (\r\n                <div\r\n                  className={jsStyles.menuUp(this.theme)}\r\n                  onClick={this.handleUp}\r\n                  onMouseDown={this.handleLongClickUp}\r\n                  onMouseUp={this.handleLongClickStop}\r\n                  onMouseLeave={this.handleLongClickStop}\r\n                  onTouchStart={this.handleLongClickUp}\r\n                  onTouchEnd={this.handleLongClickStop}\r\n                >\r\n                  <span>\r\n                    <ArrowTriangleUpIcon />\r\n                  </span>\r\n                </div>\r\n              )}\r\n              <div className={jsStyles.itemsHolder()} style={{ height }}>\r\n                <div ref={this.refItemsContainer} style={shiftStyle}>\r\n                  {items}\r\n                </div>\r\n              </div>\r\n              {!this.state.botCapped && (\r\n                <div\r\n                  className={jsStyles.menuDown(this.theme)}\r\n                  onClick={this.handleDown}\r\n                  onMouseDown={this.handleLongClickDown}\r\n                  onMouseUp={this.handleLongClickStop}\r\n                  onMouseLeave={this.handleLongClickStop}\r\n                  onTouchStart={this.handleLongClickDown}\r\n                  onTouchEnd={this.handleLongClickStop}\r\n                >\r\n                  <span>\r\n                    <ArrowTriangleDownIcon />\r\n                  </span>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </DropdownContainer>\r\n        </div>\r\n      </RenderLayer>\r\n    );\r\n  }\r\n\r\n  private refItemsContainer = (element: HTMLElement | null) => {\r\n    if (!this.itemsContainer && element) {\r\n      element.addEventListener('wheel', this.handleWheel, { passive: false });\r\n    }\r\n    if (this.itemsContainer && !element) {\r\n      this.itemsContainer.removeEventListener('wheel', this.handleWheel);\r\n    }\r\n    this.itemsContainer = element;\r\n  };\r\n\r\n  private handleLongClickUp = (event: React.MouseEvent | React.TouchEvent) => {\r\n    event.preventDefault();\r\n    this.longClickTimer = window.setTimeout(() => {\r\n      this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos - itemHeight), 100);\r\n    }, 200);\r\n  };\r\n\r\n  private handleLongClickDown = (event: React.MouseEvent | React.TouchEvent) => {\r\n    event.preventDefault();\r\n    this.longClickTimer = window.setTimeout(() => {\r\n      this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos + itemHeight), 100);\r\n    }, 200);\r\n  };\r\n\r\n  private handleLongClickStop = () => {\r\n    clearTimeout(this.longClickTimer);\r\n    clearTimeout(this.setPositionRepeatTimer);\r\n  };\r\n\r\n  private getAnchor = () => this.root;\r\n\r\n  private handleWheel = (event: Event) => {\r\n    if (!(event instanceof WheelEvent)) {\r\n      return;\r\n    }\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n\r\n    let deltaY = event.deltaY;\r\n    if (event.deltaMode === 1) {\r\n      deltaY *= itemHeight;\r\n    } else if (event.deltaMode === 2) {\r\n      deltaY *= itemHeight * 4;\r\n    }\r\n    const pos = this.state.pos + deltaY;\r\n    this.setPosition(pos);\r\n  };\r\n\r\n  private handleItemClick = (shift: number) => {\r\n    return (e: React.MouseEvent<HTMLElement>) => {\r\n      const value = this.props.value + shift;\r\n      if (this.props.onValueChange) {\r\n        this.props.onValueChange(value);\r\n      }\r\n      this.setState({ opened: false });\r\n    };\r\n  };\r\n\r\n  private handleKey = (e: KeyboardEvent) => {\r\n    if (this.state.opened && isKeyEscape(e)) {\r\n      e.preventDefault();\r\n      this.close();\r\n      e.stopPropagation();\r\n    }\r\n  };\r\n\r\n  private handleUp = (event: React.MouseEvent) => {\r\n    event.preventDefault();\r\n    this.setPosition(this.state.pos - itemHeight * this.yearStep);\r\n  };\r\n\r\n  private handleDown = (event: React.MouseEvent) => {\r\n    event.preventDefault();\r\n    this.setPosition(this.state.pos + itemHeight * this.yearStep);\r\n  };\r\n\r\n  private getItem(index: number) {\r\n    const value = this.props.value + index;\r\n    if (this.props.type === 'month') {\r\n      return this.locale.months[value];\r\n    }\r\n    return value;\r\n  }\r\n\r\n  private setPosition(pos: number) {\r\n    let top = itemsToMoveCount * itemHeight;\r\n    let height = visibleYearsCount * itemHeight;\r\n    if (this.props.type === 'month') {\r\n      top = -this.props.value * itemHeight;\r\n      height = monthsCount * itemHeight;\r\n    }\r\n\r\n    const minPos = this.getMinPos() - top;\r\n    const maxPos = this.getMaxPos() - top - height + itemHeight;\r\n    if (minPos >= pos) {\r\n      pos = minPos;\r\n    }\r\n    if (maxPos <= pos) {\r\n      pos = maxPos;\r\n    }\r\n    const topCapped = pos <= minPos;\r\n    const botCapped = pos >= maxPos;\r\n\r\n    this.setState({ pos, top, height, topCapped, botCapped });\r\n  }\r\n\r\n  private getMinPos() {\r\n    if (this.props.type === 'month') {\r\n      return -this.props.value * itemHeight;\r\n    } else if (this.props.type === 'year') {\r\n      return ((this.props.minValue || defaultMinYear) - this.props.value) * itemHeight;\r\n    }\r\n    return -Infinity; // Be defensive.\r\n  }\r\n\r\n  private getMaxPos() {\r\n    if (this.props.type === 'month') {\r\n      return (visibleYearsCount - this.props.value) * itemHeight;\r\n    } else if (this.props.type === 'year') {\r\n      return ((this.props.maxValue || defaultMaxYear) - this.props.value) * itemHeight;\r\n    }\r\n    return Infinity; // Be defensive.\r\n  }\r\n}\r\n\r\nfunction preventDefault(e: React.SyntheticEvent) {\r\n  e.preventDefault();\r\n}\r\n"]}
+{"version":3,"sources":["DateSelect.tsx"],"names":["itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinYear","defaultMaxYear","DateSelect","DatePickerLocaleHelper","state","botCapped","current","height","opened","pos","top","topCapped","nodeTop","Infinity","root","itemsContainer","longClickTimer","setPositionRepeatTimer","yearStep","touchStartY","open","props","disabled","setPosition","setState","close","refRoot","element","setNodeTop","timeout","clearTimeout","setTimeout","getBoundingClientRect","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","isMobile","handleTouchStart","handleTouchMove","handleLongClickUp","event","preventDefault","window","setInterval","handleLongClickDown","handleLongClickStop","getAnchor","WheelEvent","stopPropagation","deltaY","deltaMode","TouchEvent","targetTouches","clientY","changedTouches","pixelRatio","devicePixelRatio","handleItemClick","shift","e","value","onValueChange","handleKey","handleUp","handleDown","componentDidUpdate","componentDidMount","listener","LayoutEvents","addListener","componentWillUnmount","remove","render","theme","renderMain","width","rootProps","className","styles","Boolean","style","ref","caption","getItem","arrow","arrowDisabled","renderMenu","disableItems","index","maxValue","minValue","from","to","Math","ceil","items","i","menuItem","menuItemSelected","menuItemActive","menuItemDisabled","clickHandler","onMouseDown","onClick","push","left","right","shiftStyle","position","holderClass","menuHolder","isTopCapped","isBotCapped","dropdownOffset","overflowOffsetDelta","menu","menuUp","itemsHolder","menuDown","type","locale","months","minPos","getMinPos","maxPos","getMaxPos","React","PureComponent","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","number","isRequired","oneOfType","func","defaultProps","minMonth","maxMonth"],"mappings":"wUAAA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA,iD;;AAEA,IAAMA,UAAU,GAAG,EAAnB;AACA,IAAMC,iBAAiB,GAAG,EAA1B;AACA,IAAMC,gBAAgB,GAAG,CAAC,CAA1B;AACA,IAAMC,WAAW,GAAG,EAApB;AACA,IAAMC,cAAc,GAAG,IAAvB;AACA,IAAMC,cAAc,GAAG,IAAvB,C;;;;;;;;;;;;;;;;;;;;;;;;AAwBaC,U,WADZ,wBAAO,YAAP,EAAqBC,8BAArB,C;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BQC,IAAAA,K,GAAQ;AACbC,MAAAA,SAAS,EAAE,KADE;AAEbC,MAAAA,OAAO,EAAE,CAFI;AAGbC,MAAAA,MAAM,EAAE,CAHK;AAIbC,MAAAA,MAAM,EAAE,KAJK;AAKbC,MAAAA,GAAG,EAAE,CALQ;AAMbC,MAAAA,GAAG,EAAE,CANQ;AAObC,MAAAA,SAAS,EAAE,KAPE;AAQbC,MAAAA,OAAO,EAAEC,QARI,E;;;;;AAaPC,IAAAA,I,GAA2B,I;AAC3BC,IAAAA,c,GAAqC,I;;;AAGrCC,IAAAA,c,GAAiB,C;AACjBC,IAAAA,sB,GAAyB,C;AACzBC,IAAAA,Q,GAAW,C;AACXC,IAAAA,W,GAAgC,I;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BjCC,IAAAA,I,GAAO,YAAM;AAClB,UAAI,MAAKC,KAAL,CAAWC,QAAf,EAAyB;AACvB;AACD;;AAED,UAAI,MAAKlB,KAAL,CAAWI,MAAf,EAAuB;AACrB;AACD;;AAED,YAAKe,WAAL,CAAiB,CAAjB;AACA,YAAKC,QAAL,CAAc;AACZhB,QAAAA,MAAM,EAAE,IADI;AAEZF,QAAAA,OAAO,EAAE,CAFG,EAAd;;AAID,K;;;;;AAKMmB,IAAAA,K,GAAQ,YAAM;AACnB,UAAI,CAAC,MAAKrB,KAAL,CAAWI,MAAhB,EAAwB;AACtB;AACD;;AAED,YAAKgB,QAAL,CAAc,EAAEhB,MAAM,EAAE,KAAV,EAAd;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCOkB,IAAAA,O,GAAU,UAACC,OAAD,EAAiC;AACjD,YAAKb,IAAL,GAAYa,OAAZ;AACD,K;;AAEOC,IAAAA,U,GAAa,YAAM;AACzB,UAAMd,IAAI,GAAG,MAAKA,IAAlB;AACA,UAAI,CAACA,IAAL,EAAW;AACT;AACD;AACD,UAAI,MAAKe,OAAT,EAAkB;AAChBC,QAAAA,YAAY,CAAC,MAAKD,OAAN,CAAZ;AACD;AACD,YAAKA,OAAL,GAAeE,UAAU,CAAC;AACxB,gBAAKP,QAAL,CAAc;AACZZ,YAAAA,OAAO,EAAEE,IAAI,CAACkB,qBAAL,GAA6BtB,GAD1B,EAAd,CADwB,GAAD,CAAzB;;;AAKD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgIOuB,IAAAA,iB,GAAoB,UAACN,OAAD,EAAiC;AAC3D,UAAI,CAAC,MAAKZ,cAAN,IAAwBY,OAA5B,EAAqC;AACnCA,QAAAA,OAAO,CAACO,gBAAR,CAAyB,OAAzB,EAAkC,MAAKC,WAAvC,EAAoD,EAAEC,OAAO,EAAE,KAAX,EAApD;AACD;AACD,UAAI,MAAKrB,cAAL,IAAuB,CAACY,OAA5B,EAAqC;AACnC,cAAKZ,cAAL,CAAoBsB,mBAApB,CAAwC,OAAxC,EAAiD,MAAKF,WAAtD;AACD;;AAED,UAAIG,gBAAJ,EAAc;AACZ,YAAI,CAAC,MAAKvB,cAAN,IAAwBY,OAA5B,EAAqC;AACnCA,UAAAA,OAAO,CAACO,gBAAR,CAAyB,YAAzB,EAAuC,MAAKK,gBAA5C;AACAZ,UAAAA,OAAO,CAACO,gBAAR,CAAyB,WAAzB,EAAsC,MAAKM,eAA3C;AACD;AACD,YAAI,MAAKzB,cAAL,IAAuB,CAACY,OAA5B,EAAqC;AACnC,gBAAKZ,cAAL,CAAoBsB,mBAApB,CAAwC,YAAxC,EAAsD,MAAKE,gBAA3D;AACA,gBAAKxB,cAAL,CAAoBsB,mBAApB,CAAwC,WAAxC,EAAqD,MAAKG,eAA1D;AACD;AACF;;AAED,YAAKzB,cAAL,GAAsBY,OAAtB;AACD,K;;AAEOc,IAAAA,iB,GAAoB,UAACC,KAAD,EAAgD;AAC1EA,MAAAA,KAAK,CAACC,cAAN;AACA,YAAK3B,cAAL,GAAsB4B,MAAM,CAACb,UAAP,CAAkB,YAAM;AAC5C,cAAKd,sBAAL,GAA8B2B,MAAM,CAACC,WAAP,CAAmB,oBAAM,MAAKtB,WAAL,CAAiB,MAAKnB,KAAL,CAAWK,GAAX,GAAiBb,UAAlC,CAAN,EAAnB,EAAwE,GAAxE,CAA9B;AACD,OAFqB,EAEnB,GAFmB,CAAtB;AAGD,K;;AAEOkD,IAAAA,mB,GAAsB,UAACJ,KAAD,EAAgD;AAC5EA,MAAAA,KAAK,CAACC,cAAN;AACA,YAAK3B,cAAL,GAAsB4B,MAAM,CAACb,UAAP,CAAkB,YAAM;AAC5C,cAAKd,sBAAL,GAA8B2B,MAAM,CAACC,WAAP,CAAmB,oBAAM,MAAKtB,WAAL,CAAiB,MAAKnB,KAAL,CAAWK,GAAX,GAAiBb,UAAlC,CAAN,EAAnB,EAAwE,GAAxE,CAA9B;AACD,OAFqB,EAEnB,GAFmB,CAAtB;AAGD,K;;AAEOmD,IAAAA,mB,GAAsB,YAAM;AAClCjB,MAAAA,YAAY,CAAC,MAAKd,cAAN,CAAZ;AACAc,MAAAA,YAAY,CAAC,MAAKb,sBAAN,CAAZ;AACD,K;;AAEO+B,IAAAA,S,GAAY,oBAAM,MAAKlC,IAAX,E;;AAEZqB,IAAAA,W,GAAc,UAACO,KAAD,EAAkB;AACtC,UAAI,EAAEA,KAAK,YAAYO,UAAnB,CAAJ,EAAoC;AAClC;AACD;AACDP,MAAAA,KAAK,CAACC,cAAN;AACAD,MAAAA,KAAK,CAACQ,eAAN;;AAEA,UAAIC,MAAM,GAAGT,KAAK,CAACS,MAAnB;AACA,UAAIT,KAAK,CAACU,SAAN,KAAoB,CAAxB,EAA2B;AACzBD,QAAAA,MAAM,IAAIvD,UAAV;AACD,OAFD,MAEO,IAAI8C,KAAK,CAACU,SAAN,KAAoB,CAAxB,EAA2B;AAChCD,QAAAA,MAAM,IAAIvD,UAAU,GAAG,CAAvB;AACD;AACD,UAAMa,GAAG,GAAG,MAAKL,KAAL,CAAWK,GAAX,GAAiB0C,MAA7B;AACA,YAAK5B,WAAL,CAAiBd,GAAjB;AACD,K;;AAEO8B,IAAAA,gB,GAAmB,UAACG,KAAD,EAAkB;AAC3C,UAAI,EAAEA,KAAK,YAAYW,UAAnB,CAAJ,EAAoC;AAClC;AACD;;AAED,YAAKlC,WAAL,GAAmBuB,KAAK,CAACY,aAAN,CAAoB,CAApB,EAAuBC,OAA1C;AACD,K;;AAEOf,IAAAA,e,GAAkB,UAACE,KAAD,EAAkB;AAC1C,UAAI,EAAEA,KAAK,YAAYW,UAAnB,CAAJ,EAAoC;AAClC;AACD;;AAED,UAAQE,OAAR,GAAoBb,KAAK,CAACc,cAAN,CAAqB,CAArB,CAApB,CAAQD,OAAR;AACA,UAAME,UAAU,GAAGb,MAAM,CAACc,gBAA1B;;AAEA,UAAMP,MAAM,GAAG,CAAC,CAAC,MAAKhC,WAAL,IAAoB,CAArB,IAA0BoC,OAA3B,IAAsCE,UAArD;AACA,UAAMhD,GAAG,GAAG,MAAKL,KAAL,CAAWK,GAAX,GAAiB0C,MAAjB,GAA0BA,MAAM,GAAGvD,UAA/C;;AAEA,YAAKuB,WAAL,GAAmBoC,OAAnB;;AAEA,YAAKhC,WAAL,CAAiBd,GAAjB;AACD,K;;AAEOkD,IAAAA,e,GAAkB,UAACC,KAAD,EAAmB;AAC3C,aAAO,UAACC,CAAD,EAAsC;AAC3C,YAAMC,KAAK,GAAG,MAAKzC,KAAL,CAAWyC,KAAX,GAAmBF,KAAjC;AACA,YAAI,MAAKvC,KAAL,CAAW0C,aAAf,EAA8B;AAC5B,gBAAK1C,KAAL,CAAW0C,aAAX,CAAyBD,KAAzB;AACD;AACD,cAAKtC,QAAL,CAAc,EAAEhB,MAAM,EAAE,KAAV,EAAd;AACD,OAND;AAOD,K;;AAEOwD,IAAAA,S,GAAY,UAACH,CAAD,EAAsB;AACxC,UAAI,MAAKzD,KAAL,CAAWI,MAAX,IAAqB,8BAAYqD,CAAZ,CAAzB,EAAyC;AACvCA,QAAAA,CAAC,CAAClB,cAAF;AACA,cAAKlB,KAAL;AACAoC,QAAAA,CAAC,CAACX,eAAF;AACD;AACF,K;;AAEOe,IAAAA,Q,GAAW,UAACvB,KAAD,EAA6B;AAC9CA,MAAAA,KAAK,CAACC,cAAN;AACA,YAAKpB,WAAL,CAAiB,MAAKnB,KAAL,CAAWK,GAAX,GAAiBb,UAAU,GAAG,MAAKsB,QAApD;AACD,K;;AAEOgD,IAAAA,U,GAAa,UAACxB,KAAD,EAA6B;AAChDA,MAAAA,KAAK,CAACC,cAAN;AACA,YAAKpB,WAAL,CAAiB,MAAKnB,KAAL,CAAWK,GAAX,GAAiBb,UAAU,GAAG,MAAKsB,QAApD;AACD,K,wDA9VMiD,kB,GAAP,8BAA4B,CAC1B,KAAKvC,UAAL,GACD,C,QAEMwC,iB,GAAP,6BAA2B,CACzB,KAAKC,QAAL,GAAgBC,YAAY,CAACC,WAAb,CAAyB,KAAK3C,UAA9B,CAAhB,CACA,KAAKA,UAAL,GACAgB,MAAM,CAACV,gBAAP,CAAwB,SAAxB,EAAmC,KAAK8B,SAAxC,EACD,C,QAEMQ,oB,GAAP,gCAA8B,CAC5B,IAAI,KAAKH,QAAT,EAAmB,CACjB,KAAKA,QAAL,CAAcI,MAAd,GACD,CACD,IAAI,KAAK5C,OAAT,EAAkB,CAChBC,YAAY,CAAC,KAAKD,OAAN,CAAZ,CACD,CACD,IAAI,KAAKb,cAAT,EAAyB,CACvBc,YAAY,CAAC,KAAKd,cAAN,CAAZ,CACD,CACD,IAAI,KAAKC,sBAAT,EAAiC,CAC/Ba,YAAY,CAAC,KAAKb,sBAAN,CAAZ,CACD,CACD2B,MAAM,CAACP,mBAAP,CAA2B,SAA3B,EAAsC,KAAK2B,SAA3C,EACD,C,CAED;AACF;AACA,K,QA4BSU,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAACC,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEOA,U,GAAR,sBAAqB,eACnB,kBAA4B,KAAKvD,KAAjC,CAAQwD,KAAR,eAAQA,KAAR,CAAevD,QAAf,eAAeA,QAAf,CACA,IAAMwD,SAAS,GAAG,EAChBC,SAAS,EAAE,gCACRC,mBAAOlE,IAAP,CAAY,KAAK6D,KAAjB,CADQ,IACkB,IADlB,MAERK,mBAAO1D,QAAP,EAFQ,IAEY2D,OAAO,CAAC3D,QAAD,CAFnB,OADK,EAKhB4D,KAAK,EAAE,EAAEL,KAAK,EAALA,KAAF,EALS,EAMhBM,GAAG,EAAE,KAAKzD,OANM,EAAlB,CAQA,oBACE,qCAAUoD,SAAV,eACE,sCAAK,YAAS,qBAAd,EAAoC,SAAS,EAAEE,mBAAOI,OAAP,EAA/C,EAAiE,OAAO,EAAE,KAAKhE,IAA/E,IACG,KAAKiE,OAAL,CAAa,CAAb,CADH,eAEE,sCACE,SAAS,EAAE,kCACRL,mBAAOM,KAAP,CAAa,KAAKX,KAAlB,CADQ,IACmB,IADnB,OAERK,mBAAOO,aAAP,EAFQ,IAEiBN,OAAO,CAAC3D,QAAD,CAFxB,QADb,iBAME,6BAAC,2BAAD,IAAyB,IAAI,EAAE,EAA/B,GANF,CAFF,CADF,EAYG,KAAKlB,KAAL,CAAWI,MAAX,IAAqB,KAAKgF,UAAL,EAZxB,CADF,CAgBD,C,QAqBOC,Y,GAAR,sBAAqBC,KAArB,EAAoC,CAClC,IAAM5B,KAAK,GAAG,KAAKzC,KAAL,CAAWyC,KAAX,GAAmB4B,KAAjC,CACA,IAAI,KAAKrE,KAAL,CAAWsE,QAAX,IAAuB,IAAvB,IAA+B,KAAKtE,KAAL,CAAWuE,QAAX,IAAuB,IAA1D,EAAgE,CAC9D,OAAO9B,KAAK,GAAG,KAAKzC,KAAL,CAAWsE,QAAnB,IAA+B7B,KAAK,GAAG,KAAKzC,KAAL,CAAWuE,QAAzD,CACD,CACD,IAAI,KAAKvE,KAAL,CAAWuE,QAAX,IAAuB,IAA3B,EAAiC,CAC/B,OAAO9B,KAAK,GAAG,KAAKzC,KAAL,CAAWuE,QAA1B,CACD,CACD,IAAI,KAAKvE,KAAL,CAAWsE,QAAX,IAAuB,IAA3B,EAAiC,CAC/B,OAAO7B,KAAK,GAAG,KAAKzC,KAAL,CAAWsE,QAA1B,CACD,CACF,C,QAEOH,U,GAAR,sBAAsC,wBACpC,kBAAiC,KAAKpF,KAAtC,CAAQM,GAAR,eAAQA,GAAR,CAAaH,MAAb,eAAaA,MAAb,CAAqBK,OAArB,eAAqBA,OAArB,CAEA,IAAIgD,KAAK,GAAG,KAAKxD,KAAL,CAAWK,GAAX,GAAiBb,UAA7B,CACA,IAAIgE,KAAK,GAAG,CAAZ,EAAe,CACbA,KAAK,IAAIhE,UAAT,CACD,CAED,IAAMiG,IAAI,GAAG,CAAC,KAAKzF,KAAL,CAAWK,GAAX,GAAiBmD,KAAjB,GAAyBlD,GAA1B,IAAiCd,UAA9C,CACA,IAAMkG,EAAE,GAAGD,IAAI,GAAGE,IAAI,CAACC,IAAL,CAAU,CAACzF,MAAM,GAAGqD,KAAV,IAAmBhE,UAA7B,CAAlB,CACA,IAAMqG,KAAK,GAAG,EAAd,CAVoC,2BAY3BC,CAZ2B,YAalC,IAAMT,YAAY,GAAG,MAAI,CAACA,YAAL,CAAkBS,CAAlB,KAAwB,KAA7C,CACA,IAAMnB,SAAS,GAAG,kCACfC,mBAAOmB,QAAP,CAAgB,MAAI,CAACxB,KAArB,CADe,IACe,IADf,OAEfK,mBAAOoB,gBAAP,CAAwB,MAAI,CAACzB,KAA7B,CAFe,IAEuBuB,CAAC,KAAK,CAF7B,OAGflB,mBAAOqB,cAAP,CAAsB,MAAI,CAAC1B,KAA3B,CAHe,IAGqBuB,CAAC,KAAK,MAAI,CAAC9F,KAAL,CAAWE,OAHtC,OAIf0E,mBAAOsB,gBAAP,CAAwB,MAAI,CAAC3B,KAA7B,CAJe,IAIuBc,YAJvB,QAAlB,CAMA,IAAMc,YAAY,GAAG,EACnBC,WAAW,EAAE7D,cADM,EAEnB8D,OAAO,EAAE,MAAI,CAAC9C,eAAL,CAAqBuC,CAArB,CAFU,EAArB,CAIAD,KAAK,CAACS,IAAN,eACE,6DACE,YAAS,sBADX,EAEE,sBAAoBjB,YAFtB,EAGE,GAAG,EAAES,CAHP,EAIE,SAAS,EAAEnB,SAJb,EAKE,YAAY,EAAE,gCAAM,MAAI,CAACvD,QAAL,CAAc,EAAElB,OAAO,EAAE4F,CAAX,EAAd,CAAN,EALhB,EAME,YAAY,EAAE,gCAAM,MAAI,CAAC1E,QAAL,CAAc,EAAElB,OAAO,EAAE,IAAX,EAAd,CAAN,EANhB,IAOMiG,YAPN,GASG,MAAI,CAAClB,OAAL,CAAaa,CAAb,CATH,CADF,EAxBkC,EAYpC,KAAK,IAAIA,CAAC,GAAGL,IAAb,EAAmBK,CAAC,GAAGJ,EAAvB,EAA2B,EAAEI,CAA7B,EAAgC,OAAvBA,CAAuB,EAyB/B,CACD,IAAMhB,KAKL,GAAG,EACFxE,GAAG,EAAEA,GAAG,GAAG,CADT,EAEFiG,IAAI,EAAE,CAFJ,EAGFC,KAAK,EAAE,CAHL,EALJ,CAWA,IAAMC,UAA+B,GAAG,EACtCC,QAAQ,EAAE,UAD4B,EAEtCpG,GAAG,EAAE,CAACkD,KAFgC,EAAxC,CAKA,IAAMmD,WAAW,GAAG,kCACjB/B,mBAAOgC,UAAP,CAAkB,KAAKrC,KAAvB,CADiB,IACe,IADf,OAEjBK,mBAAOiC,WAAP,EAFiB,IAEM,KAAK7G,KAAL,CAAWO,SAFjB,OAGjBqE,mBAAOkC,WAAP,EAHiB,IAGM,KAAK9G,KAAL,CAAWC,SAHjB,QAApB,CAMA,IAAI8G,cAAc,GAAG,CAACvH,UAAtB,CACA,IAAIgB,OAAO,GAAG,CAACF,GAAf,EAAoB,CAClB,IAAM0G,mBAAmB,GAAG,KAAKhH,KAAL,CAAWO,SAAX,GAAuB,CAAvB,GAA2B,EAAvD,CACAwG,cAAc,IAAIvG,OAAO,GAAGF,GAAV,GAAgB0G,mBAAlC,CACD,CAED,oBACE,6BAAC,wBAAD,IAAa,cAAc,EAAE,KAAK3F,KAAlC,EAAyC,cAAc,EAAE,KAAKA,KAA9D,EAAqE,MAAM,MAA3E,iBACE,uDACE,6BAAC,oCAAD,IAAmB,SAAS,EAAE,KAAKuB,SAAnC,EAA8C,OAAO,EAAEmE,cAAvD,EAAuE,OAAO,EAAE,CAAC,EAAjF,iBACE,sCAAK,SAAS,EAAEJ,WAAhB,EAA6B,KAAK,EAAE7B,KAApC,IACG,CAAC,KAAK9E,KAAL,CAAWO,SAAZ,iBACC,sCACE,SAAS,EAAE,iBAAGqE,mBAAOqC,IAAP,CAAY,KAAK1C,KAAjB,CAAH,EAA4BK,mBAAOsC,MAAP,EAA5B,CADb,EAEE,OAAO,EAAE,KAAKrD,QAFhB,EAGE,WAAW,EAAE,KAAKxB,iBAHpB,EAIE,SAAS,EAAE,KAAKM,mBAJlB,EAKE,YAAY,EAAE,KAAKA,mBALrB,EAME,YAAY,EAAE,KAAKN,iBANrB,EAOE,UAAU,EAAE,KAAKM,mBAPnB,iBASE,wDACE,6BAAC,sBAAD,OADF,CATF,CAFJ,eAgBE,sCAAK,SAAS,EAAEiC,mBAAOuC,WAAP,EAAhB,EAAsC,KAAK,EAAE,EAAEhH,MAAM,EAANA,MAAF,EAA7C,iBACE,sCAAK,GAAG,EAAE,KAAK0B,iBAAf,EAAkC,KAAK,EAAE4E,UAAzC,IACGZ,KADH,CADF,CAhBF,EAqBG,CAAC,KAAK7F,KAAL,CAAWC,SAAZ,iBACC,sCACE,SAAS,EAAE,iBAAG2E,mBAAOqC,IAAP,CAAY,KAAK1C,KAAjB,CAAH,EAA4BK,mBAAOwC,QAAP,EAA5B,CADb,EAEE,OAAO,EAAE,KAAKtD,UAFhB,EAGE,WAAW,EAAE,KAAKpB,mBAHpB,EAIE,SAAS,EAAE,KAAKC,mBAJlB,EAKE,YAAY,EAAE,KAAKA,mBALrB,EAME,YAAY,EAAE,KAAKD,mBANrB,EAOE,UAAU,EAAE,KAAKC,mBAPnB,iBASE,wDACE,6BAAC,wBAAD,OADF,CATF,CAtBJ,CADF,CADF,CADF,CADF,CA6CD,C,QAkHOsC,O,GAAR,iBAAgBK,KAAhB,EAA+B;AAC7B,QAAM5B,KAAK,GAAG,KAAKzC,KAAL,CAAWyC,KAAX,GAAmB4B,KAAjC;AACA,QAAI,KAAKrE,KAAL,CAAWoG,IAAX,KAAoB,OAAxB,EAAiC;AAC/B,aAAO,KAAKC,MAAL,CAAYC,MAAZ,CAAmB7D,KAAnB,CAAP;AACD;AACD,WAAOA,KAAP;AACD,G;;AAEOvC,EAAAA,W,GAAR,qBAAoBd,GAApB,EAAiC;AAC/B,QAAIC,GAAG,GAAGZ,gBAAgB,GAAGF,UAA7B;AACA,QAAIW,MAAM,GAAGV,iBAAiB,GAAGD,UAAjC;AACA,QAAI,KAAKyB,KAAL,CAAWoG,IAAX,KAAoB,OAAxB,EAAiC;AAC/B/G,MAAAA,GAAG,GAAG,CAAC,KAAKW,KAAL,CAAWyC,KAAZ,GAAoBlE,UAA1B;AACAW,MAAAA,MAAM,GAAGR,WAAW,GAAGH,UAAvB;AACD;;AAED,QAAMgI,MAAM,GAAG,KAAKC,SAAL,KAAmBnH,GAAlC;AACA,QAAMoH,MAAM,GAAG,KAAKC,SAAL,KAAmBrH,GAAnB,GAAyBH,MAAzB,GAAkCX,UAAjD;AACA,QAAIgI,MAAM,IAAInH,GAAd,EAAmB;AACjBA,MAAAA,GAAG,GAAGmH,MAAN;AACD;AACD,QAAIE,MAAM,IAAIrH,GAAd,EAAmB;AACjBA,MAAAA,GAAG,GAAGqH,MAAN;AACD;AACD,QAAMnH,SAAS,GAAGF,GAAG,IAAImH,MAAzB;AACA,QAAMvH,SAAS,GAAGI,GAAG,IAAIqH,MAAzB;;AAEA,SAAKtG,QAAL,CAAc,EAAEf,GAAG,EAAHA,GAAF,EAAOC,GAAG,EAAHA,GAAP,EAAYH,MAAM,EAANA,MAAZ,EAAoBI,SAAS,EAATA,SAApB,EAA+BN,SAAS,EAATA,SAA/B,EAAd;AACD,G;;AAEOwH,EAAAA,S,GAAR,qBAAoB;AAClB,QAAI,KAAKxG,KAAL,CAAWoG,IAAX,KAAoB,OAAxB,EAAiC;AAC/B,aAAO,CAAC,KAAKpG,KAAL,CAAWyC,KAAZ,GAAoBlE,UAA3B;AACD,KAFD,MAEO,IAAI,KAAKyB,KAAL,CAAWoG,IAAX,KAAoB,MAAxB,EAAgC;AACrC,aAAO,CAAC,CAAC,KAAKpG,KAAL,CAAWuE,QAAX,IAAuB5F,cAAxB,IAA0C,KAAKqB,KAAL,CAAWyC,KAAtD,IAA+DlE,UAAtE;AACD;AACD,WAAO,CAACiB,QAAR,CANkB,CAMA;AACnB,G;;AAEOkH,EAAAA,S,GAAR,qBAAoB;AAClB,QAAI,KAAK1G,KAAL,CAAWoG,IAAX,KAAoB,OAAxB,EAAiC;AAC/B,aAAO,CAAC5H,iBAAiB,GAAG,KAAKwB,KAAL,CAAWyC,KAAhC,IAAyClE,UAAhD;AACD,KAFD,MAEO,IAAI,KAAKyB,KAAL,CAAWoG,IAAX,KAAoB,MAAxB,EAAgC;AACrC,aAAO,CAAC,CAAC,KAAKpG,KAAL,CAAWsE,QAAX,IAAuB1F,cAAxB,IAA0C,KAAKoB,KAAL,CAAWyC,KAAtD,IAA+DlE,UAAtE;AACD;AACD,WAAOiB,QAAP,CANkB,CAMD;AAClB,G,qBA9b6BmH,eAAMC,a,WACtBC,mB,GAAsB,Y,UAEtBC,S,GAAY,EACxB7G,QAAQ,EAAE8G,mBAAUC,IADI,EAGxBZ,IAAI,EAAEW,mBAAUE,MAHQ,EAKxBxE,KAAK,EAAEsE,mBAAUG,MAAV,CAAiBC,UALA,EAOxB3D,KAAK,EAAEuD,mBAAUK,SAAV,CAAoB,CAACL,mBAAUG,MAAX,EAAmBH,mBAAUE,MAA7B,CAApB,CAPiB,EASxBvE,aAAa,EAAEqE,mBAAUM,IATD,EAWxB9C,QAAQ,EAAEwC,mBAAUG,MAXI,EAaxB5C,QAAQ,EAAEyC,mBAAUG,MAbI,E,UAgBZI,Y,GAAe,EAC3BlB,IAAI,EAAE,MADqB,EAE3BmB,QAAQ,EAAE,CAFiB,EAG3BC,QAAQ,EAAE,EAHiB,EAI3BhE,KAAK,EAAE,MAJoB,E;;;AA8a/B,SAASlC,cAAT,CAAwBkB,CAAxB,EAAiD;AAC/CA,EAAAA,CAAC,CAAClB,cAAF;AACD","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport { RenderLayer } from '../RenderLayer';\nimport { DropdownContainer } from '../DropdownContainer';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ArrowTriangleUpDownIcon, ArrowChevronDownIcon, ArrowChevronUpIcon } from '../icons/16px';\nimport { isMobile } from '../../lib/client';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './DateSelect.styles';\n\nconst itemHeight = 24;\nconst visibleYearsCount = 11;\nconst itemsToMoveCount = -5;\nconst monthsCount = 12;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2100;\n\nexport interface DateSelectProps {\n  disabled?: boolean | null;\n  onValueChange: (value: number) => void;\n  type?: 'month' | 'year';\n  value: number;\n  width?: number | string;\n  minValue?: number;\n  maxValue?: number;\n}\n\nexport interface DateSelectState {\n  botCapped: boolean;\n  current: Nullable<number>;\n  height: number;\n  opened: boolean;\n  pos: number;\n  top: number;\n  topCapped: boolean;\n  nodeTop: number;\n}\n\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {\n  public static __KONTUR_REACT_UI__ = 'DateSelect';\n\n  public static propTypes = {\n    disabled: PropTypes.bool,\n\n    type: PropTypes.string,\n\n    value: PropTypes.number.isRequired,\n\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    onValueChange: PropTypes.func,\n\n    minValue: PropTypes.number,\n\n    maxValue: PropTypes.number,\n  };\n\n  public static defaultProps = {\n    type: 'year',\n    minMonth: 0,\n    maxMonth: 11,\n    width: 'auto',\n  };\n\n  public state = {\n    botCapped: false,\n    current: 0,\n    height: 0,\n    opened: false,\n    pos: 0,\n    top: 0,\n    topCapped: false,\n    nodeTop: Infinity,\n  };\n\n  private theme!: Theme;\n  private readonly locale!: DatePickerLocale;\n  private root: HTMLElement | null = null;\n  private itemsContainer: HTMLElement | null = null;\n  private listener: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n  private timeout: NodeJS.Timeout | undefined;\n  private longClickTimer = 0;\n  private setPositionRepeatTimer = 0;\n  private yearStep = 3;\n  private touchStartY: Nullable<number> = null;\n\n  public componentDidUpdate() {\n    this.setNodeTop();\n  }\n\n  public componentDidMount() {\n    this.listener = LayoutEvents.addListener(this.setNodeTop);\n    this.setNodeTop();\n    window.addEventListener('keydown', this.handleKey);\n  }\n\n  public componentWillUnmount() {\n    if (this.listener) {\n      this.listener.remove();\n    }\n    if (this.timeout) {\n      clearTimeout(this.timeout);\n    }\n    if (this.longClickTimer) {\n      clearTimeout(this.longClickTimer);\n    }\n    if (this.setPositionRepeatTimer) {\n      clearTimeout(this.setPositionRepeatTimer);\n    }\n    window.removeEventListener('keydown', this.handleKey);\n  }\n\n  /**\n   * @public\n   */\n  public open = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (this.state.opened) {\n      return;\n    }\n\n    this.setPosition(0);\n    this.setState({\n      opened: true,\n      current: 0,\n    });\n  };\n\n  /**\n   * @public\n   */\n  public close = () => {\n    if (!this.state.opened) {\n      return;\n    }\n\n    this.setState({ opened: false });\n  };\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { width, disabled } = this.props;\n    const rootProps = {\n      className: cx({\n        [styles.root(this.theme)]: true,\n        [styles.disabled()]: Boolean(disabled),\n      }),\n      style: { width },\n      ref: this.refRoot,\n    };\n    return (\n      <span {...rootProps}>\n        <div data-tid=\"DateSelect__caption\" className={styles.caption()} onClick={this.open}>\n          {this.getItem(0)}\n          <div\n            className={cx({\n              [styles.arrow(this.theme)]: true,\n              [styles.arrowDisabled()]: Boolean(disabled),\n            })}\n          >\n            <ArrowTriangleUpDownIcon size={12} />\n          </div>\n        </div>\n        {this.state.opened && this.renderMenu()}\n      </span>\n    );\n  }\n\n  private refRoot = (element: HTMLElement | null) => {\n    this.root = element;\n  };\n\n  private setNodeTop = () => {\n    const root = this.root;\n    if (!root) {\n      return;\n    }\n    if (this.timeout) {\n      clearTimeout(this.timeout);\n    }\n    this.timeout = setTimeout(() =>\n      this.setState({\n        nodeTop: root.getBoundingClientRect().top,\n      }),\n    );\n  };\n\n  private disableItems(index: number) {\n    const value = this.props.value + index;\n    if (this.props.maxValue != null && this.props.minValue != null) {\n      return value > this.props.maxValue || value < this.props.minValue;\n    }\n    if (this.props.minValue != null) {\n      return value < this.props.minValue;\n    }\n    if (this.props.maxValue != null) {\n      return value > this.props.maxValue;\n    }\n  }\n\n  private renderMenu(): React.ReactNode {\n    const { top, height, nodeTop } = this.state;\n\n    let shift = this.state.pos % itemHeight;\n    if (shift < 0) {\n      shift += itemHeight;\n    }\n\n    const from = (this.state.pos - shift + top) / itemHeight;\n    const to = from + Math.ceil((height + shift) / itemHeight);\n    const items = [];\n\n    for (let i = from; i < to; ++i) {\n      const disableItems = this.disableItems(i) || false;\n      const className = cx({\n        [styles.menuItem(this.theme)]: true,\n        [styles.menuItemSelected(this.theme)]: i === 0,\n        [styles.menuItemActive(this.theme)]: i === this.state.current,\n        [styles.menuItemDisabled(this.theme)]: disableItems,\n      });\n      const clickHandler = {\n        onMouseDown: preventDefault,\n        onClick: this.handleItemClick(i),\n      };\n      items.push(\n        <div\n          data-tid=\"DateSelect__menuItem\"\n          data-prop-disabled={disableItems}\n          key={i}\n          className={className}\n          onMouseEnter={() => this.setState({ current: i })}\n          onMouseLeave={() => this.setState({ current: null })}\n          {...clickHandler}\n        >\n          {this.getItem(i)}\n        </div>,\n      );\n    }\n    const style: {\n      left?: number | string;\n      right?: number | string;\n      top: number;\n      width?: number | string;\n    } = {\n      top: top - 5,\n      left: 0,\n      right: 0,\n    };\n\n    const shiftStyle: React.CSSProperties = {\n      position: 'relative',\n      top: -shift,\n    };\n\n    const holderClass = cx({\n      [styles.menuHolder(this.theme)]: true,\n      [styles.isTopCapped()]: this.state.topCapped,\n      [styles.isBotCapped()]: this.state.botCapped,\n    });\n\n    let dropdownOffset = -itemHeight;\n    if (nodeTop < -top) {\n      const overflowOffsetDelta = this.state.topCapped ? 6 : 17;\n      dropdownOffset -= nodeTop + top - overflowOffsetDelta;\n    }\n\n    return (\n      <RenderLayer onClickOutside={this.close} onFocusOutside={this.close} active>\n        <div>\n          <DropdownContainer getParent={this.getAnchor} offsetY={dropdownOffset} offsetX={-10}>\n            <div className={holderClass} style={style}>\n              {!this.state.topCapped && (\n                <div\n                  className={cx(styles.menu(this.theme), styles.menuUp())}\n                  onClick={this.handleUp}\n                  onMouseDown={this.handleLongClickUp}\n                  onMouseUp={this.handleLongClickStop}\n                  onMouseLeave={this.handleLongClickStop}\n                  onTouchStart={this.handleLongClickUp}\n                  onTouchEnd={this.handleLongClickStop}\n                >\n                  <span>\n                    <ArrowChevronUpIcon />\n                  </span>\n                </div>\n              )}\n              <div className={styles.itemsHolder()} style={{ height }}>\n                <div ref={this.refItemsContainer} style={shiftStyle}>\n                  {items}\n                </div>\n              </div>\n              {!this.state.botCapped && (\n                <div\n                  className={cx(styles.menu(this.theme), styles.menuDown())}\n                  onClick={this.handleDown}\n                  onMouseDown={this.handleLongClickDown}\n                  onMouseUp={this.handleLongClickStop}\n                  onMouseLeave={this.handleLongClickStop}\n                  onTouchStart={this.handleLongClickDown}\n                  onTouchEnd={this.handleLongClickStop}\n                >\n                  <span>\n                    <ArrowChevronDownIcon />\n                  </span>\n                </div>\n              )}\n            </div>\n          </DropdownContainer>\n        </div>\n      </RenderLayer>\n    );\n  }\n\n  private refItemsContainer = (element: HTMLElement | null) => {\n    if (!this.itemsContainer && element) {\n      element.addEventListener('wheel', this.handleWheel, { passive: false });\n    }\n    if (this.itemsContainer && !element) {\n      this.itemsContainer.removeEventListener('wheel', this.handleWheel);\n    }\n\n    if (isMobile) {\n      if (!this.itemsContainer && element) {\n        element.addEventListener('touchstart', this.handleTouchStart);\n        element.addEventListener('touchmove', this.handleTouchMove);\n      }\n      if (this.itemsContainer && !element) {\n        this.itemsContainer.removeEventListener('touchstart', this.handleTouchStart);\n        this.itemsContainer.removeEventListener('touchmove', this.handleTouchMove);\n      }\n    }\n\n    this.itemsContainer = element;\n  };\n\n  private handleLongClickUp = (event: React.MouseEvent | React.TouchEvent) => {\n    event.preventDefault();\n    this.longClickTimer = window.setTimeout(() => {\n      this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos - itemHeight), 100);\n    }, 200);\n  };\n\n  private handleLongClickDown = (event: React.MouseEvent | React.TouchEvent) => {\n    event.preventDefault();\n    this.longClickTimer = window.setTimeout(() => {\n      this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos + itemHeight), 100);\n    }, 200);\n  };\n\n  private handleLongClickStop = () => {\n    clearTimeout(this.longClickTimer);\n    clearTimeout(this.setPositionRepeatTimer);\n  };\n\n  private getAnchor = () => this.root;\n\n  private handleWheel = (event: Event) => {\n    if (!(event instanceof WheelEvent)) {\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n\n    let deltaY = event.deltaY;\n    if (event.deltaMode === 1) {\n      deltaY *= itemHeight;\n    } else if (event.deltaMode === 2) {\n      deltaY *= itemHeight * 4;\n    }\n    const pos = this.state.pos + deltaY;\n    this.setPosition(pos);\n  };\n\n  private handleTouchStart = (event: Event) => {\n    if (!(event instanceof TouchEvent)) {\n      return;\n    }\n\n    this.touchStartY = event.targetTouches[0].clientY;\n  };\n\n  private handleTouchMove = (event: Event) => {\n    if (!(event instanceof TouchEvent)) {\n      return;\n    }\n\n    const { clientY } = event.changedTouches[0];\n    const pixelRatio = window.devicePixelRatio;\n\n    const deltaY = ((this.touchStartY || 0) - clientY) / pixelRatio;\n    const pos = this.state.pos + deltaY + deltaY / itemHeight;\n\n    this.touchStartY = clientY;\n\n    this.setPosition(pos);\n  };\n\n  private handleItemClick = (shift: number) => {\n    return (e: React.MouseEvent<HTMLElement>) => {\n      const value = this.props.value + shift;\n      if (this.props.onValueChange) {\n        this.props.onValueChange(value);\n      }\n      this.setState({ opened: false });\n    };\n  };\n\n  private handleKey = (e: KeyboardEvent) => {\n    if (this.state.opened && isKeyEscape(e)) {\n      e.preventDefault();\n      this.close();\n      e.stopPropagation();\n    }\n  };\n\n  private handleUp = (event: React.MouseEvent) => {\n    event.preventDefault();\n    this.setPosition(this.state.pos - itemHeight * this.yearStep);\n  };\n\n  private handleDown = (event: React.MouseEvent) => {\n    event.preventDefault();\n    this.setPosition(this.state.pos + itemHeight * this.yearStep);\n  };\n\n  private getItem(index: number) {\n    const value = this.props.value + index;\n    if (this.props.type === 'month') {\n      return this.locale.months[value];\n    }\n    return value;\n  }\n\n  private setPosition(pos: number) {\n    let top = itemsToMoveCount * itemHeight;\n    let height = visibleYearsCount * itemHeight;\n    if (this.props.type === 'month') {\n      top = -this.props.value * itemHeight;\n      height = monthsCount * itemHeight;\n    }\n\n    const minPos = this.getMinPos() - top;\n    const maxPos = this.getMaxPos() - top - height + itemHeight;\n    if (minPos >= pos) {\n      pos = minPos;\n    }\n    if (maxPos <= pos) {\n      pos = maxPos;\n    }\n    const topCapped = pos <= minPos;\n    const botCapped = pos >= maxPos;\n\n    this.setState({ pos, top, height, topCapped, botCapped });\n  }\n\n  private getMinPos() {\n    if (this.props.type === 'month') {\n      return -this.props.value * itemHeight;\n    } else if (this.props.type === 'year') {\n      return ((this.props.minValue || defaultMinYear) - this.props.value) * itemHeight;\n    }\n    return -Infinity; // Be defensive.\n  }\n\n  private getMaxPos() {\n    if (this.props.type === 'month') {\n      return (visibleYearsCount - this.props.value) * itemHeight;\n    } else if (this.props.type === 'year') {\n      return ((this.props.maxValue || defaultMaxYear) - this.props.value) * itemHeight;\n    }\n    return Infinity; // Be defensive.\n  }\n}\n\nfunction preventDefault(e: React.SyntheticEvent) {\n  e.preventDefault();\n}\n"]}

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

@@ -1,18 +1,19 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../themes/FlatTheme").FlatTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
     disabled(): string;
     caption(): string;
-    arrow(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../themes/FlatTheme").FlatTheme>): string;
+    arrow(t: Theme): string;
     arrowDisabled(): string;
-    menuHolder(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../themes/FlatTheme").FlatTheme>): string;
+    menuHolder(t: Theme): string;
     isTopCapped(): string;
     isBotCapped(): string;
     itemsHolder(): string;
-    menuItem(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../themes/FlatTheme").FlatTheme>): string;
-    menuItemSelected(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../themes/FlatTheme").FlatTheme>): string;
-    menuItemActive(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../themes/FlatTheme").FlatTheme>): string;
-    menuItemDisabled(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../themes/FlatTheme").FlatTheme>): string;
-    menu(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../themes/FlatTheme").FlatTheme>): string;
-    menuUp(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../themes/FlatTheme").FlatTheme>): string;
-    menuDown(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../themes/FlatTheme").FlatTheme>): string;
+    menuItem(t: Theme): string;
+    menuItemSelected(t: Theme): string;
+    menuItemActive(t: Theme): string;
+    menuItemDisabled(t: Theme): string;
+    menu(t: Theme): string;
+    menuUp(): string;
+    menuDown(): string;
 };