@skbkontur/react-ui 4.10.0-theme2022.4 → 4.11.0-revert-datatids

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

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

package/internal/CustomComboBox/CustomComboBox.d.ts

@@ -5,8 +5,9 @@ import { Menu } from '../Menu';
 import { InputLikeText } from '../InputLikeText';
 import { MenuItemState } from '../../components/MenuItem';
 import { CommonProps } from '../../internal/CommonWrapper';
+import { DropdownContainerProps } from '../DropdownContainer';
 import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-export interface CustomComboBoxProps<T> extends CommonProps {
+export interface CustomComboBoxProps<T> extends Pick<DropdownContainerProps, 'menuPos'>, CommonProps {
     align?: 'left' | 'center' | 'right';
     autoFocus?: boolean;
     borderless?: boolean;
@@ -76,9 +77,6 @@ export declare const DefaultState: {
     repeatRequest: () => undefined;
     requestStatus: ComboBoxRequestStatus;
 };
-export declare const CustomComboBoxDataTids: {
-    readonly comboBoxView: "ComboBoxView__root";
-};
 export declare class CustomComboBox<T> extends React.PureComponent<CustomComboBoxProps<T>, CustomComboBoxState<T>> {
     static __KONTUR_REACT_UI__: string;
     state: CustomComboBoxState<T>;

package/internal/DateSelect/DateSelect/DateSelect.js

@@ -18,10 +18,6 @@ import { isMobile } from "../../../lib/client";
 import { cx } from "../../../lib/theming/Emotion";
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
-import { ArrowCollapseCVOpenIcon16Regular } from "../../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular";
-import { ArrowCUpIcon16Regular } from "../../icons2022/ArrowCUpIcon/ArrowCUpIcon16Regular";
-import { ArrowCDownIcon16Regular } from "../../icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular";
 import { styles } from "../DateSelect.styles";
 var itemHeight = 24;
 var visibleYearsCount = 11;
@@ -42,10 +38,6 @@ var calculatePos = function calculatePos(pos, minPos, maxPos) {
   return pos;
 };
 
-export var DateSelectDataTids = {
-  caption: 'DateSelect__caption',
-  menuItem: 'DateSelect__menuItem'
-};
 export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
   _inheritsLoose(DateSelect, _React$PureComponent);
 
@@ -307,10 +299,6 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
   _proto.renderMain = function renderMain() {
     var _cx, _cx2;
 
-    if (isTheme2022(this.theme)) {
-      return this.renderMain2022();
-    }
-
     var disabled = this.props.disabled;
     var width = this.getProps().width;
     var rootProps = {
@@ -321,7 +309,7 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
       ref: this.refRoot
     };
     return /*#__PURE__*/React.createElement("span", rootProps, /*#__PURE__*/React.createElement("div", {
-      "data-tid": DateSelectDataTids.caption,
+      "data-tid": "DateSelect__caption",
       className: styles.caption(),
       onClick: this.open
     }, this.getItem(0), /*#__PURE__*/React.createElement("div", {
@@ -331,26 +319,6 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
     }))), this.state.opened && this.renderMenu());
   };
 
-  _proto.renderMain2022 = function renderMain2022() {
-    var disabled = this.props.disabled;
-    var width = this.getProps().width;
-    var rootProps = {
-      className: cx(styles.root(this.theme), styles.root2022(), disabled && styles.disabled()),
-      style: {
-        width: width
-      },
-      ref: this.refRoot,
-      onClick: this.open
-    };
-    return /*#__PURE__*/React.createElement("span", rootProps, /*#__PURE__*/React.createElement("div", {
-      "data-tid": DateSelectDataTids.caption,
-      className: styles.caption()
-    }, this.getItem(0)), /*#__PURE__*/React.createElement(ArrowCollapseCVOpenIcon16Regular, {
-      disableCompensation: false,
-      color: "#ADADAD"
-    }), this.state.opened && this.renderMenu());
-  };
-
   _proto.disableItems = function disableItems(index) {
     var value = this.props.value + index;
 
@@ -395,7 +363,7 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
         onClick: _this3.handleItemClick(i)
       };
       items.push( /*#__PURE__*/React.createElement("div", _extends({
-        "data-tid": DateSelectDataTids.menuItem,
+        "data-tid": "DateSelect__menuItem",
         "data-prop-disabled": disableItems,
         key: i,
         className: className,
@@ -433,12 +401,6 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
       dropdownOffset -= nodeTop + top - overflowOffsetDelta;
     }
 
-    var iconUp = isTheme2022(this.theme) ? /*#__PURE__*/React.createElement(ArrowCUpIcon16Regular, {
-      color: "#ADADAD"
-    }) : /*#__PURE__*/React.createElement(ArrowChevronUpIcon, null);
-    var iconDown = isTheme2022(this.theme) ? /*#__PURE__*/React.createElement(ArrowCDownIcon16Regular, {
-      color: "#ADADAD"
-    }) : /*#__PURE__*/React.createElement(ArrowChevronDownIcon, null);
     return /*#__PURE__*/React.createElement(RenderLayer, {
       onClickOutside: this.close,
       onFocusOutside: this.close,
@@ -458,7 +420,7 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
       onMouseLeave: this.handleLongClickStop,
       onTouchStart: this.handleLongClickUp,
       onTouchEnd: this.handleLongClickStop
-    }, /*#__PURE__*/React.createElement("span", null, iconUp)), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(ArrowChevronUpIcon, null))), /*#__PURE__*/React.createElement("div", {
       className: styles.itemsHolder(),
       style: {
         height: height
@@ -474,7 +436,7 @@ export var DateSelect = (_dec = locale('DatePicker', DatePickerLocaleHelper), _d
       onMouseLeave: this.handleLongClickStop,
       onTouchStart: this.handleLongClickDown,
       onTouchEnd: this.handleLongClickStop
-    }, /*#__PURE__*/React.createElement("span", null, iconDown))))));
+    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(ArrowChevronDownIcon, null)))))));
   };
 
   _proto.getItem = function getItem(index) {

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

@@ -1 +1 @@
-{"version":3,"sources":["DateSelect.tsx"],"names":["React","PropTypes","isNonNullable","isKeyEscape","DatePickerLocaleHelper","locale","RenderLayer","DropdownContainer","LayoutEvents","ThemeContext","ArrowTriangleUpDownIcon","ArrowChevronDownIcon","ArrowChevronUpIcon","isMobile","cx","getDOMRect","createPropsGetter","isTheme2022","ArrowCollapseCVOpenIcon16Regular","ArrowCUpIcon16Regular","ArrowCDownIcon16Regular","styles","itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinYear","defaultMaxYear","calculatePos","pos","minPos","maxPos","DateSelectDataTids","caption","menuItem","DateSelect","getProps","defaultProps","state","botCapped","current","height","opened","top","topCapped","nodeTop","Infinity","root","itemsContainer","longClickTimer","setPositionRepeatTimer","yearStep","touchStartY","open","props","disabled","setPosition","setState","close","refRoot","element","setNodeTop","timeout","clearTimeout","setTimeout","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","handleTouchStart","handleTouchMove","handleLongClickUp","event","preventDefault","window","setInterval","handleLongClickDown","handleLongClickStop","getAnchor","WheelEvent","stopPropagation","deltaY","deltaMode","TouchEvent","targetTouches","clientY","changedTouches","pixelRatio","devicePixelRatio","handleItemClick","shift","value","onValueChange","handleKey","e","handleUp","handleDown","componentDidUpdate","componentDidMount","listener","addListener","componentWillUnmount","remove","render","theme","renderMain","renderMain2022","width","rootProps","className","Boolean","style","ref","getItem","arrow","arrowDisabled","renderMenu","root2022","onClick","disableItems","index","maxValue","minValue","from","to","Math","ceil","items","i","menuItemSelected","menuItemActive","menuItemDisabled","clickHandler","onMouseDown","push","left","right","shiftStyle","position","holderClass","menuHolder","isTopCapped","isBotCapped","dropdownOffset","overflowOffsetDelta","iconUp","iconDown","menu","menuUp","itemsHolder","menuDown","type","months","getMinPos","getMaxPos","calculatedPos","PureComponent","__KONTUR_REACT_UI__","propTypes","bool","string","number","isRequired","oneOfType","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isNonNullable } from '../../lib/utils';\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';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { ArrowCollapseCVOpenIcon16Regular } from '../icons2022/ArrowCollapseCVOpenIcon/ArrowCollapseCVOpenIcon16Regular';\nimport { ArrowCUpIcon16Regular } from '../icons2022/ArrowCUpIcon/ArrowCUpIcon16Regular';\nimport { ArrowCDownIcon16Regular } from '../icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular';\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\nconst calculatePos = (pos: number, minPos: number, maxPos: number) => {\n  if (maxPos <= pos) {\n    return maxPos;\n  }\n\n  if (minPos >= pos) {\n    return minPos;\n  }\n\n  return pos;\n};\n\nexport const DateSelectDataTids = {\n  caption: 'DateSelect__caption',\n  menuItem: 'DateSelect__menuItem',\n} as const;\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' | 'width'>>;\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: DefaultProps = {\n    type: 'year',\n    width: 'auto',\n  };\n\n  private getProps = createPropsGetter(DateSelect.defaultProps);\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    if (isTheme2022(this.theme)) {\n      return this.renderMain2022();\n    }\n\n    const { disabled } = this.props;\n    const width = this.getProps().width;\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={DateSelectDataTids.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 renderMain2022() {\n    const { disabled } = this.props;\n    const width = this.getProps().width;\n    const rootProps = {\n      className: cx(styles.root(this.theme), styles.root2022(), disabled && styles.disabled()),\n      style: { width },\n      ref: this.refRoot,\n      onClick: this.open,\n    };\n\n    return (\n      <span {...rootProps}>\n        <div data-tid={DateSelectDataTids.caption} className={styles.caption()}>\n          {this.getItem(0)}\n        </div>\n        <ArrowCollapseCVOpenIcon16Regular disableCompensation={false} color=\"#ADADAD\" />\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: getDOMRect(root).top,\n      }),\n    );\n  };\n\n  private disableItems(index: number) {\n    const value = this.props.value + index;\n    if (isNonNullable(this.props.maxValue) && isNonNullable(this.props.minValue)) {\n      return value > this.props.maxValue || value < this.props.minValue;\n    }\n\n    if (isNonNullable(this.props.minValue)) {\n      return value < this.props.minValue;\n    }\n\n    if (isNonNullable(this.props.maxValue)) {\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={DateSelectDataTids.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    const iconUp = isTheme2022(this.theme) ? <ArrowCUpIcon16Regular color=\"#ADADAD\" /> : <ArrowChevronUpIcon />;\n    const iconDown = isTheme2022(this.theme) ? <ArrowCDownIcon16Regular color=\"#ADADAD\" /> : <ArrowChevronDownIcon />;\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>{iconUp}</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>{iconDown}</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 () => {\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.getProps().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.getProps().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\n    const calculatedPos = calculatePos(pos, minPos, maxPos);\n    const topCapped = calculatedPos <= minPos;\n    const botCapped = calculatedPos >= maxPos;\n\n    this.setState({ pos: calculatedPos, top, height, topCapped, botCapped });\n  }\n\n  private getMinPos() {\n    const type = this.getProps().type;\n    if (type === 'month') {\n      return -this.props.value * itemHeight;\n    } else if (type === 'year') {\n      return ((this.props.minValue || defaultMinYear) - this.props.value) * itemHeight;\n    }\n    return -Infinity; // Be defensive.\n  }\n\n  private getMaxPos() {\n    const type = this.getProps().type;\n    if (type === 'month') {\n      return (visibleYearsCount - this.props.value) * itemHeight;\n    } else if (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"]}
+{"version":3,"sources":["DateSelect.tsx"],"names":["React","PropTypes","isNonNullable","isKeyEscape","DatePickerLocaleHelper","locale","RenderLayer","DropdownContainer","LayoutEvents","ThemeContext","ArrowTriangleUpDownIcon","ArrowChevronDownIcon","ArrowChevronUpIcon","isMobile","cx","getDOMRect","createPropsGetter","styles","itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinYear","defaultMaxYear","calculatePos","pos","minPos","maxPos","DateSelect","getProps","defaultProps","state","botCapped","current","height","opened","top","topCapped","nodeTop","Infinity","root","itemsContainer","longClickTimer","setPositionRepeatTimer","yearStep","touchStartY","open","props","disabled","setPosition","setState","close","refRoot","element","setNodeTop","timeout","clearTimeout","setTimeout","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","handleTouchStart","handleTouchMove","handleLongClickUp","event","preventDefault","window","setInterval","handleLongClickDown","handleLongClickStop","getAnchor","WheelEvent","stopPropagation","deltaY","deltaMode","TouchEvent","targetTouches","clientY","changedTouches","pixelRatio","devicePixelRatio","handleItemClick","shift","value","onValueChange","handleKey","e","handleUp","handleDown","componentDidUpdate","componentDidMount","listener","addListener","componentWillUnmount","remove","render","theme","renderMain","width","rootProps","className","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","months","getMinPos","getMaxPos","calculatedPos","PureComponent","__KONTUR_REACT_UI__","propTypes","bool","string","number","isRequired","oneOfType","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isNonNullable } from '../../lib/utils';\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';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\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\nconst calculatePos = (pos: number, minPos: number, maxPos: number) => {\n  if (maxPos <= pos) {\n    return maxPos;\n  }\n\n  if (minPos >= pos) {\n    return minPos;\n  }\n\n  return pos;\n};\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' | 'width'>>;\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: DefaultProps = {\n    type: 'year',\n    width: 'auto',\n  };\n\n  private getProps = createPropsGetter(DateSelect.defaultProps);\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 { disabled } = this.props;\n    const width = this.getProps().width;\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: getDOMRect(root).top,\n      }),\n    );\n  };\n\n  private disableItems(index: number) {\n    const value = this.props.value + index;\n    if (isNonNullable(this.props.maxValue) && isNonNullable(this.props.minValue)) {\n      return value > this.props.maxValue || value < this.props.minValue;\n    }\n\n    if (isNonNullable(this.props.minValue)) {\n      return value < this.props.minValue;\n    }\n\n    if (isNonNullable(this.props.maxValue)) {\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 () => {\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.getProps().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.getProps().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\n    const calculatedPos = calculatePos(pos, minPos, maxPos);\n    const topCapped = calculatedPos <= minPos;\n    const botCapped = calculatedPos >= maxPos;\n\n    this.setState({ pos: calculatedPos, top, height, topCapped, botCapped });\n  }\n\n  private getMinPos() {\n    const type = this.getProps().type;\n    if (type === 'month') {\n      return -this.props.value * itemHeight;\n    } else if (type === 'year') {\n      return ((this.props.minValue || defaultMinYear) - this.props.value) * itemHeight;\n    }\n    return -Infinity; // Be defensive.\n  }\n\n  private getMaxPos() {\n    const type = this.getProps().type;\n    if (type === 'month') {\n      return (visibleYearsCount - this.props.value) * itemHeight;\n    } else if (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/internal/DateSelect/DateSelect.d.ts

@@ -20,10 +20,6 @@ export interface DateSelectState {
     topCapped: boolean;
     nodeTop: number;
 }
-export declare const DateSelectDataTids: {
-    readonly caption: "DateSelect__caption";
-    readonly menuItem: "DateSelect__menuItem";
-};
 declare type DefaultProps = Required<Pick<DateSelectProps, 'type' | 'width'>>;
 export declare class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {
     static __KONTUR_REACT_UI__: string;
@@ -71,7 +67,6 @@ export declare class DateSelect extends React.PureComponent<DateSelectProps, Dat
     close: () => void;
     render(): JSX.Element;
     private renderMain;
-    private renderMain2022;
     private refRoot;
     private setNodeTop;
     private disableItems;

package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js

@@ -1,58 +1,55 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   root: function root(t) {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font-size: ", ";\n      line-height: ", ";\n      outline: 0;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n      touch-action: none;\n\n      &:hover {\n        color: ", ";\n      }\n    "])), t.dateSelectTextColorDefault, t.dateSelectFontSize, t.dateSelectLineHeight, t.dateSelectLinkColor);
   },
-  root2022: function root2022() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      justify-content: space-between;\n    "])));
-  },
   disabled: function disabled() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "])));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "])));
   },
   caption: function caption() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
   },
   arrow: function arrow(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      float: right;\n      line-height: ", ";\n      opacity: 1;\n      position: absolute;\n      right: 4px;\n      top: 0;\n      transform: scaleX(0.7);\n      transition: opacity 0.2s ease-out;\n    "])), t.dateSelectTextColorDisabled, t.dateSelectLineHeight);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      float: right;\n      line-height: ", ";\n      opacity: 1;\n      position: absolute;\n      right: 4px;\n      top: 0;\n      transform: scaleX(0.7);\n      transition: opacity 0.2s ease-out;\n    "])), t.dateSelectTextColorDisabled, t.dateSelectLineHeight);
   },
   arrowDisabled: function arrowDisabled() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      opacity: 0;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      opacity: 0;\n    "])));
   },
   menuHolder: function menuHolder(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      box-shadow: ", ";\n      box-sizing: content-box;\n      color: ", ";\n      font-size: ", ";\n      margin-top: -11px;\n      overflow: hidden;\n      position: absolute;\n      z-index: 1000;\n    "])), t.dateSelectMenuBg, t.dateSelectPopupBoxShadow, t.dateSelectTextColorDefault, t.dateSelectFontSize);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      box-shadow: ", ";\n      box-sizing: content-box;\n      color: ", ";\n      font-size: ", ";\n      margin-top: -11px;\n      overflow: hidden;\n      position: absolute;\n      z-index: 1000;\n    "])), t.dateSelectMenuBg, t.dateSelectPopupBoxShadow, t.dateSelectTextColorDefault, t.dateSelectFontSize);
   },
   isTopCapped: function isTopCapped() {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      margin-top: 0;\n      padding-top: 5px;\n    "])));
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      margin-top: 0;\n      padding-top: 5px;\n    "])));
   },
   isBotCapped: function isBotCapped() {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      padding-bottom: 5px;\n    "])));
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      padding-bottom: 5px;\n    "])));
   },
   itemsHolder: function itemsHolder() {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      position: relative;\n    "])));
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      position: relative;\n    "])));
   },
   menuItem: function menuItem(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      height: 24px;\n      line-height: 24px;\n      padding-left: 10px;\n      user-select: none;\n      white-space: nowrap;\n      touch-action: none;\n    "])), t.dateSelectTextColorDefault);
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      height: 24px;\n      line-height: 24px;\n      padding-left: 10px;\n      user-select: none;\n      white-space: nowrap;\n      touch-action: none;\n    "])), t.dateSelectTextColorDefault);
   },
   menuItemSelected: function menuItemSelected(t) {
-    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n    "])), t.dateSelectMenuItemBgSelected, t.dateSelectMenuItemFontSelected);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n    "])), t.dateSelectMenuItemBgSelected, t.dateSelectMenuItemFontSelected);
   },
   menuItemActive: function menuItemActive(t) {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n    "])), t.dateSelectMenuItemBgActive, t.dateSelectMenuItemFontActive);
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n    "])), t.dateSelectMenuItemBgActive, t.dateSelectMenuItemFontActive);
   },
   menuItemDisabled: function menuItemDisabled(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n      pointer-events: none;\n    "])), t.dateSelectMenuItemBgDisabled, t.dateSelectTextColorDisabled);
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n      pointer-events: none;\n    "])), t.dateSelectMenuItemBgDisabled, t.dateSelectTextColorDisabled);
   },
   menu: function menu(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      cursor: pointer;\n      height: 16px;\n      line-height: 0;\n      padding-left: 18px;\n      text-align: left;\n      user-select: none;\n\n      background: ", ";\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        color: ", ";\n      }\n    "])), t.dateSelectMenuBg, t.dateSelectTextColorDefault, t.dateSelectMenuItemBgActive, t.dateSelectTextColorInvert);
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      cursor: pointer;\n      height: 16px;\n      line-height: 0;\n      padding-left: 18px;\n      text-align: left;\n      user-select: none;\n\n      background: ", ";\n      color: ", ";\n\n      &:hover {\n        background: ", ";\n        color: ", ";\n      }\n    "])), t.dateSelectMenuBg, t.dateSelectTextColorDefault, t.dateSelectMenuItemBgActive, t.dateSelectTextColorInvert);
   },
   menuUp: function menuUp() {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    "])));
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    "])));
   },
   menuDown: function menuDown() {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      span {\n        position: relative;\n        top: -1px;\n      }\n    "])));
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      span {\n        position: relative;\n        top: -1px;\n      }\n    "])));
   }
 });

