@skbkontur/react-ui 0.0.0-4c5579465d → 0.0.0-4da47ece08

package/internal/DateSelect/DateSelect/DateSelect.js

@@ -5,7 +5,10 @@ var _dec, _class, _class2, _temp;
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { isNonNullable } from "../../../lib/utils";
+import { globalObject, isBrowser } from '@skbkontur/global-object';
+import { responsiveLayout } from "../../../components/ResponsiveLayout/decorator";
+import { CalendarDataTids } from "../../../components/Calendar/Calendar";
+import { getRandomID, isNonNullable } from "../../../lib/utils";
 import { isKeyEscape } from "../../../lib/events/keyboard/identifiers";
 import { DatePickerLocaleHelper } from "../../../components/DatePicker/locale";
 import { locale } from "../../../lib/locale/decorators";
@@ -22,12 +25,14 @@ 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 { globalThat } from "../../../lib/SSRSafe";
+import { isInstanceOf } from "../../../lib/isInstanceOf";
 import { globalClasses, styles } from "../DateSelect.styles";
 var itemHeight = 24;
 var visibleYearsCount = 11;
 var itemsToMoveCount = -5;
 var monthsCount = 12;
+var defaultMinMonth = 0;
+var defaultMaxMonth = 11;
 var defaultMinYear = 1900;
 var defaultMaxYear = 2100;
 
@@ -45,9 +50,10 @@ var calculatePos = function calculatePos(pos, minPos, maxPos) {
 
 export var DateSelectDataTids = {
   caption: 'DateSelect__caption',
-  menuItem: 'DateSelect__menuItem'
+  menuItem: 'DateSelect__menuItem',
+  menu: 'DateSelect__menu'
 };
-export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
+export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), responsiveLayout(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
   _inheritsLoose(DateSelect, _React$PureComponent);
 
   function DateSelect() {
@@ -71,8 +77,6 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
     };
     _this.root = null;
     _this.itemsContainer = null;
-    _this.longClickTimer = 0;
-    _this.setPositionRepeatTimer = 0;
     _this.yearStep = 3;
     _this.touchStartY = null;
 
@@ -103,6 +107,8 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
       });
     };
 
+    _this.menuId = DateSelectDataTids.menu + getRandomID();
+
     _this.refRoot = function (element) {
       _this.root = element;
     };
@@ -115,14 +121,14 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
       }
 
       if (_this.timeout) {
-        clearTimeout(_this.timeout);
+        globalObject.clearTimeout(_this.timeout);
       }
 
