@skbkontur/react-ui 0.0.0-e55f22da73 → 0.0.0-ea6161656e

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

@@ -1 +1 @@
-{"version":3,"sources":["DateSelect.tsx"],"names":["React","PropTypes","cn","isKeyEscape","DatePickerLocaleHelper","locale","RenderLayer","DropdownContainer","LayoutEvents","ThemeContext","ArrowTriangleDownIcon","ArrowTriangleUpDownIcon","ArrowTriangleUpIcon","jsStyles","itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinYear","defaultMaxYear","DateSelect","state","botCapped","current","height","opened","pos","top","topCapped","nodeTop","Infinity","theme","root","itemsContainer","listener","timeout","longClickTimer","setPositionRepeatTimer","yearStep","open","props","disabled","setPosition","setState","close","refRoot","element","setNodeTop","clearTimeout","setTimeout","getBoundingClientRect","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","handleLongClickUp","event","preventDefault","window","setInterval","handleLongClickDown","handleLongClickStop","getAnchor","WheelEvent","stopPropagation","deltaY","deltaMode","handleItemClick","shift","e","value","onValueChange","handleKey","handleUp","handleDown","UNSAFE_componentWillReceiveProps","componentDidMount","addListener","componentWillUnmount","remove","render","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","menuUp","itemsHolder","menuDown","type","months","minPos","getMinPos","maxPos","getMaxPos","Component","__KONTUR_REACT_UI__","propTypes","bool","string","number","isRequired","oneOfType","func","defaultProps","minMonth","maxMonth"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\r\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../../components/DatePicker/locale';\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { RenderLayer } from '../RenderLayer';\r\nimport { DropdownContainer } from '../DropdownContainer';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { ArrowTriangleDownIcon, ArrowTriangleUpDownIcon, ArrowTriangleUpIcon } from '../icons/16px';\r\n\r\nimport { jsStyles } from './DateSelect.styles';\r\n\r\nconst itemHeight = 24;\r\nconst visibleYearsCount = 11;\r\nconst itemsToMoveCount = -5;\r\nconst monthsCount = 12;\r\nconst defaultMinYear = 1900;\r\nconst defaultMaxYear = 2100;\r\n\r\nexport interface DateSelectProps {\r\n  disabled?: boolean | null;\r\n  onValueChange: (value: number) => void;\r\n  type?: 'month' | 'year';\r\n  value: number;\r\n  width?: number | string;\r\n  minValue?: number;\r\n  maxValue?: number;\r\n}\r\n\r\nexport interface DateSelectState {\r\n  botCapped: boolean;\r\n  current: Nullable<number>;\r\n  height: number;\r\n  opened: boolean;\r\n  pos: number;\r\n  top: number;\r\n  topCapped: boolean;\r\n  nodeTop: number;\r\n}\r\n\r\n@locale('DatePicker', DatePickerLocaleHelper)\r\nexport class DateSelect extends React.Component<DateSelectProps, DateSelectState> {\r\n  public static __KONTUR_REACT_UI__ = 'DateSelect';\r\n\r\n  public static propTypes = {\r\n    disabled: PropTypes.bool,\r\n\r\n    type: PropTypes.string,\r\n\r\n    value: PropTypes.number.isRequired,\r\n\r\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\r\n    onValueChange: PropTypes.func,\r\n\r\n    minValue: PropTypes.number,\r\n\r\n    maxValue: PropTypes.number,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    type: 'year',\r\n    minMonth: 0,\r\n    maxMonth: 11,\r\n    width: 'auto',\r\n  };\r\n\r\n  public state = {\r\n    botCapped: false,\r\n    current: 0,\r\n    height: 0,\r\n    opened: false,\r\n    pos: 0,\r\n    top: 0,\r\n    topCapped: false,\r\n    nodeTop: Infinity,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private readonly locale!: DatePickerLocale;\r\n  private root: HTMLElement | null = null;\r\n  private itemsContainer: HTMLElement | null = null;\r\n  private listener: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\r\n  private timeout: number | undefined;\r\n  private longClickTimer = 0;\r\n  private setPositionRepeatTimer = 0;\r\n  private yearStep = 3;\r\n\r\n  public UNSAFE_componentWillReceiveProps() {\r\n    this.setNodeTop();\r\n  }\r\n\r\n  public componentDidMount() {\r\n    this.listener = LayoutEvents.addListener(this.setNodeTop);\r\n    this.setNodeTop();\r\n    window.addEventListener('keydown', this.handleKey);\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.listener) {\r\n      this.listener.remove();\r\n    }\r\n    if (this.timeout) {\r\n      clearTimeout(this.timeout);\r\n    }\r\n    if (this.longClickTimer) {\r\n      clearTimeout(this.longClickTimer);\r\n    }\r\n    if (this.setPositionRepeatTimer) {\r\n      clearTimeout(this.setPositionRepeatTimer);\r\n    }\r\n    window.removeEventListener('keydown', this.handleKey);\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public open = () => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    if (this.state.opened) {\r\n      return;\r\n    }\r\n\r\n    this.setPosition(0);\r\n    this.setState({\r\n      opened: true,\r\n      current: 0,\r\n    });\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public close = () => {\r\n    if (!this.state.opened) {\r\n      return;\r\n    }\r\n\r\n    this.setState({ opened: false });\r\n  };\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { width, disabled } = this.props;\r\n    const rootProps = {\r\n      className: cn({\r\n        [jsStyles.root(this.theme)]: true,\r\n        [jsStyles.disabled()]: Boolean(disabled),\r\n      }),\r\n      style: { width },\r\n      ref: this.refRoot,\r\n    };\r\n    return (\r\n      <span {...rootProps}>\r\n        <div data-tid=\"DateSelect__caption\" className={jsStyles.caption()} onClick={this.open}>\r\n          {this.getItem(0)}\r\n          <div\r\n            className={cn({\r\n              [jsStyles.arrow(this.theme)]: true,\r\n              [jsStyles.arrowDisabled()]: Boolean(disabled),\r\n            })}\r\n          >\r\n            <ArrowTriangleUpDownIcon size={12} />\r\n          </div>\r\n        </div>\r\n        {this.state.opened && this.renderMenu()}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private refRoot = (element: HTMLElement | null) => {\r\n    this.root = element;\r\n  };\r\n\r\n  private setNodeTop = () => {\r\n    const root = this.root;\r\n    if (!root) {\r\n      return;\r\n    }\r\n    if (this.timeout) {\r\n      clearTimeout(this.timeout);\r\n    }\r\n    this.timeout = setTimeout(() =>\r\n      this.setState({\r\n        nodeTop: root.getBoundingClientRect().top,\r\n      }),\r\n    );\r\n  };\r\n\r\n  private disableItems(index: number) {\r\n    const value = this.props.value + index;\r\n    if (this.props.maxValue != null && this.props.minValue != null) {\r\n      return value > this.props.maxValue || value < this.props.minValue;\r\n    }\r\n    if (this.props.minValue != null) {\r\n      return value < this.props.minValue;\r\n    }\r\n    if (this.props.maxValue != null) {\r\n      return value > this.props.maxValue;\r\n    }\r\n  }\r\n\r\n  private renderMenu(): React.ReactNode {\r\n    const { top, height, nodeTop } = this.state;\r\n\r\n    let shift = this.state.pos % itemHeight;\r\n    if (shift < 0) {\r\n      shift += itemHeight;\r\n    }\r\n\r\n    const from = (this.state.pos - shift + top) / itemHeight;\r\n    const to = from + Math.ceil((height + shift) / itemHeight);\r\n    const items = [];\r\n\r\n    for (let i = from; i < to; ++i) {\r\n      const disableItems = this.disableItems(i) || false;\r\n      const className = cn({\r\n        [jsStyles.menuItem(this.theme)]: true,\r\n        [jsStyles.menuItemSelected(this.theme)]: i === 0,\r\n        [jsStyles.menuItemActive(this.theme)]: i === this.state.current,\r\n        [jsStyles.menuItemDisabled(this.theme)]: disableItems,\r\n      });\r\n      const clickHandler = {\r\n        onMouseDown: preventDefault,\r\n        onClick: this.handleItemClick(i),\r\n      };\r\n      items.push(\r\n        <div\r\n          data-tid=\"DateSelect__menuItem\"\r\n          data-prop-disabled={disableItems}\r\n          key={i}\r\n          className={className}\r\n          onMouseEnter={() => this.setState({ current: i })}\r\n          onMouseLeave={() => this.setState({ current: null })}\r\n          {...clickHandler}\r\n        >\r\n          {this.getItem(i)}\r\n        </div>,\r\n      );\r\n    }\r\n    const style: {\r\n      left?: number | string;\r\n      right?: number | string;\r\n      top: number;\r\n      width?: number | string;\r\n    } = {\r\n      top: top - 5,\r\n      left: 0,\r\n      right: 0,\r\n    };\r\n\r\n    const shiftStyle: React.CSSProperties = {\r\n      position: 'relative',\r\n      top: -shift,\r\n    };\r\n\r\n    const holderClass = cn({\r\n      [jsStyles.menuHolder(this.theme)]: true,\r\n      [jsStyles.isTopCapped()]: this.state.topCapped,\r\n      [jsStyles.isBotCapped()]: this.state.botCapped,\r\n    });\r\n\r\n    let dropdownOffset = -itemHeight;\r\n    if (nodeTop < -top) {\r\n      const overflowOffsetDelta = this.state.topCapped ? 6 : 17;\r\n      dropdownOffset -= nodeTop + top - overflowOffsetDelta;\r\n    }\r\n\r\n    return (\r\n      <RenderLayer onClickOutside={this.close} onFocusOutside={this.close} active>\r\n        <div>\r\n          <DropdownContainer getParent={this.getAnchor} offsetY={dropdownOffset} offsetX={-10}>\r\n            <div className={holderClass} style={style}>\r\n              {!this.state.topCapped && (\r\n                <div\r\n                  className={jsStyles.menuUp(this.theme)}\r\n                  onClick={this.handleUp}\r\n                  onMouseDown={this.handleLongClickUp}\r\n                  onMouseUp={this.handleLongClickStop}\r\n                  onMouseLeave={this.handleLongClickStop}\r\n                  onTouchStart={this.handleLongClickUp}\r\n                  onTouchEnd={this.handleLongClickStop}\r\n                >\r\n                  <span>\r\n                    <ArrowTriangleUpIcon />\r\n                  </span>\r\n                </div>\r\n              )}\r\n              <div className={jsStyles.itemsHolder()} style={{ height }}>\r\n                <div ref={this.refItemsContainer} style={shiftStyle}>\r\n                  {items}\r\n                </div>\r\n              </div>\r\n              {!this.state.botCapped && (\r\n                <div\r\n                  className={jsStyles.menuDown(this.theme)}\r\n                  onClick={this.handleDown}\r\n                  onMouseDown={this.handleLongClickDown}\r\n                  onMouseUp={this.handleLongClickStop}\r\n                  onMouseLeave={this.handleLongClickStop}\r\n                  onTouchStart={this.handleLongClickDown}\r\n                  onTouchEnd={this.handleLongClickStop}\r\n                >\r\n                  <span>\r\n                    <ArrowTriangleDownIcon />\r\n                  </span>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </DropdownContainer>\r\n        </div>\r\n      </RenderLayer>\r\n    );\r\n  }\r\n\r\n  private refItemsContainer = (element: HTMLElement | null) => {\r\n    if (!this.itemsContainer && element) {\r\n      element.addEventListener('wheel', this.handleWheel, { passive: false });\r\n    }\r\n    if (this.itemsContainer && !element) {\r\n      this.itemsContainer.removeEventListener('wheel', this.handleWheel);\r\n    }\r\n    this.itemsContainer = element;\r\n  };\r\n\r\n  private handleLongClickUp = (event: React.MouseEvent | React.TouchEvent) => {\r\n    event.preventDefault();\r\n    this.longClickTimer = window.setTimeout(() => {\r\n      this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos - itemHeight), 100);\r\n    }, 200);\r\n  };\r\n\r\n  private handleLongClickDown = (event: React.MouseEvent | React.TouchEvent) => {\r\n    event.preventDefault();\r\n    this.longClickTimer = window.setTimeout(() => {\r\n      this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos + itemHeight), 100);\r\n    }, 200);\r\n  };\r\n\r\n  private handleLongClickStop = () => {\r\n    clearTimeout(this.longClickTimer);\r\n    clearTimeout(this.setPositionRepeatTimer);\r\n  };\r\n\r\n  private getAnchor = () => this.root;\r\n\r\n  private handleWheel = (event: Event) => {\r\n    if (!(event instanceof WheelEvent)) {\r\n      return;\r\n    }\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n\r\n    let deltaY = event.deltaY;\r\n    if (event.deltaMode === 1) {\r\n      deltaY *= itemHeight;\r\n    } else if (event.deltaMode === 2) {\r\n      deltaY *= itemHeight * 4;\r\n    }\r\n    const pos = this.state.pos + deltaY;\r\n    this.setPosition(pos);\r\n  };\r\n\r\n  private handleItemClick = (shift: number) => {\r\n    return (e: React.MouseEvent<HTMLElement>) => {\r\n      const value = this.props.value + shift;\r\n      if (this.props.onValueChange) {\r\n        this.props.onValueChange(value);\r\n      }\r\n      this.setState({ opened: false });\r\n    };\r\n  };\r\n\r\n  private handleKey = (e: KeyboardEvent) => {\r\n    if (this.state.opened && isKeyEscape(e)) {\r\n      e.preventDefault();\r\n      this.close();\r\n      e.stopPropagation();\r\n    }\r\n  };\r\n\r\n  private handleUp = (event: React.MouseEvent) => {\r\n    event.preventDefault();\r\n    this.setPosition(this.state.pos - itemHeight * this.yearStep);\r\n  };\r\n\r\n  private handleDown = (event: React.MouseEvent) => {\r\n    event.preventDefault();\r\n    this.setPosition(this.state.pos + itemHeight * this.yearStep);\r\n  };\r\n\r\n  private getItem(index: number) {\r\n    const value = this.props.value + index;\r\n    if (this.props.type === 'month') {\r\n      return this.locale.months[value];\r\n    }\r\n    return value;\r\n  }\r\n\r\n  private setPosition(pos: number) {\r\n    let top = itemsToMoveCount * itemHeight;\r\n    let height = visibleYearsCount * itemHeight;\r\n    if (this.props.type === 'month') {\r\n      top = -this.props.value * itemHeight;\r\n      height = monthsCount * itemHeight;\r\n    }\r\n\r\n    const minPos = this.getMinPos() - top;\r\n    const maxPos = this.getMaxPos() - top - height + itemHeight;\r\n    if (minPos >= pos) {\r\n      pos = minPos;\r\n    }\r\n    if (maxPos <= pos) {\r\n      pos = maxPos;\r\n    }\r\n    const topCapped = pos <= minPos;\r\n    const botCapped = pos >= maxPos;\r\n\r\n    this.setState({ pos, top, height, topCapped, botCapped });\r\n  }\r\n\r\n  private getMinPos() {\r\n    if (this.props.type === 'month') {\r\n      return -this.props.value * itemHeight;\r\n    } else if (this.props.type === 'year') {\r\n      return ((this.props.minValue || defaultMinYear) - this.props.value) * itemHeight;\r\n    }\r\n    return -Infinity; // Be defensive.\r\n  }\r\n\r\n  private getMaxPos() {\r\n    if (this.props.type === 'month') {\r\n      return (visibleYearsCount - this.props.value) * itemHeight;\r\n    } else if (this.props.type === 'year') {\r\n      return ((this.props.maxValue || defaultMaxYear) - this.props.value) * itemHeight;\r\n    }\r\n    return Infinity; // Be defensive.\r\n  }\r\n}\r\n\r\nfunction preventDefault(e: React.SyntheticEvent) {\r\n  e.preventDefault();\r\n}\r\n"]}
+{"version":3,"sources":["DateSelect.tsx"],"names":["React","PropTypes","globalObject","isBrowser","getRandomID","isNonNullable","isKeyEscape","DatePickerLocaleHelper","locale","RenderLayer","DropdownContainer","LayoutEvents","ArrowChevronDownIcon","ArrowChevronUpIcon","ArrowTriangleUpDownIcon","isMobile","EmotionConsumer","getDOMRect","createPropsGetter","isTheme2022","ArrowCollapseCVOpenIcon16Regular","ArrowCUpIcon16Regular","ArrowCDownIcon16Regular","isInstanceOf","ThemeContext","getStyles","globalClasses","itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinYear","defaultMaxYear","calculatePos","pos","minPos","maxPos","DateSelectDataTids","caption","menuItem","menu","DateSelect","getProps","defaultProps","state","botCapped","current","height","opened","top","topCapped","nodeTop","Infinity","root","itemsContainer","yearStep","touchStartY","open","props","disabled","setPosition","setState","close","menuId","refRoot","element","setNodeTop","timeout","clearTimeout","setTimeout","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","handleTouchStart","handleTouchMove","handleLongClickUp","event","preventDefault","longClickTimer","setPositionRepeatTimer","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","emotion","theme","renderMain","renderMain2022","width","isInteractiveElement","Tag","styles","rootProps","className","cx","Boolean","style","ref","onClick","undefined","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","arrow","arrowDisabled","renderMenu","root2022","disableItems","index","maxValue","minValue","id","from","to","Math","ceil","items","i","menuItemSelected","menuItemActive","menuItemDisabled","clickHandler","onMouseDown","push","left","right","shiftStyle","position","holderClass","menuHolder","isTopCapped","isBotCapped","dropdownOffset","overflowOffsetDelta","iconUp","iconDown","menuUp","itemsHolder","menuDown","months","getMinPos","getMaxPos","calculatedPos","PureComponent","__KONTUR_REACT_UI__","displayName","propTypes","bool","string","number","isRequired","oneOfType","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { globalObject, isBrowser, SafeTimer } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { getRandomID, 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 { ArrowChevronDownIcon, ArrowChevronUpIcon, ArrowTriangleUpDownIcon } from '../icons/16px';\nimport { isMobile } from '../../lib/client';\nimport { EmotionConsumer } 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';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles, globalClasses } 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  menu: 'DateSelect__menu',\n} as const;\n\ntype DefaultProps = Required<Pick<DateSelectProps, 'type' | 'width'>>;\n\n@locale('Calendar', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {\n  public static __KONTUR_REACT_UI__ = 'DateSelect';\n  public static displayName = '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 emotion!: Emotion;\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: SafeTimer;\n  private longClickTimer: SafeTimer;\n  private setPositionRepeatTimer: SafeTimer;\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    globalObject.addEventListener?.('keydown', this.handleKey);\n  }\n\n  public componentWillUnmount() {\n    if (this.listener) {\n      this.listener.remove();\n    }\n    if (this.timeout) {\n      globalObject.clearTimeout(this.timeout);\n    }\n    if (this.longClickTimer) {\n      globalObject.clearTimeout(this.longClickTimer);\n    }\n    if (this.setPositionRepeatTimer) {\n      globalObject.clearTimeout(this.setPositionRepeatTimer);\n    }\n    globalObject.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      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private menuId = DateSelectDataTids.menu + getRandomID();\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 isInteractiveElement = !disabled;\n    const Tag = isInteractiveElement ? 'button' : 'span';\n    const styles = getStyles(this.emotion);\n    const rootProps = {\n      className: this.emotion.cx({\n        [styles.root(this.theme)]: true,\n        [styles.disabled()]: Boolean(disabled),\n      }),\n      style: { width },\n      ref: this.refRoot,\n      onClick: this.open,\n      'aria-expanded': isInteractiveElement ? this.state.opened : undefined,\n      'aria-controls': !disabled ? this.menuId : undefined,\n      'aria-label': isInteractiveElement\n        ? `${this.locale.selectChosenAriaLabel} ${\n            this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n          } ${this.getItem(0)}`\n        : undefined,\n    };\n\n    return (\n      <Tag {...rootProps}>\n        <div data-tid={DateSelectDataTids.caption} className={styles.caption()}>\n          {this.getItem(0)}\n          <div\n            className={this.emotion.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(this.menuId)}\n      </Tag>\n    );\n  }\n\n  private renderMain2022() {\n    const { disabled } = this.props;\n    const width = this.getProps().width;\n    const isInteractiveElement = !disabled;\n    const Tag = isInteractiveElement ? 'button' : 'span';\n    const styles = getStyles(this.emotion);\n    const rootProps = {\n      className: this.emotion.cx(styles.root(this.theme), styles.root2022(), disabled && styles.disabled()),\n      style: { width },\n      ref: this.refRoot,\n      onClick: this.open,\n      'aria-expanded': isInteractiveElement ? this.state.opened : undefined,\n      'aria-label': isInteractiveElement\n        ? `${this.locale.selectChosenAriaLabel} ${\n            this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel\n          } ${this.getItem(0)}`\n        : undefined,\n    };\n\n    return (\n      <Tag {...rootProps}>\n        <div data-tid={DateSelectDataTids.caption} className={styles.caption()}>\n          {this.getItem(0)}\n        </div>\n        {isInteractiveElement && (\n          <ArrowCollapseCVOpenIcon16Regular className={this.emotion.cx(globalClasses.arrow)} color=\"#ADADAD\" />\n        )}\n        {this.state.opened && this.renderMenu(this.menuId)}\n      </Tag>\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      globalObject.clearTimeout(this.timeout);\n    }\n    this.timeout = globalObject.setTimeout(\n      () =>\n        this.setState({\n          nodeTop: getDOMRect(root).top,\n        }),\n      0,\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(id?: string): 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    const styles = getStyles(this.emotion);\n    for (let i = from; i < to; ++i) {\n      const disableItems = this.disableItems(i) || false;\n      const className = this.emotion.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        <button\n          aria-label={`Выбрать ${this.getProps().type === 'year' ? 'год' : 'месяц'} ${this.getItem(i)}`}\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        </button>,\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 = this.emotion.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        <DropdownContainer\n          data-tid={DateSelectDataTids.menu}\n          id={id}\n          getParent={this.getAnchor}\n          offsetY={dropdownOffset}\n          offsetX={-10}\n        >\n          <div className={holderClass} style={style}>\n            {!this.state.topCapped && (\n              <div\n                className={this.emotion.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={this.emotion.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      </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 = globalObject.setTimeout(() => {\n      this.setPositionRepeatTimer = globalObject.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 = globalObject.setTimeout(() => {\n      this.setPositionRepeatTimer = globalObject.setInterval(() => this.setPosition(this.state.pos + itemHeight), 100);\n    }, 200);\n  };\n\n  private handleLongClickStop = () => {\n    globalObject.clearTimeout(this.longClickTimer);\n    globalObject.clearTimeout(this.setPositionRepeatTimer);\n  };\n\n  private getAnchor = () => this.root;\n\n  private handleWheel = (event: Event) => {\n    if (!isInstanceOf(event, globalObject.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 (!isInstanceOf(event, globalObject.TouchEvent)) {\n      return;\n    }\n\n    this.touchStartY = event.targetTouches[0].clientY;\n  };\n\n  private handleTouchMove = (event: Event) => {\n    if (!isInstanceOf(event, globalObject.TouchEvent) || !isBrowser(globalObject)) {\n      return;\n    }\n\n    const { clientY } = event.changedTouches[0];\n    const pixelRatio = globalObject.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,8 +20,15 @@ export interface DateSelectState {
     topCapped: boolean;
     nodeTop: number;
 }
-export declare class DateSelect extends React.Component<DateSelectProps, DateSelectState> {
+export declare const DateSelectDataTids: {
+    readonly caption: "DateSelect__caption";
+    readonly menuItem: "DateSelect__menuItem";
+    readonly menu: "DateSelect__menu";
+};
+declare type DefaultProps = Required<Pick<DateSelectProps, 'type' | 'width'>>;
+export declare class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {
     static __KONTUR_REACT_UI__: string;
+    static displayName: string;
     static propTypes: {
         disabled: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
@@ -31,12 +38,8 @@ export declare class DateSelect extends React.Component<DateSelectProps, DateSel
         minValue: PropTypes.Requireable<number>;
         maxValue: PropTypes.Requireable<number>;
     };
-    static defaultProps: {
-        type: string;
-        minMonth: number;
-        maxMonth: number;
-        width: string;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     state: {
         botCapped: boolean;
         current: number;
@@ -48,6 +51,7 @@ export declare class DateSelect extends React.Component<DateSelectProps, DateSel
         nodeTop: number;
     };
     private theme;
+    private emotion;
     private readonly locale;
     private root;
     private itemsContainer;
@@ -56,7 +60,8 @@ export declare class DateSelect extends React.Component<DateSelectProps, DateSel
     private longClickTimer;
     private setPositionRepeatTimer;
     private yearStep;
-    UNSAFE_componentWillReceiveProps(): void;
+    private touchStartY;
+    componentDidUpdate(): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
     /**
@@ -68,7 +73,9 @@ export declare class DateSelect extends React.Component<DateSelectProps, DateSel
      */
     close: () => void;
     render(): JSX.Element;
+    private menuId;
     private renderMain;
+    private renderMain2022;
     private refRoot;
     private setNodeTop;
     private disableItems;
@@ -79,6 +86,8 @@ export declare class DateSelect extends React.Component<DateSelectProps, DateSel
     private handleLongClickStop;
     private getAnchor;
     private handleWheel;
+    private handleTouchStart;
+    private handleTouchMove;
     private handleItemClick;
     private handleKey;
     private handleUp;
@@ -88,3 +97,4 @@ export declare class DateSelect extends React.Component<DateSelectProps, DateSel
     private getMinPos;
     private getMaxPos;
 }
+export {};

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

@@ -1,214 +1,63 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject16() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", "\n\n      span {\n        position: relative;\n        top: -1px;\n      }\n    "]);
-
-  _templateObject16 = function _templateObject16() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject15() {
-  var data = _taggedTemplateLiteralLoose(["\n      ", "\n\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    "]);
-
-  _templateObject15 = function _templateObject15() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject14() {
-  var data = _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    "]);
-
-  _templateObject14 = function _templateObject14() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject13() {
-  var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n      pointer-events: none;\n    "]);
-
-  _templateObject13 = function _templateObject13() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject12() {
-  var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n    "]);
-
-  _templateObject12 = function _templateObject12() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject11() {
-  var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n    "]);
-
-  _templateObject11 = function _templateObject11() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject10() {
-  var data = _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    "]);
-
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject9() {
-  var data = _taggedTemplateLiteralLoose(["\n      overflow: hidden;\n      position: relative;\n    "]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding-bottom: 5px;\n    "]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = _taggedTemplateLiteralLoose(["\n      margin-top: 0;\n      padding-top: 5px;\n    "]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      box-shadow: ", ";\n      box-sizing: content-box;\n      color: ", ";\n      font-size: 14px;\n      margin-top: -11px;\n      overflow: hidden;\n      position: absolute;\n      z-index: 1000;\n    "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n      opacity: 0;\n    "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      float: right;\n      line-height: 24px;\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    "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      color: inherit;\n      cursor: default;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font-size: 14px;\n      line-height: 24px;\n      outline: 0;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n\n      &:hover {\n        color: ", ";\n      }\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  root: function root(t) {
-    return css(_templateObject(), t.textColorDefault, t.linkColor);
-  },
-  disabled: function disabled() {
-    return css(_templateObject2());
-  },
-  caption: function caption() {
-    return css(_templateObject3());
-  },
-  arrow: function arrow(t) {
-    return css(_templateObject4(), t.textColorDisabled);
-  },
-  arrowDisabled: function arrowDisabled() {
-    return css(_templateObject5());
-  },
-  menuHolder: function menuHolder(t) {
-    return css(_templateObject6(), t.dateSelectMenuBg, t.popupBoxShadow, t.textColorDefault);
-  },
-  isTopCapped: function isTopCapped() {
-    return css(_templateObject7());
-  },
-  isBotCapped: function isBotCapped() {
-    return css(_templateObject8());
-  },
-  itemsHolder: function itemsHolder() {
-    return css(_templateObject9());
-  },
-  menuItem: function menuItem(t) {
-    return css(_templateObject10(), t.textColorDefault);
-  },
-  menuItemSelected: function menuItemSelected(t) {
-    return css(_templateObject11(), t.dateSelectMenuItemBgSelected, t.dateSelectMenuItemFontSelected);
-  },
-  menuItemActive: function menuItemActive(t) {
-    return css(_templateObject12(), t.dateSelectMenuItemBgActive, t.dateSelectMenuItemFontActive);
-  },
-  menuItemDisabled: function menuItemDisabled(t) {
-    return css(_templateObject13(), t.dateSelectMenuItemBgDisabled, t.textColorDisabled);
-  },
-  menu: function menu(t) {
-    return css(_templateObject14(), t.dateSelectMenuBg, t.textColorDefault, t.dateSelectMenuItemBgActive, t.textColorInvert);
-  },
-  menuUp: function menuUp(t) {
-    return css(_templateObject15(), styles.menu(t));
-  },
-  menuDown: function menuDown(t) {
-    return css(_templateObject16(), styles.menu(t));
-  }
-};
-export var jsStyles = memoizeStyle(styles);
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+
+import { memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+export var globalClasses = prefix('select')({
+  arrow: 'arrow'
+});
+export var getStyles = function getStyles(emotion) {
+  return memoizeStyle({
+    root: function root(t) {
+      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        color: ", ";\n        cursor: pointer;\n        display: inline-block;\n        font: inherit;\n        font-size: ", ";\n        padding: 0px;\n        padding-right: 2px;\n        position: relative;\n        text-align: left;\n        touch-action: none;\n        border: none;\n        line-height: ", ";\n        background-color: transparent;\n        box-sizing: content-box;\n\n        &:hover {\n          color: ", ";\n        }\n\n        & .", " {\n          transition: fill ", " ", ";\n        }\n\n        &:hover .", " {\n          fill: ", " !important;\n        }\n      "])), t.dateSelectTextColorDefault, t.dateSelectFontSize, t.dateSelectLineHeight, t.dateSelectLinkColor, globalClasses.arrow, t.transitionDuration, t.transitionTimingFunction, globalClasses.arrow, t.dateSelectTextColorDefault);
+    },
+    root2022: function root2022() {
+      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        display: inline-flex;\n        justify-content: space-between;\n      "])));
+    },
+    disabled: function disabled() {
+      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        color: inherit !important; // override root:hover style\n        cursor: default;\n      "])));
+    },
+    caption: function caption() {
+      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        position: relative;\n      "])));
+    },
+    arrow: function arrow(t) {
+      return emotion.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);
+    },
+    arrowDisabled: function arrowDisabled() {
+      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        opacity: 0;\n      "])));
+    },
+    menuHolder: function menuHolder(t) {
+      return emotion.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);
+    },
+    isTopCapped: function isTopCapped() {
+      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        margin-top: 0;\n        padding-top: 5px;\n      "])));
+    },
+    isBotCapped: function isBotCapped() {
+      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        padding-bottom: 5px;\n      "])));
+    },
+    itemsHolder: function itemsHolder() {
+      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        overflow: hidden;\n        position: relative;\n      "])));
+    },
+    menuItem: function menuItem(t) {
+      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        color: ", ";\n        cursor: pointer;\n        height: 24px;\n        padding: 0;\n        padding-left: 10px;\n        width: 100%;\n        user-select: none;\n        white-space: nowrap;\n        touch-action: none;\n        border: none;\n        font: inherit;\n        line-height: 24px;\n        background-color: transparent;\n      "])), t.dateSelectTextColorDefault);
+    },
+    menuItemSelected: function menuItemSelected(t) {
+      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        color: ", ";\n      "])), t.dateSelectMenuItemBgSelected, t.dateSelectMenuItemFontSelected);
+    },
+    menuItemActive: function menuItemActive(t) {
+      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        color: ", ";\n      "])), t.dateSelectMenuItemBgActive, t.dateSelectMenuItemFontActive);
+    },
+    menuItemDisabled: function menuItemDisabled(t) {
+      return emotion.css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n        background: ", ";\n        color: ", ";\n        pointer-events: none;\n      "])), t.dateSelectMenuItemBgDisabled, t.dateSelectTextColorDisabled);
+    },
+    menu: function menu(t) {
+      return emotion.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);
+    },
+    menuUp: function menuUp() {
+      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        span {\n          position: relative;\n          top: -0.5px;\n        }\n      "])));
+    },
+    menuDown: function menuDown() {
+      return emotion.css(_templateObject17 || (_templateObject17 = _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","textColorDefault","linkColor","disabled","caption","arrow","textColorDisabled","arrowDisabled","menuHolder","dateSelectMenuBg","popupBoxShadow","isTopCapped","isBotCapped","itemsHolder","menuItem","menuItemSelected","dateSelectMenuItemBgSelected","dateSelectMenuItemFontSelected","menuItemActive","dateSelectMenuItemBgActive","dateSelectMenuItemFontActive","menuItemDisabled","dateSelectMenuItemBgDisabled","menu","textColorInvert","menuUp","menuDown","jsStyles"],"mappings":"uvIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACC,gBADb;;;;;;;;;;;AAYaD,IAAAA,CAAC,CAACE,SAZf;;;AAeD,GAjBY;;AAmBbC,EAAAA,QAnBa,sBAmBF;AACT,WAAOP,GAAP;;;;AAID,GAxBY;;AA0BbQ,EAAAA,OA1Ba,qBA0BH;AACR,WAAOR,GAAP;;;AAGD,GA9BY;;AAgCbS,EAAAA,KAhCa,iBAgCPL,CAhCO,EAgCG;AACd,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACM,iBADb;;;;;;;;;;AAWD,GA5CY;AA6CbC,EAAAA,aA7Ca,2BA6CG;AACd,WAAOX,GAAP;;;AAGD,GAjDY;;AAmDbY,EAAAA,UAnDa,sBAmDFR,CAnDE,EAmDQ;AACnB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACS,gBADlB;AAEgBT,IAAAA,CAAC,CAACU,cAFlB;;AAIWV,IAAAA,CAAC,CAACC,gBAJb;;;;;;;AAWD,GA/DY;;AAiEbU,EAAAA,WAjEa,yBAiEC;AACZ,WAAOf,GAAP;;;;AAID,GAtEY;;AAwEbgB,EAAAA,WAxEa,yBAwEC;AACZ,WAAOhB,GAAP;;;AAGD,GA5EY;;AA8EbiB,EAAAA,WA9Ea,yBA8EC;AACZ,WAAOjB,GAAP;;;;AAID,GAnFY;;AAqFbkB,EAAAA,QArFa,oBAqFJd,CArFI,EAqFM;AACjB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACC,gBADb;;;;;;;;AASD,GA/FY;;AAiGbc,EAAAA,gBAjGa,4BAiGIf,CAjGJ,EAiGc;AACzB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACgB,4BADlB;AAEWhB,IAAAA,CAAC,CAACiB,8BAFb;;AAID,GAtGY;;AAwGbC,EAAAA,cAxGa,0BAwGElB,CAxGF,EAwGY;AACvB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACmB,0BADlB;AAEWnB,IAAAA,CAAC,CAACoB,4BAFb;;AAID,GA7GY;;AA+GbC,EAAAA,gBA/Ga,4BA+GIrB,CA/GJ,EA+Gc;AACzB,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACsB,4BADlB;AAEWtB,IAAAA,CAAC,CAACM,iBAFb;;;AAKD,GArHY;;AAuHbiB,EAAAA,IAvHa,gBAuHRvB,CAvHQ,EAuHE;AACb,WAAOJ,GAAP;;;;;;;;;AASgBI,IAAAA,CAAC,CAACS,gBATlB;AAUWT,IAAAA,CAAC,CAACC,gBAVb;;;AAakBD,IAAAA,CAAC,CAACmB,0BAbpB;AAcanB,IAAAA,CAAC,CAACwB,eAdf;;;AAiBD,GAzIY;;AA2IbC,EAAAA,MA3Ia,kBA2INzB,CA3IM,EA2II;AACf,WAAOJ,GAAP;AACIE,IAAAA,MAAM,CAACyB,IAAP,CAAYvB,CAAZ,CADJ;;;;;;;AAQD,GApJY;;AAsJb0B,EAAAA,QAtJa,oBAsJJ1B,CAtJI,EAsJM;AACjB,WAAOJ,GAAP;AACIE,IAAAA,MAAM,CAACyB,IAAP,CAAYvB,CAAZ,CADJ;;;;;;;AAQD,GA/JY,EAAf;;;AAkKA,OAAO,IAAM2B,QAAQ,GAAG9B,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      color: ${t.textColorDefault};\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      font-size: 14px;\r\n      line-height: 24px;\r\n      outline: 0;\r\n      padding-right: 2px;\r\n      position: relative;\r\n      text-align: left;\r\n\r\n      &:hover {\r\n        color: ${t.linkColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  disabled() {\r\n    return css`\r\n      color: inherit;\r\n      cursor: default;\r\n    `;\r\n  },\r\n\r\n  caption() {\r\n    return css`\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  arrow(t: Theme) {\r\n    return css`\r\n      color: ${t.textColorDisabled};\r\n      float: right;\r\n      line-height: 24px;\r\n      opacity: 1;\r\n      position: absolute;\r\n      right: 4px;\r\n      top: 0;\r\n      transform: scaleX(0.7);\r\n      transition: opacity 0.2s ease-out;\r\n    `;\r\n  },\r\n  arrowDisabled() {\r\n    return css`\r\n      opacity: 0;\r\n    `;\r\n  },\r\n\r\n  menuHolder(t: Theme) {\r\n    return css`\r\n      background: ${t.dateSelectMenuBg};\r\n      box-shadow: ${t.popupBoxShadow};\r\n      box-sizing: content-box;\r\n      color: ${t.textColorDefault};\r\n      font-size: 14px;\r\n      margin-top: -11px;\r\n      overflow: hidden;\r\n      position: absolute;\r\n      z-index: 1000;\r\n    `;\r\n  },\r\n\r\n  isTopCapped() {\r\n    return css`\r\n      margin-top: 0;\r\n      padding-top: 5px;\r\n    `;\r\n  },\r\n\r\n  isBotCapped() {\r\n    return css`\r\n      padding-bottom: 5px;\r\n    `;\r\n  },\r\n\r\n  itemsHolder() {\r\n    return css`\r\n      overflow: hidden;\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  menuItem(t: Theme) {\r\n    return css`\r\n      color: ${t.textColorDefault};\r\n      cursor: pointer;\r\n      height: 24px;\r\n      line-height: 24px;\r\n      padding-left: 10px;\r\n      user-select: none;\r\n      white-space: nowrap;\r\n    `;\r\n  },\r\n\r\n  menuItemSelected(t: Theme) {\r\n    return css`\r\n      background: ${t.dateSelectMenuItemBgSelected};\r\n      color: ${t.dateSelectMenuItemFontSelected};\r\n    `;\r\n  },\r\n\r\n  menuItemActive(t: Theme) {\r\n    return css`\r\n      background: ${t.dateSelectMenuItemBgActive};\r\n      color: ${t.dateSelectMenuItemFontActive};\r\n    `;\r\n  },\r\n\r\n  menuItemDisabled(t: Theme) {\r\n    return css`\r\n      background: ${t.dateSelectMenuItemBgDisabled};\r\n      color: ${t.textColorDisabled};\r\n      pointer-events: none;\r\n    `;\r\n  },\r\n\r\n  menu(t: Theme) {\r\n    return css`\r\n      box-sizing: border-box;\r\n      cursor: pointer;\r\n      height: 16px;\r\n      line-height: 0;\r\n      padding-left: 18px;\r\n      text-align: left;\r\n      user-select: none;\r\n\r\n      background: ${t.dateSelectMenuBg};\r\n      color: ${t.textColorDefault};\r\n\r\n      &:hover {\r\n        background: ${t.dateSelectMenuItemBgActive};\r\n        color: ${t.textColorInvert};\r\n      }\r\n    `;\r\n  },\r\n\r\n  menuUp(t: Theme) {\r\n    return css`\r\n      ${styles.menu(t)}\r\n\r\n      span {\r\n        position: relative;\r\n        top: -0.5px;\r\n      }\r\n    `;\r\n  },\r\n\r\n  menuDown(t: Theme) {\r\n    return css`\r\n      ${styles.menu(t)}\r\n\r\n      span {\r\n        position: relative;\r\n        top: -1px;\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["DateSelect.styles.ts"],"names":["memoizeStyle","prefix","globalClasses","arrow","getStyles","emotion","root","t","css","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","transitionDuration","transitionTimingFunction","root2022","disabled","caption","dateSelectTextColorDisabled","arrowDisabled","menuHolder","dateSelectMenuBg","dateSelectPopupBoxShadow","isTopCapped","isBotCapped","itemsHolder","menuItem","menuItemSelected","dateSelectMenuItemBgSelected","dateSelectMenuItemFontSelected","menuItemActive","dateSelectMenuItemBgActive","dateSelectMenuItemFontActive","menuItemDisabled","dateSelectMenuItemBgDisabled","menu","dateSelectTextColorInvert","menuUp","menuDown"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('select')({\n  arrow: 'arrow',\n});\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        color: ${t.dateSelectTextColorDefault};\n        cursor: pointer;\n        display: inline-block;\n        font: inherit;\n        font-size: ${t.dateSelectFontSize};\n        padding: 0px;\n        padding-right: 2px;\n        position: relative;\n        text-align: left;\n        touch-action: none;\n        border: none;\n        line-height: ${t.dateSelectLineHeight};\n        background-color: transparent;\n        box-sizing: content-box;\n\n        &:hover {\n          color: ${t.dateSelectLinkColor};\n        }\n\n        & .${globalClasses.arrow} {\n          transition: fill ${t.transitionDuration} ${t.transitionTimingFunction};\n        }\n\n        &:hover .${globalClasses.arrow} {\n          fill: ${t.dateSelectTextColorDefault} !important;\n        }\n      `;\n    },\n\n    root2022() {\n      return emotion.css`\n        display: inline-flex;\n        justify-content: space-between;\n      `;\n    },\n\n    disabled() {\n      return emotion.css`\n        color: inherit !important; // override root:hover style\n        cursor: default;\n      `;\n    },\n\n    caption() {\n      return emotion.css`\n        position: relative;\n      `;\n    },\n\n    arrow(t: Theme) {\n      return emotion.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 emotion.css`\n        opacity: 0;\n      `;\n    },\n\n    menuHolder(t: Theme) {\n      return emotion.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 emotion.css`\n        margin-top: 0;\n        padding-top: 5px;\n      `;\n    },\n\n    isBotCapped() {\n      return emotion.css`\n        padding-bottom: 5px;\n      `;\n    },\n\n    itemsHolder() {\n      return emotion.css`\n        overflow: hidden;\n        position: relative;\n      `;\n    },\n\n    menuItem(t: Theme) {\n      return emotion.css`\n        display: flex;\n        color: ${t.dateSelectTextColorDefault};\n        cursor: pointer;\n        height: 24px;\n        padding: 0;\n        padding-left: 10px;\n        width: 100%;\n        user-select: none;\n        white-space: nowrap;\n        touch-action: none;\n        border: none;\n        font: inherit;\n        line-height: 24px;\n        background-color: transparent;\n      `;\n    },\n\n    menuItemSelected(t: Theme) {\n      return emotion.css`\n        background: ${t.dateSelectMenuItemBgSelected};\n        color: ${t.dateSelectMenuItemFontSelected};\n      `;\n    },\n\n    menuItemActive(t: Theme) {\n      return emotion.css`\n        background: ${t.dateSelectMenuItemBgActive};\n        color: ${t.dateSelectMenuItemFontActive};\n      `;\n    },\n\n    menuItemDisabled(t: Theme) {\n      return emotion.css`\n        background: ${t.dateSelectMenuItemBgDisabled};\n        color: ${t.dateSelectTextColorDisabled};\n        pointer-events: none;\n      `;\n    },\n\n    menu(t: Theme) {\n      return emotion.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 emotion.css`\n        span {\n          position: relative;\n          top: -0.5px;\n        }\n      `;\n    },\n\n    menuDown() {\n      return emotion.css`\n        span {\n          position: relative;\n          top: -1px;\n        }\n      `;\n    },\n  });\n"]}

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

@@ -1,18 +1,24 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    arrow: string;
+};
+export declare const getStyles: (emotion: Emotion) => {
+    root(t: Theme): string;
+    root2022(): string;
     disabled(): string;
     caption(): string;
-    arrow(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    arrow(t: Theme): string;
     arrowDisabled(): string;
-    menuHolder(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    menuHolder(t: Theme): string;
     isTopCapped(): string;
     isBotCapped(): string;
     itemsHolder(): string;
-    menuItem(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    menuItemSelected(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    menuItemActive(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    menuItemDisabled(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    menu(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    menuUp(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
-    menuDown(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+    menuItem(t: Theme): string;
+    menuItemSelected(t: Theme): string;
+    menuItemActive(t: Theme): string;
+    menuItemDisabled(t: Theme): string;
+    menu(t: Theme): string;
+    menuUp(): string;
+    menuDown(): string;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from './DateSelect';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from './DateSelect';\n"]}

package/internal/DateSelect/locale/index/index.js

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