package/internal/DateSelect/DateSelect.styles/DateSelect.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DateSelect.styles.ts"],"names":["css","memoizeStyle","styles","root","t","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","root2022","disabled","caption","arrow","dateSelectTextColorDisabled","arrowDisabled","menuHolder","dateSelectMenuBg","dateSelectPopupBoxShadow","isTopCapped","isBotCapped","itemsHolder","menuItem","menuItemSelected","dateSelectMenuItemBgSelected","dateSelectMenuItemFontSelected","menuItemActive","dateSelectMenuItemBgActive","dateSelectMenuItemFontActive","menuItemDisabled","dateSelectMenuItemBgDisabled","menu","dateSelectTextColorInvert","menuUp","menuDown"],"mappings":"4ZAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACC,0BADb;;;AAIeD,IAAAA,CAAC,CAACE,kBAJjB;AAKiBF,IAAAA,CAAC,CAACG,oBALnB;;;;;;;;AAaaH,IAAAA,CAAC,CAACI,mBAbf;;;AAgBD,GAlBgC;;AAoBjCC,EAAAA,QApBiC,sBAoBtB;AACT,WAAOT,GAAP;;;;AAID,GAzBgC;;AA2BjCU,EAAAA,QA3BiC,sBA2BtB;AACT,WAAOV,GAAP;;;;AAID,GAhCgC;;AAkCjCW,EAAAA,OAlCiC,qBAkCvB;AACR,WAAOX,GAAP;;;AAGD,GAtCgC;;AAwCjCY,EAAAA,KAxCiC,iBAwC3BR,CAxC2B,EAwCjB;AACd,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACS,2BADb;;AAGiBT,IAAAA,CAAC,CAACG,oBAHnB;;;;;;;;AAWD,GApDgC;AAqDjCO,EAAAA,aArDiC,2BAqDjB;AACd,WAAOd,GAAP;;;AAGD,GAzDgC;;AA2DjCe,EAAAA,UA3DiC,sBA2DtBX,CA3DsB,EA2DZ;AACnB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACY,gBADlB;AAEgBZ,IAAAA,CAAC,CAACa,wBAFlB;;AAIWb,IAAAA,CAAC,CAACC,0BAJb;AAKeD,IAAAA,CAAC,CAACE,kBALjB;;;;;;AAWD,GAvEgC;;AAyEjCY,EAAAA,WAzEiC,yBAyEnB;AACZ,WAAOlB,GAAP;;;;AAID,GA9EgC;;AAgFjCmB,EAAAA,WAhFiC,yBAgFnB;AACZ,WAAOnB,GAAP;;;AAGD,GApFgC;;AAsFjCoB,EAAAA,WAtFiC,yBAsFnB;AACZ,WAAOpB,GAAP;;;;AAID,GA3FgC;;AA6FjCqB,EAAAA,QA7FiC,oBA6FxBjB,CA7FwB,EA6Fd;AACjB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACC,0BADb;;;;;;;;;AAUD,GAxGgC;;AA0GjCiB,EAAAA,gBA1GiC,4BA0GhBlB,CA1GgB,EA0GN;AACzB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACmB,4BADlB;AAEWnB,IAAAA,CAAC,CAACoB,8BAFb;;AAID,GA/GgC;;AAiHjCC,EAAAA,cAjHiC,0BAiHlBrB,CAjHkB,EAiHR;AACvB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACsB,0BADlB;AAEWtB,IAAAA,CAAC,CAACuB,4BAFb;;AAID,GAtHgC;;AAwHjCC,EAAAA,gBAxHiC,4BAwHhBxB,CAxHgB,EAwHN;AACzB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACyB,4BADlB;AAEWzB,IAAAA,CAAC,CAACS,2BAFb;;;AAKD,GA9HgC;;AAgIjCiB,EAAAA,IAhIiC,gBAgI5B1B,CAhI4B,EAgIlB;AACb,WAAOJ,GAAP;;;;;;;;;AASgBI,IAAAA,CAAC,CAACY,gBATlB;AAUWZ,IAAAA,CAAC,CAACC,0BAVb;;;AAakBD,IAAAA,CAAC,CAACsB,0BAbpB;AAcatB,IAAAA,CAAC,CAAC2B,yBAdf;;;AAiBD,GAlJgC;;AAoJjCC,EAAAA,MApJiC,oBAoJxB;AACP,WAAOhC,GAAP;;;;;;AAMD,GA3JgC;;AA6JjCiC,EAAAA,QA7JiC,sBA6JtB;AACT,WAAOjC,GAAP;;;;;;AAMD,GApKgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.dateSelectTextColorDefault};\n      cursor: pointer;\n      display: inline-block;\n      font-size: ${t.dateSelectFontSize};\n      line-height: ${t.dateSelectLineHeight};\n      outline: 0;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n      touch-action: none;\n\n      &:hover {\n        color: ${t.dateSelectLinkColor};\n      }\n    `;\n  },\n\n  root2022() {\n    return css`\n      display: inline-flex;\n      justify-content: space-between;\n    `;\n  },\n\n  disabled() {\n    return css`\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    `;\n  },\n\n  caption() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  arrow(t: Theme) {\n    return css`\n      color: ${t.dateSelectTextColorDisabled};\n      float: right;\n      line-height: ${t.dateSelectLineHeight};\n      opacity: 1;\n      position: absolute;\n      right: 4px;\n      top: 0;\n      transform: scaleX(0.7);\n      transition: opacity 0.2s ease-out;\n    `;\n  },\n  arrowDisabled() {\n    return css`\n      opacity: 0;\n    `;\n  },\n\n  menuHolder(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuBg};\n      box-shadow: ${t.dateSelectPopupBoxShadow};\n      box-sizing: content-box;\n      color: ${t.dateSelectTextColorDefault};\n      font-size: ${t.dateSelectFontSize};\n      margin-top: -11px;\n      overflow: hidden;\n      position: absolute;\n      z-index: 1000;\n    `;\n  },\n\n  isTopCapped() {\n    return css`\n      margin-top: 0;\n      padding-top: 5px;\n    `;\n  },\n\n  isBotCapped() {\n    return css`\n      padding-bottom: 5px;\n    `;\n  },\n\n  itemsHolder() {\n    return css`\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  menuItem(t: Theme) {\n    return css`\n      color: ${t.dateSelectTextColorDefault};\n      cursor: pointer;\n      height: 24px;\n      line-height: 24px;\n      padding-left: 10px;\n      user-select: none;\n      white-space: nowrap;\n      touch-action: none;\n    `;\n  },\n\n  menuItemSelected(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuItemBgSelected};\n      color: ${t.dateSelectMenuItemFontSelected};\n    `;\n  },\n\n  menuItemActive(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuItemBgActive};\n      color: ${t.dateSelectMenuItemFontActive};\n    `;\n  },\n\n  menuItemDisabled(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuItemBgDisabled};\n      color: ${t.dateSelectTextColorDisabled};\n      pointer-events: none;\n    `;\n  },\n\n  menu(t: Theme) {\n    return css`\n      box-sizing: border-box;\n      cursor: pointer;\n      height: 16px;\n      line-height: 0;\n      padding-left: 18px;\n      text-align: left;\n      user-select: none;\n\n      background: ${t.dateSelectMenuBg};\n      color: ${t.dateSelectTextColorDefault};\n\n      &:hover {\n        background: ${t.dateSelectMenuItemBgActive};\n        color: ${t.dateSelectTextColorInvert};\n      }\n    `;\n  },\n\n  menuUp() {\n    return css`\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    `;\n  },\n\n  menuDown() {\n    return css`\n      span {\n        position: relative;\n        top: -1px;\n      }\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["DateSelect.styles.ts"],"names":["css","memoizeStyle","styles","root","t","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","disabled","caption","arrow","dateSelectTextColorDisabled","arrowDisabled","menuHolder","dateSelectMenuBg","dateSelectPopupBoxShadow","isTopCapped","isBotCapped","itemsHolder","menuItem","menuItemSelected","dateSelectMenuItemBgSelected","dateSelectMenuItemFontSelected","menuItemActive","dateSelectMenuItemBgActive","dateSelectMenuItemFontActive","menuItemDisabled","dateSelectMenuItemBgDisabled","menu","dateSelectTextColorInvert","menuUp","menuDown"],"mappings":"yYAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACC,0BADb;;;AAIeD,IAAAA,CAAC,CAACE,kBAJjB;AAKiBF,IAAAA,CAAC,CAACG,oBALnB;;;;;;;;AAaaH,IAAAA,CAAC,CAACI,mBAbf;;;AAgBD,GAlBgC;;AAoBjCC,EAAAA,QApBiC,sBAoBtB;AACT,WAAOT,GAAP;;;;AAID,GAzBgC;;AA2BjCU,EAAAA,OA3BiC,qBA2BvB;AACR,WAAOV,GAAP;;;AAGD,GA/BgC;;AAiCjCW,EAAAA,KAjCiC,iBAiC3BP,CAjC2B,EAiCjB;AACd,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACQ,2BADb;;AAGiBR,IAAAA,CAAC,CAACG,oBAHnB;;;;;;;;AAWD,GA7CgC;AA8CjCM,EAAAA,aA9CiC,2BA8CjB;AACd,WAAOb,GAAP;;;AAGD,GAlDgC;;AAoDjCc,EAAAA,UApDiC,sBAoDtBV,CApDsB,EAoDZ;AACnB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACW,gBADlB;AAEgBX,IAAAA,CAAC,CAACY,wBAFlB;;AAIWZ,IAAAA,CAAC,CAACC,0BAJb;AAKeD,IAAAA,CAAC,CAACE,kBALjB;;;;;;AAWD,GAhEgC;;AAkEjCW,EAAAA,WAlEiC,yBAkEnB;AACZ,WAAOjB,GAAP;;;;AAID,GAvEgC;;AAyEjCkB,EAAAA,WAzEiC,yBAyEnB;AACZ,WAAOlB,GAAP;;;AAGD,GA7EgC;;AA+EjCmB,EAAAA,WA/EiC,yBA+EnB;AACZ,WAAOnB,GAAP;;;;AAID,GApFgC;;AAsFjCoB,EAAAA,QAtFiC,oBAsFxBhB,CAtFwB,EAsFd;AACjB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACC,0BADb;;;;;;;;;AAUD,GAjGgC;;AAmGjCgB,EAAAA,gBAnGiC,4BAmGhBjB,CAnGgB,EAmGN;AACzB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACkB,4BADlB;AAEWlB,IAAAA,CAAC,CAACmB,8BAFb;;AAID,GAxGgC;;AA0GjCC,EAAAA,cA1GiC,0BA0GlBpB,CA1GkB,EA0GR;AACvB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACqB,0BADlB;AAEWrB,IAAAA,CAAC,CAACsB,4BAFb;;AAID,GA/GgC;;AAiHjCC,EAAAA,gBAjHiC,4BAiHhBvB,CAjHgB,EAiHN;AACzB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACwB,4BADlB;AAEWxB,IAAAA,CAAC,CAACQ,2BAFb;;;AAKD,GAvHgC;;AAyHjCiB,EAAAA,IAzHiC,gBAyH5BzB,CAzH4B,EAyHlB;AACb,WAAOJ,GAAP;;;;;;;;;AASgBI,IAAAA,CAAC,CAACW,gBATlB;AAUWX,IAAAA,CAAC,CAACC,0BAVb;;;AAakBD,IAAAA,CAAC,CAACqB,0BAbpB;AAcarB,IAAAA,CAAC,CAAC0B,yBAdf;;;AAiBD,GA3IgC;;AA6IjCC,EAAAA,MA7IiC,oBA6IxB;AACP,WAAO/B,GAAP;;;;;;AAMD,GApJgC;;AAsJjCgC,EAAAA,QAtJiC,sBAsJtB;AACT,WAAOhC,GAAP;;;;;;AAMD,GA7JgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.dateSelectTextColorDefault};\n      cursor: pointer;\n      display: inline-block;\n      font-size: ${t.dateSelectFontSize};\n      line-height: ${t.dateSelectLineHeight};\n      outline: 0;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n      touch-action: none;\n\n      &:hover {\n        color: ${t.dateSelectLinkColor};\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    `;\n  },\n\n  caption() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  arrow(t: Theme) {\n    return css`\n      color: ${t.dateSelectTextColorDisabled};\n      float: right;\n      line-height: ${t.dateSelectLineHeight};\n      opacity: 1;\n      position: absolute;\n      right: 4px;\n      top: 0;\n      transform: scaleX(0.7);\n      transition: opacity 0.2s ease-out;\n    `;\n  },\n  arrowDisabled() {\n    return css`\n      opacity: 0;\n    `;\n  },\n\n  menuHolder(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuBg};\n      box-shadow: ${t.dateSelectPopupBoxShadow};\n      box-sizing: content-box;\n      color: ${t.dateSelectTextColorDefault};\n      font-size: ${t.dateSelectFontSize};\n      margin-top: -11px;\n      overflow: hidden;\n      position: absolute;\n      z-index: 1000;\n    `;\n  },\n\n  isTopCapped() {\n    return css`\n      margin-top: 0;\n      padding-top: 5px;\n    `;\n  },\n\n  isBotCapped() {\n    return css`\n      padding-bottom: 5px;\n    `;\n  },\n\n  itemsHolder() {\n    return css`\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  menuItem(t: Theme) {\n    return css`\n      color: ${t.dateSelectTextColorDefault};\n      cursor: pointer;\n      height: 24px;\n      line-height: 24px;\n      padding-left: 10px;\n      user-select: none;\n      white-space: nowrap;\n      touch-action: none;\n    `;\n  },\n\n  menuItemSelected(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuItemBgSelected};\n      color: ${t.dateSelectMenuItemFontSelected};\n    `;\n  },\n\n  menuItemActive(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuItemBgActive};\n      color: ${t.dateSelectMenuItemFontActive};\n    `;\n  },\n\n  menuItemDisabled(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuItemBgDisabled};\n      color: ${t.dateSelectTextColorDisabled};\n      pointer-events: none;\n    `;\n  },\n\n  menu(t: Theme) {\n    return css`\n      box-sizing: border-box;\n      cursor: pointer;\n      height: 16px;\n      line-height: 0;\n      padding-left: 18px;\n      text-align: left;\n      user-select: none;\n\n      background: ${t.dateSelectMenuBg};\n      color: ${t.dateSelectTextColorDefault};\n\n      &:hover {\n        background: ${t.dateSelectMenuItemBgActive};\n        color: ${t.dateSelectTextColorInvert};\n      }\n    `;\n  },\n\n  menuUp() {\n    return css`\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    `;\n  },\n\n  menuDown() {\n    return css`\n      span {\n        position: relative;\n        top: -1px;\n      }\n    `;\n  },\n});\n"]}

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

@@ -1,7 +1,6 @@
 import { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     root(t: Theme): string;
-    root2022(): string;
     disabled(): string;
     caption(): string;
     arrow(t: Theme): string;

package/internal/DropdownContainer/DropdownContainer/DropdownContainer.js

@@ -9,6 +9,7 @@ import { cx } from "../../../lib/theming/Emotion";
 import { isIE11 } from "../../../lib/client";
 import { getDOMRect } from "../../../lib/dom/getDOMRect";
 import { styles } from "../DropdownContainer.styles";
+import { getManualPosition, getTopAlignment } from "../getManualPosition";
 export var DropdownContainer = /*#__PURE__*/function (_React$PureComponent) {
   _inheritsLoose(DropdownContainer, _React$PureComponent);
 
@@ -60,18 +61,30 @@ export var DropdownContainer = /*#__PURE__*/function (_React$PureComponent) {
 
         var dropdownHeight = _this.getHeight();
 
+        var clientHeight = _this.state.isDocumentElementRoot ? docEl.clientHeight : body.scrollHeight;
+
         if (distanceToBottom < dropdownHeight && targetRect.top > dropdownHeight) {
-          var clientHeight = _this.state.isDocumentElementRoot ? docEl.clientHeight : body.scrollHeight;
           top = null;
-          bottom = clientHeight + offsetY - scrollY - targetRect.top;
+          bottom = getTopAlignment({
+            clientHeight: clientHeight,
+            offsetY: offsetY,
+            scrollY: scrollY,
+            target: target
+          });
         }
 
-        var position = {
+        var position = _extends({
           top: top,
           left: left,
           right: right,
           bottom: bottom
-        };
+        }, getManualPosition({
+          menuPos: _this.props.menuPos,
+          target: target,
+          offsetY: offsetY,
+          clientHeight: clientHeight,
+          scrollY: scrollY
+        }));
 
         _this.setState({
           minWidth: _this.getMinWidth(),