-      _this.timeout = setTimeout(function () {
+      _this.timeout = globalObject.setTimeout(function () {
         return _this.setState({
           nodeTop: getDOMRect(root).top
         });
-      });
+      }, 0);
     };
 
     _this.refItemsContainer = function (element) {
@@ -154,8 +160,8 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
 
     _this.handleLongClickUp = function (event) {
       event.preventDefault();
-      _this.longClickTimer = window.setTimeout(function () {
-        _this.setPositionRepeatTimer = window.setInterval(function () {
+      _this.longClickTimer = globalObject.setTimeout(function () {
+        _this.setPositionRepeatTimer = globalObject.setInterval(function () {
           return _this.setPosition(_this.state.pos - itemHeight);
         }, 100);
       }, 200);
@@ -163,16 +169,16 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
 
     _this.handleLongClickDown = function (event) {
       event.preventDefault();
-      _this.longClickTimer = window.setTimeout(function () {
-        _this.setPositionRepeatTimer = window.setInterval(function () {
+      _this.longClickTimer = globalObject.setTimeout(function () {
+        _this.setPositionRepeatTimer = globalObject.setInterval(function () {
           return _this.setPosition(_this.state.pos + itemHeight);
         }, 100);
       }, 200);
     };
 
     _this.handleLongClickStop = function () {
-      clearTimeout(_this.longClickTimer);
-      clearTimeout(_this.setPositionRepeatTimer);
+      globalObject.clearTimeout(_this.longClickTimer);
+      globalObject.clearTimeout(_this.setPositionRepeatTimer);
     };
 
     _this.getAnchor = function () {
@@ -180,7 +186,7 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
     };
 
     _this.handleWheel = function (event) {
-      if (!(event instanceof WheelEvent)) {
+      if (!isInstanceOf(event, globalObject.WheelEvent)) {
         return;
       }
 
@@ -200,7 +206,7 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
     };
 
     _this.handleTouchStart = function (event) {
-      if (!(event instanceof TouchEvent)) {
+      if (!isInstanceOf(event, globalObject.TouchEvent)) {
         return;
       }
 
@@ -208,12 +214,12 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
     };
 
     _this.handleTouchMove = function (event) {
-      if (!(event instanceof TouchEvent)) {
+      if (!isInstanceOf(event, globalObject.TouchEvent) || !isBrowser(globalObject)) {
         return;
       }
 
       var clientY = event.changedTouches[0].clientY;
-      var pixelRatio = window.devicePixelRatio;
+      var pixelRatio = globalObject.devicePixelRatio;
       var deltaY = ((_this.touchStartY || 0) - clientY) / pixelRatio;
       var pos = _this.state.pos + deltaY + deltaY / itemHeight;
       _this.touchStartY = clientY;
@@ -269,7 +275,7 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
   _proto.componentDidMount = function componentDidMount() {
     this.listener = LayoutEvents.addListener(this.setNodeTop);
     this.setNodeTop();
-    globalThat.addEventListener('keydown', this.handleKey);
+    globalObject.addEventListener == null ? void 0 : globalObject.addEventListener('keydown', this.handleKey);
   };
 
   _proto.componentWillUnmount = function componentWillUnmount() {
@@ -278,18 +284,18 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
     }
 
     if (this.timeout) {
-      clearTimeout(this.timeout);
+      globalObject.clearTimeout(this.timeout);
     }
 
     if (this.longClickTimer) {
-      clearTimeout(this.longClickTimer);
+      globalObject.clearTimeout(this.longClickTimer);
     }
 
     if (this.setPositionRepeatTimer) {
-      clearTimeout(this.setPositionRepeatTimer);
+      globalObject.clearTimeout(this.setPositionRepeatTimer);
     }
 
-    globalThat.removeEventListener('keydown', this.handleKey);
+    globalObject.removeEventListener == null ? void 0 : globalObject.removeEventListener('keydown', this.handleKey);
   }
   /**
   * @public
@@ -312,44 +318,55 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
       return this.renderMain2022();
     }
 
+    var isMobile = this.isMobileLayout;
     var disabled = this.props.disabled;
     var width = this.getProps().width;
+    var isInteractiveElement = !disabled;
+    var Tag = isInteractiveElement ? 'button' : 'span';
     var rootProps = {
       className: cx((_cx = {}, _cx[styles.root(this.theme)] = true, _cx[styles.disabled()] = Boolean(disabled), _cx)),
       style: {
         width: width
       },
-      ref: this.refRoot
+      ref: this.refRoot,
+      onClick: this.open,
+      'aria-expanded': isInteractiveElement ? this.state.opened : undefined,
+      'aria-controls': !disabled ? this.menuId : undefined,
+      'aria-label': isInteractiveElement ? this.locale.selectChosenAriaLabel + " " + (this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel) + " " + this.getItem(0) : undefined
     };
-    return /*#__PURE__*/React.createElement("span", rootProps, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(Tag, rootProps, /*#__PURE__*/React.createElement("div", {
       "data-tid": DateSelectDataTids.caption,
-      className: styles.caption(),
-      onClick: this.open
+      className: styles.caption()
     }, this.getItem(0), /*#__PURE__*/React.createElement("div", {
       className: cx((_cx2 = {}, _cx2[styles.arrow(this.theme)] = true, _cx2[styles.arrowDisabled()] = Boolean(disabled), _cx2))
     }, /*#__PURE__*/React.createElement(ArrowTriangleUpDownIcon, {
       size: 12
-    }))), this.state.opened && this.renderMenu());
+    }))), isMobile ? !disabled && this.renderMobileMenu(this.props, this.menuId) : this.state.opened && this.renderMenu(this.menuId));
   };
 
   _proto.renderMain2022 = function renderMain2022() {
+    var isMobile = this.isMobileLayout;
     var disabled = this.props.disabled;
     var width = this.getProps().width;
+    var isInteractiveElement = !disabled;
+    var Tag = isInteractiveElement ? 'button' : 'span';
     var rootProps = {
       className: cx(styles.root(this.theme), styles.root2022(), disabled && styles.disabled()),
       style: {
         width: width
       },
       ref: this.refRoot,
-      onClick: this.open
+      onClick: this.open,
+      'aria-expanded': isInteractiveElement ? this.state.opened : undefined,
+      'aria-label': isInteractiveElement ? this.locale.selectChosenAriaLabel + " " + (this.getProps().type === 'year' ? this.locale.selectYearAriaLabel : this.locale.selectMonthAriaLabel) + " " + this.getItem(0) : undefined
     };
-    return /*#__PURE__*/React.createElement("span", rootProps, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(Tag, rootProps, /*#__PURE__*/React.createElement("div", {
       "data-tid": DateSelectDataTids.caption,
       className: styles.caption()
-    }, this.getItem(0)), !disabled && /*#__PURE__*/React.createElement(ArrowCollapseCVOpenIcon16Regular, {
+    }, this.getItem(0)), isInteractiveElement && /*#__PURE__*/React.createElement(ArrowCollapseCVOpenIcon16Regular, {
       className: cx(globalClasses.arrow),
       color: "#ADADAD"
-    }), this.state.opened && this.renderMenu());
+    }), isMobile ? !disabled && this.renderMobileMenu(this.props, this.menuId) : this.state.opened && this.renderMenu(this.menuId));
   };
 
   _proto.disableItems = function disableItems(index) {
@@ -368,7 +385,7 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
     }
   };
 
-  _proto.renderMenu = function renderMenu() {
+  _proto.renderMenu = function renderMenu(id) {
     var _this3 = this,
         _cx3;
 
@@ -395,7 +412,8 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
         onMouseDown: preventDefault,
         onClick: _this3.handleItemClick(i)
       };
-      items.push( /*#__PURE__*/React.createElement("div", _extends({
+      items.push( /*#__PURE__*/React.createElement("button", _extends({
+        "aria-label": "\u0412\u044B\u0431\u0440\u0430\u0442\u044C " + (_this3.getProps().type === 'year' ? 'год' : 'месяц') + " " + _this3.getItem(i),
         "data-tid": DateSelectDataTids.menuItem,
         "data-prop-disabled": disableItems,
         key: i,
@@ -444,7 +462,9 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
       onClickOutside: this.close,
       onFocusOutside: this.close,
       active: true
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DropdownContainer, {
+    }, /*#__PURE__*/React.createElement(DropdownContainer, {
+      "data-tid": DateSelectDataTids.menu,
+      id: id,
       getParent: this.getAnchor,
       offsetY: dropdownOffset,
       offsetX: -10
@@ -475,7 +495,53 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
       onMouseLeave: this.handleLongClickStop,
       onTouchStart: this.handleLongClickDown,
       onTouchEnd: this.handleLongClickStop
-    }, /*#__PURE__*/React.createElement("span", null, iconDown))))));
+    }, /*#__PURE__*/React.createElement("span", null, iconDown)))));
+  };
+
+  _proto.renderMobileMenu = function renderMobileMenu(_ref, id) {
+    var _this4 = this;
+
+    var value = _ref.value,
+        minValue = _ref.minValue,
+        maxValue = _ref.maxValue,
+        onValueChange = _ref.onValueChange,
+        type = _ref.type;
+    var from = type === 'month' ? defaultMinMonth : minValue != null ? minValue : defaultMinYear;
+    var to = type === 'month' ? defaultMaxMonth : maxValue != null ? maxValue : defaultMaxYear;
+    var min = type === 'month' ? minValue != null ? minValue : defaultMinMonth : minValue != null ? minValue : defaultMinYear;
+    var max = type === 'month' ? maxValue != null ? maxValue : defaultMaxMonth : maxValue != null ? maxValue : defaultMaxYear;
+    var items = [];
+
+    for (var item = from; item <= to; ++item) {
+      items.push({
+        item: item,
+        disabled: item < min || item > max
+      });
+    }
+
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/no-onchange
+      React.createElement("select", {
+        id: id,
+        "data-tid": type === 'month' ? CalendarDataTids.monthSelectMobile : CalendarDataTids.yearSelectMobile,
+        className: styles.nativeSelect(),
+        value: value,
+        onChange: function onChange(e) {
+          onValueChange(parseInt(e.target.value));
+        }
+      }, items.map(function (_ref2) {
+        var _this4$locale$months;
+
+        var item = _ref2.item,
+            disabled = _ref2.disabled;
+        return /*#__PURE__*/React.createElement("option", {
+          key: item,
+          value: item,
+          disabled: disabled
+        }, type === 'month' ? (_this4$locale$months = _this4.locale.months) == null ? void 0 : _this4$locale$months[item] : item);
+      }))
+    );
   };
 
   _proto.getItem = function getItem(index) {
@@ -538,7 +604,7 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
   };
 
   return DateSelect;
-}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DateSelect', _class2.propTypes = {
+}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DateSelect', _class2.displayName = 'DateSelect', _class2.propTypes = {
   disabled: PropTypes.bool,
   type: PropTypes.string,
   value: PropTypes.number.isRequired,
@@ -549,7 +615,7 @@ export var DateSelect = (_dec = locale('Calendar', DatePickerLocaleHelper), _dec
 }, _class2.defaultProps = {
   type: 'year',
   width: 'auto'
-}, _temp)) || _class);
+}, _temp)) || _class) || _class);
 
 function preventDefault(e) {
   e.preventDefault();

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","globalThat","globalClasses","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';\nimport { globalThat } from '../../lib/SSRSafe';\n\nimport { globalClasses, 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('Calendar', 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    globalThat.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    globalThat.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        {!disabled && <ArrowCollapseCVOpenIcon16Regular className={cx(globalClasses.arrow)} 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","globalObject","isBrowser","responsiveLayout","CalendarDataTids","getRandomID","isNonNullable","isKeyEscape","DatePickerLocaleHelper","locale","RenderLayer","DropdownContainer","LayoutEvents","ThemeContext","ArrowTriangleUpDownIcon","ArrowChevronDownIcon","ArrowChevronUpIcon","isMobile","cx","getDOMRect","createPropsGetter","isTheme2022","ArrowCollapseCVOpenIcon16Regular","ArrowCUpIcon16Regular","ArrowCDownIcon16Regular","isInstanceOf","globalClasses","styles","itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinMonth","defaultMaxMonth","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","theme","renderMain","renderMain2022","isMobileLayout","width","isInteractiveElement","Tag","rootProps","className","Boolean","style","ref","onClick","undefined","selectChosenAriaLabel","type","selectYearAriaLabel","selectMonthAriaLabel","getItem","arrow","arrowDisabled","renderMobileMenu","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","min","max","item","monthSelectMobile","yearSelectMobile","nativeSelect","parseInt","target","map","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';\n\nimport { responsiveLayout } from '../../components/ResponsiveLayout/decorator';\nimport { CalendarDataTids } from '../../components/Calendar/Calendar';\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 { 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';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { globalClasses, styles } from './DateSelect.styles';\n\nconst itemHeight = 24;\nconst visibleYearsCount = 11;\nconst itemsToMoveCount = -5;\nconst monthsCount = 12;\nconst defaultMinMonth = 0;\nconst defaultMaxMonth = 11;\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@responsiveLayout\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 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  private isMobileLayout!: boolean;\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      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private menuId = DateSelectDataTids.menu + getRandomID();\n\n  private renderMain() {\n    if (isTheme2022(this.theme)) {\n      return this.renderMain2022();\n    }\n    const isMobile = this.isMobileLayout;\n    const { disabled } = this.props;\n    const width = this.getProps().width;\n    const isInteractiveElement = !disabled;\n    const Tag = isInteractiveElement ? 'button' : 'span';\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      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={cx({\n              [styles.arrow(this.theme)]: true,\n              [styles.arrowDisabled()]: Boolean(disabled),\n            })}\n          >\n            <ArrowTriangleUpDownIcon size={12} />\n          </div>\n        </div>\n        {isMobile\n          ? !disabled && this.renderMobileMenu(this.props, this.menuId)\n          : this.state.opened && this.renderMenu(this.menuId)}\n      </Tag>\n    );\n  }\n\n  private renderMain2022() {\n    const isMobile = this.isMobileLayout;\n    const { disabled } = this.props;\n    const width = this.getProps().width;\n    const isInteractiveElement = !disabled;\n    const Tag = isInteractiveElement ? 'button' : 'span';\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      '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={cx(globalClasses.arrow)} color=\"#ADADAD\" />\n        )}\n        {isMobile\n          ? !disabled && this.renderMobileMenu(this.props, this.menuId)\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\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        <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 = 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={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      </RenderLayer>\n    );\n  }\n\n  private renderMobileMenu(\n    { value, minValue, maxValue, onValueChange, type }: DateSelectProps,\n    id?: string,\n  ): JSX.Element {\n    const from = type === 'month' ? defaultMinMonth : minValue ?? defaultMinYear;\n    const to = type === 'month' ? defaultMaxMonth : maxValue ?? defaultMaxYear;\n\n    const min = type === 'month' ? minValue ?? defaultMinMonth : minValue ?? defaultMinYear;\n    const max = type === 'month' ? maxValue ?? defaultMaxMonth : maxValue ?? defaultMaxYear;\n\n    const items: Array<{ item: number; disabled: boolean }> = [];\n    for (let item = from; item <= to; ++item) {\n      items.push({ item, disabled: item < min || item > max });\n    }\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-onchange\n      <select\n        id={id}\n        data-tid={type === 'month' ? CalendarDataTids.monthSelectMobile : CalendarDataTids.yearSelectMobile}\n        className={styles.nativeSelect()}\n        value={value}\n        onChange={(e) => {\n          onValueChange(parseInt(e.target.value));\n        }}\n      >\n        {items.map(({ item, disabled }) => (\n          <option key={item} value={item} disabled={disabled}>\n            {type === 'month' ? this.locale.months?.[item] : item}\n          </option>\n        ))}\n      </select>\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

@@ -23,10 +23,12 @@ export interface 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>;
@@ -58,6 +60,7 @@ export declare class DateSelect extends React.PureComponent<DateSelectProps, Dat
     private setPositionRepeatTimer;
     private yearStep;
     private touchStartY;
+    private isMobileLayout;
     componentDidUpdate(): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
@@ -70,12 +73,14 @@ export declare class DateSelect extends React.PureComponent<DateSelectProps, Dat
      */
     close: () => void;
     render(): JSX.Element;
+    private menuId;
     private renderMain;
     private renderMain2022;
     private refRoot;
     private setNodeTop;
     private disableItems;
     private renderMenu;
+    private renderMobileMenu;
     private refItemsContainer;
     private handleLongClickUp;
     private handleLongClickDown;

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

@@ -1,6 +1,6 @@
 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, _templateObject17, _templateObject18;
 
 import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 export var globalClasses = prefix('select')({
@@ -8,7 +8,7 @@ export var globalClasses = prefix('select')({
 });
 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\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);
+    return 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 css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      justify-content: space-between;\n    "])));
@@ -38,7 +38,7 @@ export var styles = memoizeStyle({
     return css(_templateObject10 || (_templateObject10 = _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(_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 css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      background: ", ";\n      color: ", ";\n    "])), t.dateSelectMenuItemBgSelected, t.dateSelectMenuItemFontSelected);
@@ -57,5 +57,8 @@ export var styles = memoizeStyle({
   },
   menuDown: function menuDown() {
     return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      span {\n        position: relative;\n        top: -1px;\n      }\n    "])));
+  },
+  nativeSelect: function nativeSelect() {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: -12px;\n      right: 0;\n      bottom: -8px;\n      left: 0;\n      cursor: pointer;\n      appearance: none;\n      opacity: 0;\n      border: none;\n    "])));
   }
 });