@skbkontur/react-ui 0.0.0-375e096002 → 0.0.0-3974a633b4

package/cjs/internal/DateSelect/DateSelect.js

@@ -1,6 +1,5 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");exports.__esModule = true;exports.DateSelect = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
 
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _locale = require("../../components/DatePicker/locale");
@@ -12,6 +11,8 @@ var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _px = require("../icons/16px");
+var _client = require("../../lib/client");
+var _Emotion = require("../../lib/theming/Emotion");
 
 var _DateSelect = require("./DateSelect.styles");var _dec, _class, _class2, _temp;
 
@@ -44,7 +45,7 @@ var defaultMaxYear = 2100;var
 
 
 
-DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(DateSelect, _React$Component);function DateSelect() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {(0, _inheritsLoose2.default)(DateSelect, _React$PureComponent);function DateSelect() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;_this.
 
 
 
@@ -90,6 +91,7 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
     longClickTimer = 0;_this.
     setPositionRepeatTimer = 0;_this.
     yearStep = 3;_this.
+    touchStartY = null;_this.
 
 
 
@@ -338,6 +340,18 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
       if (_this.itemsContainer && !element) {
         _this.itemsContainer.removeEventListener('wheel', _this.handleWheel);
       }
+
+      if (_client.isMobile) {
+        if (!_this.itemsContainer && element) {
+          element.addEventListener('touchstart', _this.handleTouchStart);
+          element.addEventListener('touchmove', _this.handleTouchMove);
+        }
+        if (_this.itemsContainer && !element) {
+          _this.itemsContainer.removeEventListener('touchstart', _this.handleTouchStart);
+          _this.itemsContainer.removeEventListener('touchmove', _this.handleTouchMove);
+        }
+      }
+
       _this.itemsContainer = element;
     };_this.
 
@@ -379,6 +393,30 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
       _this.setPosition(pos);
     };_this.
 
+    handleTouchStart = function (event) {
+      if (!(event instanceof TouchEvent)) {
+        return;
+      }
+
+      _this.touchStartY = event.targetTouches[0].clientY;
+    };_this.
+
+    handleTouchMove = function (event) {
+      if (!(event instanceof TouchEvent)) {
+        return;
+      }var
+
+      clientY = event.changedTouches[0].clientY;
+      var pixelRatio = window.devicePixelRatio;
+
+      var deltaY = ((_this.touchStartY || 0) - clientY) / pixelRatio;
+      var pos = _this.state.pos + deltaY + deltaY / itemHeight;
+
+      _this.touchStartY = clientY;
+
+      _this.setPosition(pos);
+    };_this.
+
     handleItemClick = function (shift) {
       return function (e) {
         var value = _this.props.value + shift;
@@ -405,9 +443,9 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
     handleDown = function (event) {
       event.preventDefault();
       _this.setPosition(_this.state.pos + itemHeight * _this.yearStep);
-    };return _this;}var _proto = DateSelect.prototype;_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps() {this.setNodeTop();};_proto.componentDidMount = function componentDidMount() {this.listener = LayoutEvents.addListener(this.setNodeTop);this.setNodeTop();window.addEventListener('keydown', this.handleKey);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.listener) {this.listener.remove();}if (this.timeout) {clearTimeout(this.timeout);}if (this.longClickTimer) {clearTimeout(this.longClickTimer);}if (this.setPositionRepeatTimer) {clearTimeout(this.setPositionRepeatTimer);}window.removeEventListener('keydown', this.handleKey);} /**
-   * @public
-   */;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cn, _cn2;var _this$props = this.props,width = _this$props.width,disabled = _this$props.disabled;var rootProps = { className: (0, _classnames.default)((_cn = {}, _cn[_DateSelect.jsStyles.root(this.theme)] = true, _cn[_DateSelect.jsStyles.disabled()] = Boolean(disabled), _cn)), style: { width: width }, ref: this.refRoot };return /*#__PURE__*/_react.default.createElement("span", rootProps, /*#__PURE__*/_react.default.createElement("div", { "data-tid": "DateSelect__caption", className: _DateSelect.jsStyles.caption(), onClick: this.open }, this.getItem(0), /*#__PURE__*/_react.default.createElement("div", { className: (0, _classnames.default)((_cn2 = {}, _cn2[_DateSelect.jsStyles.arrow(this.theme)] = true, _cn2[_DateSelect.jsStyles.arrowDisabled()] = Boolean(disabled), _cn2)) }, /*#__PURE__*/_react.default.createElement(_px.ArrowTriangleUpDownIcon, { size: 12 }))), this.state.opened && this.renderMenu());};_proto.disableItems = function disableItems(index) {var value = this.props.value + index;if (this.props.maxValue != null && this.props.minValue != null) {return value > this.props.maxValue || value < this.props.minValue;}if (this.props.minValue != null) {return value < this.props.minValue;}if (this.props.maxValue != null) {return value > this.props.maxValue;}};_proto.renderMenu = function renderMenu() {var _this3 = this,_cn3;var _this$state = this.state,top = _this$state.top,height = _this$state.height,nodeTop = _this$state.nodeTop;var shift = this.state.pos % itemHeight;if (shift < 0) {shift += itemHeight;}var from = (this.state.pos - shift + top) / itemHeight;var to = from + Math.ceil((height + shift) / itemHeight);var items = [];var _loop = function _loop(i) {var _cn4;var disableItems = _this3.disableItems(i) || false;var className = (0, _classnames.default)((_cn4 = {}, _cn4[_DateSelect.jsStyles.menuItem(_this3.theme)] = true, _cn4[_DateSelect.jsStyles.menuItemSelected(_this3.theme)] = i === 0, _cn4[_DateSelect.jsStyles.menuItemActive(_this3.theme)] = i === _this3.state.current, _cn4[_DateSelect.jsStyles.menuItemDisabled(_this3.theme)] = disableItems, _cn4));var clickHandler = { onMouseDown: preventDefault, onClick: _this3.handleItemClick(i) };items.push( /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ "data-tid": "DateSelect__menuItem", "data-prop-disabled": disableItems, key: i, className: className, onMouseEnter: function onMouseEnter() {return _this3.setState({ current: i });}, onMouseLeave: function onMouseLeave() {return _this3.setState({ current: null });} }, clickHandler), _this3.getItem(i)));};for (var i = from; i < to; ++i) {_loop(i);}var style = { top: top - 5, left: 0, right: 0 };var shiftStyle = { position: 'relative', top: -shift };var holderClass = (0, _classnames.default)((_cn3 = {}, _cn3[_DateSelect.jsStyles.menuHolder(this.theme)] = true, _cn3[_DateSelect.jsStyles.isTopCapped()] = this.state.topCapped, _cn3[_DateSelect.jsStyles.isBotCapped()] = this.state.botCapped, _cn3));var dropdownOffset = -itemHeight;if (nodeTop < -top) {var overflowOffsetDelta = this.state.topCapped ? 6 : 17;dropdownOffset -= nodeTop + top - overflowOffsetDelta;}return /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close, onFocusOutside: this.close, active: true }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_DropdownContainer.DropdownContainer, { getParent: this.getAnchor, offsetY: dropdownOffset, offsetX: -10 }, /*#__PURE__*/_react.default.createElement("div", { className: holderClass, style: style }, !this.state.topCapped && /*#__PURE__*/_react.default.createElement("div", { className: _DateSelect.jsStyles.menuUp(this.theme), onClick: this.handleUp, onMouseDown: this.handleLongClickUp, onMouseUp: this.handleLongClickStop, onMouseLeave: this.handleLongClickStop, onTouchStart: this.handleLongClickUp, onTouchEnd: this.handleLongClickStop }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_px.ArrowTriangleUpIcon, null))), /*#__PURE__*/_react.default.createElement("div", { className: _DateSelect.jsStyles.itemsHolder(), style: { height: height } }, /*#__PURE__*/_react.default.createElement("div", { ref: this.refItemsContainer, style: shiftStyle }, items)), !this.state.botCapped && /*#__PURE__*/_react.default.createElement("div", { className: _DateSelect.jsStyles.menuDown(this.theme), onClick: this.handleDown, onMouseDown: this.handleLongClickDown, onMouseUp: this.handleLongClickStop, onMouseLeave: this.handleLongClickStop, onTouchStart: this.handleLongClickDown, onTouchEnd: this.handleLongClickStop }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_px.ArrowTriangleDownIcon, null)))))));};_proto.getItem = function getItem(index) {
+    };return _this;}var _proto = DateSelect.prototype;_proto.componentDidUpdate = function componentDidUpdate() {this.setNodeTop();};_proto.componentDidMount = function componentDidMount() {this.listener = LayoutEvents.addListener(this.setNodeTop);this.setNodeTop();window.addEventListener('keydown', this.handleKey);};_proto.componentWillUnmount = function componentWillUnmount() {if (this.listener) {this.listener.remove();}if (this.timeout) {clearTimeout(this.timeout);}if (this.longClickTimer) {clearTimeout(this.longClickTimer);}if (this.setPositionRepeatTimer) {clearTimeout(this.setPositionRepeatTimer);}window.removeEventListener('keydown', this.handleKey);} /**
+   * @public
+   */;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cx, _cx2;var _this$props = this.props,width = _this$props.width,disabled = _this$props.disabled;var rootProps = { className: (0, _Emotion.cx)((_cx = {}, _cx[_DateSelect.styles.root(this.theme)] = true, _cx[_DateSelect.styles.disabled()] = Boolean(disabled), _cx)), style: { width: width }, ref: this.refRoot };return /*#__PURE__*/_react.default.createElement("span", rootProps, /*#__PURE__*/_react.default.createElement("div", { "data-tid": "DateSelect__caption", className: _DateSelect.styles.caption(), onClick: this.open }, this.getItem(0), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_DateSelect.styles.arrow(this.theme)] = true, _cx2[_DateSelect.styles.arrowDisabled()] = Boolean(disabled), _cx2)) }, /*#__PURE__*/_react.default.createElement(_px.ArrowTriangleUpDownIcon, { size: 12 }))), this.state.opened && this.renderMenu());};_proto.disableItems = function disableItems(index) {var value = this.props.value + index;if (this.props.maxValue != null && this.props.minValue != null) {return value > this.props.maxValue || value < this.props.minValue;}if (this.props.minValue != null) {return value < this.props.minValue;}if (this.props.maxValue != null) {return value > this.props.maxValue;}};_proto.renderMenu = function renderMenu() {var _this3 = this,_cx3;var _this$state = this.state,top = _this$state.top,height = _this$state.height,nodeTop = _this$state.nodeTop;var shift = this.state.pos % itemHeight;if (shift < 0) {shift += itemHeight;}var from = (this.state.pos - shift + top) / itemHeight;var to = from + Math.ceil((height + shift) / itemHeight);var items = [];var _loop = function _loop(i) {var _cx4;var disableItems = _this3.disableItems(i) || false;var className = (0, _Emotion.cx)((_cx4 = {}, _cx4[_DateSelect.styles.menuItem(_this3.theme)] = true, _cx4[_DateSelect.styles.menuItemSelected(_this3.theme)] = i === 0, _cx4[_DateSelect.styles.menuItemActive(_this3.theme)] = i === _this3.state.current, _cx4[_DateSelect.styles.menuItemDisabled(_this3.theme)] = disableItems, _cx4));var clickHandler = { onMouseDown: preventDefault, onClick: _this3.handleItemClick(i) };items.push( /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ "data-tid": "DateSelect__menuItem", "data-prop-disabled": disableItems, key: i, className: className, onMouseEnter: function onMouseEnter() {return _this3.setState({ current: i });}, onMouseLeave: function onMouseLeave() {return _this3.setState({ current: null });} }, clickHandler), _this3.getItem(i)));};for (var i = from; i < to; ++i) {_loop(i);}var style = { top: top - 5, left: 0, right: 0 };var shiftStyle = { position: 'relative', top: -shift };var holderClass = (0, _Emotion.cx)((_cx3 = {}, _cx3[_DateSelect.styles.menuHolder(this.theme)] = true, _cx3[_DateSelect.styles.isTopCapped()] = this.state.topCapped, _cx3[_DateSelect.styles.isBotCapped()] = this.state.botCapped, _cx3));var dropdownOffset = -itemHeight;if (nodeTop < -top) {var overflowOffsetDelta = this.state.topCapped ? 6 : 17;dropdownOffset -= nodeTop + top - overflowOffsetDelta;}return /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close, onFocusOutside: this.close, active: true }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_DropdownContainer.DropdownContainer, { getParent: this.getAnchor, offsetY: dropdownOffset, offsetX: -10 }, /*#__PURE__*/_react.default.createElement("div", { className: holderClass, style: style }, !this.state.topCapped && /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_DateSelect.styles.menu(this.theme), _DateSelect.styles.menuUp()), onClick: this.handleUp, onMouseDown: this.handleLongClickUp, onMouseUp: this.handleLongClickStop, onMouseLeave: this.handleLongClickStop, onTouchStart: this.handleLongClickUp, onTouchEnd: this.handleLongClickStop }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_px.ArrowChevronUpIcon, null))), /*#__PURE__*/_react.default.createElement("div", { className: _DateSelect.styles.itemsHolder(), style: { height: height } }, /*#__PURE__*/_react.default.createElement("div", { ref: this.refItemsContainer, style: shiftStyle }, items)), !this.state.botCapped && /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_DateSelect.styles.menu(this.theme), _DateSelect.styles.menuDown()), onClick: this.handleDown, onMouseDown: this.handleLongClickDown, onMouseUp: this.handleLongClickStop, onMouseLeave: this.handleLongClickStop, onTouchStart: this.handleLongClickDown, onTouchEnd: this.handleLongClickStop }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_px.ArrowChevronDownIcon, null)))))));};_proto.getItem = function getItem(index) {
     var value = this.props.value + index;
     if (this.props.type === 'month') {
       return this.locale.months[value];
@@ -453,7 +491,7 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
       return ((this.props.maxValue || defaultMaxYear) - this.props.value) * itemHeight;
     }
     return Infinity; // Be defensive.
-  };return DateSelect;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'DateSelect', _class2.propTypes = { disabled: _propTypes.default.bool, type: _propTypes.default.string, value: _propTypes.default.number.isRequired, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), onValueChange: _propTypes.default.func, minValue: _propTypes.default.number, maxValue: _propTypes.default.number }, _class2.defaultProps = { type: 'year', minMonth: 0, maxMonth: 11, width: 'auto' }, _temp)) || _class);exports.DateSelect = DateSelect;
+  };return DateSelect;}(_react.default.PureComponent), _class2.__KONTUR_REACT_UI__ = 'DateSelect', _class2.propTypes = { disabled: _propTypes.default.bool, type: _propTypes.default.string, value: _propTypes.default.number.isRequired, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), onValueChange: _propTypes.default.func, minValue: _propTypes.default.number, maxValue: _propTypes.default.number }, _class2.defaultProps = { type: 'year', minMonth: 0, maxMonth: 11, width: 'auto' }, _temp)) || _class);exports.DateSelect = DateSelect;
 
 
 function preventDefault(e) {

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

@@ -1 +1 @@
-{"version":3,"sources":["DateSelect.tsx"],"names":["itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinYear","defaultMaxYear","DateSelect","DatePickerLocaleHelper","state","botCapped","current","height","opened","pos","top","topCapped","nodeTop","Infinity","theme","locale","root","itemsContainer","listener","timeout","longClickTimer","setPositionRepeatTimer","yearStep","open","props","disabled","setPosition","setState","close","refRoot","element","setNodeTop","clearTimeout","setTimeout","getBoundingClientRect","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","handleLongClickUp","event","preventDefault","window","setInterval","handleLongClickDown","handleLongClickStop","getAnchor","WheelEvent","stopPropagation","deltaY","deltaMode","handleItemClick","shift","e","value","onValueChange","handleKey","handleUp","handleDown","UNSAFE_componentWillReceiveProps","componentDidMount","LayoutEvents","addListener","componentWillUnmount","remove","render","renderMain","width","rootProps","className","jsStyles","Boolean","style","ref","caption","getItem","arrow","arrowDisabled","renderMenu","disableItems","index","maxValue","minValue","from","to","Math","ceil","items","i","menuItem","menuItemSelected","menuItemActive","menuItemDisabled","clickHandler","onMouseDown","onClick","push","left","right","shiftStyle","position","holderClass","menuHolder","isTopCapped","isBotCapped","dropdownOffset","overflowOffsetDelta","menuUp","itemsHolder","menuDown","type","months","minPos","getMinPos","maxPos","getMaxPos","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","number","isRequired","oneOfType","func","defaultProps","minMonth","maxMonth"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\r\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../../components/DatePicker/locale';\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { RenderLayer } from '../RenderLayer';\r\nimport { DropdownContainer } from '../DropdownContainer';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { ArrowTriangleDownIcon, ArrowTriangleUpDownIcon, ArrowTriangleUpIcon } from '../icons/16px';\r\n\r\nimport { jsStyles } from './DateSelect.styles';\r\n\r\nconst itemHeight = 24;\r\nconst visibleYearsCount = 11;\r\nconst itemsToMoveCount = -5;\r\nconst monthsCount = 12;\r\nconst defaultMinYear = 1900;\r\nconst defaultMaxYear = 2100;\r\n\r\nexport interface DateSelectProps {\r\n  disabled?: boolean | null;\r\n  onValueChange: (value: number) => void;\r\n  type?: 'month' | 'year';\r\n  value: number;\r\n  width?: number | string;\r\n  minValue?: number;\r\n  maxValue?: number;\r\n}\r\n\r\nexport interface DateSelectState {\r\n  botCapped: boolean;\r\n  current: Nullable<number>;\r\n  height: number;\r\n  opened: boolean;\r\n  pos: number;\r\n  top: number;\r\n  topCapped: boolean;\r\n  nodeTop: number;\r\n}\r\n\r\n@locale('DatePicker', DatePickerLocaleHelper)\r\nexport class DateSelect extends React.Component<DateSelectProps, DateSelectState> {\r\n  public static __KONTUR_REACT_UI__ = 'DateSelect';\r\n\r\n  public static propTypes = {\r\n    disabled: PropTypes.bool,\r\n\r\n    type: PropTypes.string,\r\n\r\n    value: PropTypes.number.isRequired,\r\n\r\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\r\n    onValueChange: PropTypes.func,\r\n\r\n    minValue: PropTypes.number,\r\n\r\n    maxValue: PropTypes.number,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    type: 'year',\r\n    minMonth: 0,\r\n    maxMonth: 11,\r\n    width: 'auto',\r\n  };\r\n\r\n  public state = {\r\n    botCapped: false,\r\n    current: 0,\r\n    height: 0,\r\n    opened: false,\r\n    pos: 0,\r\n    top: 0,\r\n    topCapped: false,\r\n    nodeTop: Infinity,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private readonly locale!: DatePickerLocale;\r\n  private root: HTMLElement | null = null;\r\n  private itemsContainer: HTMLElement | null = null;\r\n  private listener: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\r\n  private timeout: number | undefined;\r\n  private longClickTimer = 0;\r\n  private setPositionRepeatTimer = 0;\r\n  private yearStep = 3;\r\n\r\n  public UNSAFE_componentWillReceiveProps() {\r\n    this.setNodeTop();\r\n  }\r\n\r\n  public componentDidMount() {\r\n    this.listener = LayoutEvents.addListener(this.setNodeTop);\r\n    this.setNodeTop();\r\n    window.addEventListener('keydown', this.handleKey);\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.listener) {\r\n      this.listener.remove();\r\n    }\r\n    if (this.timeout) {\r\n      clearTimeout(this.timeout);\r\n    }\r\n    if (this.longClickTimer) {\r\n      clearTimeout(this.longClickTimer);\r\n    }\r\n    if (this.setPositionRepeatTimer) {\r\n      clearTimeout(this.setPositionRepeatTimer);\r\n    }\r\n    window.removeEventListener('keydown', this.handleKey);\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public open = () => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    if (this.state.opened) {\r\n      return;\r\n    }\r\n\r\n    this.setPosition(0);\r\n    this.setState({\r\n      opened: true,\r\n      current: 0,\r\n    });\r\n  };\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public close = () => {\r\n    if (!this.state.opened) {\r\n      return;\r\n    }\r\n\r\n    this.setState({ opened: false });\r\n  };\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const { width, disabled } = this.props;\r\n    const rootProps = {\r\n      className: cn({\r\n        [jsStyles.root(this.theme)]: true,\r\n        [jsStyles.disabled()]: Boolean(disabled),\r\n      }),\r\n      style: { width },\r\n      ref: this.refRoot,\r\n    };\r\n    return (\r\n      <span {...rootProps}>\r\n        <div data-tid=\"DateSelect__caption\" className={jsStyles.caption()} onClick={this.open}>\r\n          {this.getItem(0)}\r\n          <div\r\n            className={cn({\r\n              [jsStyles.arrow(this.theme)]: true,\r\n              [jsStyles.arrowDisabled()]: Boolean(disabled),\r\n            })}\r\n          >\r\n            <ArrowTriangleUpDownIcon size={12} />\r\n          </div>\r\n        </div>\r\n        {this.state.opened && this.renderMenu()}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private refRoot = (element: HTMLElement | null) => {\r\n    this.root = element;\r\n  };\r\n\r\n  private setNodeTop = () => {\r\n    const root = this.root;\r\n    if (!root) {\r\n      return;\r\n    }\r\n    if (this.timeout) {\r\n      clearTimeout(this.timeout);\r\n    }\r\n    this.timeout = setTimeout(() =>\r\n      this.setState({\r\n        nodeTop: root.getBoundingClientRect().top,\r\n      }),\r\n    );\r\n  };\r\n\r\n  private disableItems(index: number) {\r\n    const value = this.props.value + index;\r\n    if (this.props.maxValue != null && this.props.minValue != null) {\r\n      return value > this.props.maxValue || value < this.props.minValue;\r\n    }\r\n    if (this.props.minValue != null) {\r\n      return value < this.props.minValue;\r\n    }\r\n    if (this.props.maxValue != null) {\r\n      return value > this.props.maxValue;\r\n    }\r\n  }\r\n\r\n  private renderMenu(): React.ReactNode {\r\n    const { top, height, nodeTop } = this.state;\r\n\r\n    let shift = this.state.pos % itemHeight;\r\n    if (shift < 0) {\r\n      shift += itemHeight;\r\n    }\r\n\r\n    const from = (this.state.pos - shift + top) / itemHeight;\r\n    const to = from + Math.ceil((height + shift) / itemHeight);\r\n    const items = [];\r\n\r\n    for (let i = from; i < to; ++i) {\r\n      const disableItems = this.disableItems(i) || false;\r\n      const className = cn({\r\n        [jsStyles.menuItem(this.theme)]: true,\r\n        [jsStyles.menuItemSelected(this.theme)]: i === 0,\r\n        [jsStyles.menuItemActive(this.theme)]: i === this.state.current,\r\n        [jsStyles.menuItemDisabled(this.theme)]: disableItems,\r\n      });\r\n      const clickHandler = {\r\n        onMouseDown: preventDefault,\r\n        onClick: this.handleItemClick(i),\r\n      };\r\n      items.push(\r\n        <div\r\n          data-tid=\"DateSelect__menuItem\"\r\n          data-prop-disabled={disableItems}\r\n          key={i}\r\n          className={className}\r\n          onMouseEnter={() => this.setState({ current: i })}\r\n          onMouseLeave={() => this.setState({ current: null })}\r\n          {...clickHandler}\r\n        >\r\n          {this.getItem(i)}\r\n        </div>,\r\n      );\r\n    }\r\n    const style: {\r\n      left?: number | string;\r\n      right?: number | string;\r\n      top: number;\r\n      width?: number | string;\r\n    } = {\r\n      top: top - 5,\r\n      left: 0,\r\n      right: 0,\r\n    };\r\n\r\n    const shiftStyle: React.CSSProperties = {\r\n      position: 'relative',\r\n      top: -shift,\r\n    };\r\n\r\n    const holderClass = cn({\r\n      [jsStyles.menuHolder(this.theme)]: true,\r\n      [jsStyles.isTopCapped()]: this.state.topCapped,\r\n      [jsStyles.isBotCapped()]: this.state.botCapped,\r\n    });\r\n\r\n    let dropdownOffset = -itemHeight;\r\n    if (nodeTop < -top) {\r\n      const overflowOffsetDelta = this.state.topCapped ? 6 : 17;\r\n      dropdownOffset -= nodeTop + top - overflowOffsetDelta;\r\n    }\r\n\r\n    return (\r\n      <RenderLayer onClickOutside={this.close} onFocusOutside={this.close} active>\r\n        <div>\r\n          <DropdownContainer getParent={this.getAnchor} offsetY={dropdownOffset} offsetX={-10}>\r\n            <div className={holderClass} style={style}>\r\n              {!this.state.topCapped && (\r\n                <div\r\n                  className={jsStyles.menuUp(this.theme)}\r\n                  onClick={this.handleUp}\r\n                  onMouseDown={this.handleLongClickUp}\r\n                  onMouseUp={this.handleLongClickStop}\r\n                  onMouseLeave={this.handleLongClickStop}\r\n                  onTouchStart={this.handleLongClickUp}\r\n                  onTouchEnd={this.handleLongClickStop}\r\n                >\r\n                  <span>\r\n                    <ArrowTriangleUpIcon />\r\n                  </span>\r\n                </div>\r\n              )}\r\n              <div className={jsStyles.itemsHolder()} style={{ height }}>\r\n                <div ref={this.refItemsContainer} style={shiftStyle}>\r\n                  {items}\r\n                </div>\r\n              </div>\r\n              {!this.state.botCapped && (\r\n                <div\r\n                  className={jsStyles.menuDown(this.theme)}\r\n                  onClick={this.handleDown}\r\n                  onMouseDown={this.handleLongClickDown}\r\n                  onMouseUp={this.handleLongClickStop}\r\n                  onMouseLeave={this.handleLongClickStop}\r\n                  onTouchStart={this.handleLongClickDown}\r\n                  onTouchEnd={this.handleLongClickStop}\r\n                >\r\n                  <span>\r\n                    <ArrowTriangleDownIcon />\r\n                  </span>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </DropdownContainer>\r\n        </div>\r\n      </RenderLayer>\r\n    );\r\n  }\r\n\r\n  private refItemsContainer = (element: HTMLElement | null) => {\r\n    if (!this.itemsContainer && element) {\r\n      element.addEventListener('wheel', this.handleWheel, { passive: false });\r\n    }\r\n    if (this.itemsContainer && !element) {\r\n      this.itemsContainer.removeEventListener('wheel', this.handleWheel);\r\n    }\r\n    this.itemsContainer = element;\r\n  };\r\n\r\n  private handleLongClickUp = (event: React.MouseEvent | React.TouchEvent) => {\r\n    event.preventDefault();\r\n    this.longClickTimer = window.setTimeout(() => {\r\n      this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos - itemHeight), 100);\r\n    }, 200);\r\n  };\r\n\r\n  private handleLongClickDown = (event: React.MouseEvent | React.TouchEvent) => {\r\n    event.preventDefault();\r\n    this.longClickTimer = window.setTimeout(() => {\r\n      this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos + itemHeight), 100);\r\n    }, 200);\r\n  };\r\n\r\n  private handleLongClickStop = () => {\r\n    clearTimeout(this.longClickTimer);\r\n    clearTimeout(this.setPositionRepeatTimer);\r\n  };\r\n\r\n  private getAnchor = () => this.root;\r\n\r\n  private handleWheel = (event: Event) => {\r\n    if (!(event instanceof WheelEvent)) {\r\n      return;\r\n    }\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n\r\n    let deltaY = event.deltaY;\r\n    if (event.deltaMode === 1) {\r\n      deltaY *= itemHeight;\r\n    } else if (event.deltaMode === 2) {\r\n      deltaY *= itemHeight * 4;\r\n    }\r\n    const pos = this.state.pos + deltaY;\r\n    this.setPosition(pos);\r\n  };\r\n\r\n  private handleItemClick = (shift: number) => {\r\n    return (e: React.MouseEvent<HTMLElement>) => {\r\n      const value = this.props.value + shift;\r\n      if (this.props.onValueChange) {\r\n        this.props.onValueChange(value);\r\n      }\r\n      this.setState({ opened: false });\r\n    };\r\n  };\r\n\r\n  private handleKey = (e: KeyboardEvent) => {\r\n    if (this.state.opened && isKeyEscape(e)) {\r\n      e.preventDefault();\r\n      this.close();\r\n      e.stopPropagation();\r\n    }\r\n  };\r\n\r\n  private handleUp = (event: React.MouseEvent) => {\r\n    event.preventDefault();\r\n    this.setPosition(this.state.pos - itemHeight * this.yearStep);\r\n  };\r\n\r\n  private handleDown = (event: React.MouseEvent) => {\r\n    event.preventDefault();\r\n    this.setPosition(this.state.pos + itemHeight * this.yearStep);\r\n  };\r\n\r\n  private getItem(index: number) {\r\n    const value = this.props.value + index;\r\n    if (this.props.type === 'month') {\r\n      return this.locale.months[value];\r\n    }\r\n    return value;\r\n  }\r\n\r\n  private setPosition(pos: number) {\r\n    let top = itemsToMoveCount * itemHeight;\r\n    let height = visibleYearsCount * itemHeight;\r\n    if (this.props.type === 'month') {\r\n      top = -this.props.value * itemHeight;\r\n      height = monthsCount * itemHeight;\r\n    }\r\n\r\n    const minPos = this.getMinPos() - top;\r\n    const maxPos = this.getMaxPos() - top - height + itemHeight;\r\n    if (minPos >= pos) {\r\n      pos = minPos;\r\n    }\r\n    if (maxPos <= pos) {\r\n      pos = maxPos;\r\n    }\r\n    const topCapped = pos <= minPos;\r\n    const botCapped = pos >= maxPos;\r\n\r\n    this.setState({ pos, top, height, topCapped, botCapped });\r\n  }\r\n\r\n  private getMinPos() {\r\n    if (this.props.type === 'month') {\r\n      return -this.props.value * itemHeight;\r\n    } else if (this.props.type === 'year') {\r\n      return ((this.props.minValue || defaultMinYear) - this.props.value) * itemHeight;\r\n    }\r\n    return -Infinity; // Be defensive.\r\n  }\r\n\r\n  private getMaxPos() {\r\n    if (this.props.type === 'month') {\r\n      return (visibleYearsCount - this.props.value) * itemHeight;\r\n    } else if (this.props.type === 'year') {\r\n      return ((this.props.maxValue || defaultMaxYear) - this.props.value) * itemHeight;\r\n    }\r\n    return Infinity; // Be defensive.\r\n  }\r\n}\r\n\r\nfunction preventDefault(e: React.SyntheticEvent) {\r\n  e.preventDefault();\r\n}\r\n"]}
+{"version":3,"sources":["DateSelect.tsx"],"names":["itemHeight","visibleYearsCount","itemsToMoveCount","monthsCount","defaultMinYear","defaultMaxYear","DateSelect","DatePickerLocaleHelper","state","botCapped","current","height","opened","pos","top","topCapped","nodeTop","Infinity","theme","locale","root","itemsContainer","listener","timeout","longClickTimer","setPositionRepeatTimer","yearStep","touchStartY","open","props","disabled","setPosition","setState","close","refRoot","element","setNodeTop","clearTimeout","setTimeout","getBoundingClientRect","refItemsContainer","addEventListener","handleWheel","passive","removeEventListener","isMobile","handleTouchStart","handleTouchMove","handleLongClickUp","event","preventDefault","window","setInterval","handleLongClickDown","handleLongClickStop","getAnchor","WheelEvent","stopPropagation","deltaY","deltaMode","TouchEvent","targetTouches","clientY","changedTouches","pixelRatio","devicePixelRatio","handleItemClick","shift","e","value","onValueChange","handleKey","handleUp","handleDown","componentDidUpdate","componentDidMount","LayoutEvents","addListener","componentWillUnmount","remove","render","renderMain","width","rootProps","className","styles","Boolean","style","ref","caption","getItem","arrow","arrowDisabled","renderMenu","disableItems","index","maxValue","minValue","from","to","Math","ceil","items","i","menuItem","menuItemSelected","menuItemActive","menuItemDisabled","clickHandler","onMouseDown","onClick","push","left","right","shiftStyle","position","holderClass","menuHolder","isTopCapped","isBotCapped","dropdownOffset","overflowOffsetDelta","menu","menuUp","itemsHolder","menuDown","type","months","minPos","getMinPos","maxPos","getMaxPos","React","PureComponent","__KONTUR_REACT_UI__","propTypes","PropTypes","bool","string","number","isRequired","oneOfType","func","defaultProps","minMonth","maxMonth"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../../components/DatePicker/locale';\nimport { locale } from '../../lib/locale/decorators';\nimport { RenderLayer } from '../RenderLayer';\nimport { DropdownContainer } from '../DropdownContainer';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ArrowTriangleUpDownIcon, ArrowChevronDownIcon, ArrowChevronUpIcon } from '../icons/16px';\nimport { isMobile } from '../../lib/client';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './DateSelect.styles';\n\nconst itemHeight = 24;\nconst visibleYearsCount = 11;\nconst itemsToMoveCount = -5;\nconst monthsCount = 12;\nconst defaultMinYear = 1900;\nconst defaultMaxYear = 2100;\n\nexport interface DateSelectProps {\n  disabled?: boolean | null;\n  onValueChange: (value: number) => void;\n  type?: 'month' | 'year';\n  value: number;\n  width?: number | string;\n  minValue?: number;\n  maxValue?: number;\n}\n\nexport interface DateSelectState {\n  botCapped: boolean;\n  current: Nullable<number>;\n  height: number;\n  opened: boolean;\n  pos: number;\n  top: number;\n  topCapped: boolean;\n  nodeTop: number;\n}\n\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {\n  public static __KONTUR_REACT_UI__ = 'DateSelect';\n\n  public static propTypes = {\n    disabled: PropTypes.bool,\n\n    type: PropTypes.string,\n\n    value: PropTypes.number.isRequired,\n\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    onValueChange: PropTypes.func,\n\n    minValue: PropTypes.number,\n\n    maxValue: PropTypes.number,\n  };\n\n  public static defaultProps = {\n    type: 'year',\n    minMonth: 0,\n    maxMonth: 11,\n    width: 'auto',\n  };\n\n  public state = {\n    botCapped: false,\n    current: 0,\n    height: 0,\n    opened: false,\n    pos: 0,\n    top: 0,\n    topCapped: false,\n    nodeTop: Infinity,\n  };\n\n  private theme!: Theme;\n  private readonly locale!: DatePickerLocale;\n  private root: HTMLElement | null = null;\n  private itemsContainer: HTMLElement | null = null;\n  private listener: Nullable<ReturnType<typeof LayoutEvents.addListener>>;\n  private timeout: NodeJS.Timeout | undefined;\n  private longClickTimer = 0;\n  private setPositionRepeatTimer = 0;\n  private yearStep = 3;\n  private touchStartY: Nullable<number> = null;\n\n  public componentDidUpdate() {\n    this.setNodeTop();\n  }\n\n  public componentDidMount() {\n    this.listener = LayoutEvents.addListener(this.setNodeTop);\n    this.setNodeTop();\n    window.addEventListener('keydown', this.handleKey);\n  }\n\n  public componentWillUnmount() {\n    if (this.listener) {\n      this.listener.remove();\n    }\n    if (this.timeout) {\n      clearTimeout(this.timeout);\n    }\n    if (this.longClickTimer) {\n      clearTimeout(this.longClickTimer);\n    }\n    if (this.setPositionRepeatTimer) {\n      clearTimeout(this.setPositionRepeatTimer);\n    }\n    window.removeEventListener('keydown', this.handleKey);\n  }\n\n  /**\n   * @public\n   */\n  public open = () => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (this.state.opened) {\n      return;\n    }\n\n    this.setPosition(0);\n    this.setState({\n      opened: true,\n      current: 0,\n    });\n  };\n\n  /**\n   * @public\n   */\n  public close = () => {\n    if (!this.state.opened) {\n      return;\n    }\n\n    this.setState({ opened: false });\n  };\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { width, disabled } = this.props;\n    const rootProps = {\n      className: cx({\n        [styles.root(this.theme)]: true,\n        [styles.disabled()]: Boolean(disabled),\n      }),\n      style: { width },\n      ref: this.refRoot,\n    };\n    return (\n      <span {...rootProps}>\n        <div data-tid=\"DateSelect__caption\" className={styles.caption()} onClick={this.open}>\n          {this.getItem(0)}\n          <div\n            className={cx({\n              [styles.arrow(this.theme)]: true,\n              [styles.arrowDisabled()]: Boolean(disabled),\n            })}\n          >\n            <ArrowTriangleUpDownIcon size={12} />\n          </div>\n        </div>\n        {this.state.opened && this.renderMenu()}\n      </span>\n    );\n  }\n\n  private refRoot = (element: HTMLElement | null) => {\n    this.root = element;\n  };\n\n  private setNodeTop = () => {\n    const root = this.root;\n    if (!root) {\n      return;\n    }\n    if (this.timeout) {\n      clearTimeout(this.timeout);\n    }\n    this.timeout = setTimeout(() =>\n      this.setState({\n        nodeTop: root.getBoundingClientRect().top,\n      }),\n    );\n  };\n\n  private disableItems(index: number) {\n    const value = this.props.value + index;\n    if (this.props.maxValue != null && this.props.minValue != null) {\n      return value > this.props.maxValue || value < this.props.minValue;\n    }\n    if (this.props.minValue != null) {\n      return value < this.props.minValue;\n    }\n    if (this.props.maxValue != null) {\n      return value > this.props.maxValue;\n    }\n  }\n\n  private renderMenu(): React.ReactNode {\n    const { top, height, nodeTop } = this.state;\n\n    let shift = this.state.pos % itemHeight;\n    if (shift < 0) {\n      shift += itemHeight;\n    }\n\n    const from = (this.state.pos - shift + top) / itemHeight;\n    const to = from + Math.ceil((height + shift) / itemHeight);\n    const items = [];\n\n    for (let i = from; i < to; ++i) {\n      const disableItems = this.disableItems(i) || false;\n      const className = cx({\n        [styles.menuItem(this.theme)]: true,\n        [styles.menuItemSelected(this.theme)]: i === 0,\n        [styles.menuItemActive(this.theme)]: i === this.state.current,\n        [styles.menuItemDisabled(this.theme)]: disableItems,\n      });\n      const clickHandler = {\n        onMouseDown: preventDefault,\n        onClick: this.handleItemClick(i),\n      };\n      items.push(\n        <div\n          data-tid=\"DateSelect__menuItem\"\n          data-prop-disabled={disableItems}\n          key={i}\n          className={className}\n          onMouseEnter={() => this.setState({ current: i })}\n          onMouseLeave={() => this.setState({ current: null })}\n          {...clickHandler}\n        >\n          {this.getItem(i)}\n        </div>,\n      );\n    }\n    const style: {\n      left?: number | string;\n      right?: number | string;\n      top: number;\n      width?: number | string;\n    } = {\n      top: top - 5,\n      left: 0,\n      right: 0,\n    };\n\n    const shiftStyle: React.CSSProperties = {\n      position: 'relative',\n      top: -shift,\n    };\n\n    const holderClass = cx({\n      [styles.menuHolder(this.theme)]: true,\n      [styles.isTopCapped()]: this.state.topCapped,\n      [styles.isBotCapped()]: this.state.botCapped,\n    });\n\n    let dropdownOffset = -itemHeight;\n    if (nodeTop < -top) {\n      const overflowOffsetDelta = this.state.topCapped ? 6 : 17;\n      dropdownOffset -= nodeTop + top - overflowOffsetDelta;\n    }\n\n    return (\n      <RenderLayer onClickOutside={this.close} onFocusOutside={this.close} active>\n        <div>\n          <DropdownContainer getParent={this.getAnchor} offsetY={dropdownOffset} offsetX={-10}>\n            <div className={holderClass} style={style}>\n              {!this.state.topCapped && (\n                <div\n                  className={cx(styles.menu(this.theme), styles.menuUp())}\n                  onClick={this.handleUp}\n                  onMouseDown={this.handleLongClickUp}\n                  onMouseUp={this.handleLongClickStop}\n                  onMouseLeave={this.handleLongClickStop}\n                  onTouchStart={this.handleLongClickUp}\n                  onTouchEnd={this.handleLongClickStop}\n                >\n                  <span>\n                    <ArrowChevronUpIcon />\n                  </span>\n                </div>\n              )}\n              <div className={styles.itemsHolder()} style={{ height }}>\n                <div ref={this.refItemsContainer} style={shiftStyle}>\n                  {items}\n                </div>\n              </div>\n              {!this.state.botCapped && (\n                <div\n                  className={cx(styles.menu(this.theme), styles.menuDown())}\n                  onClick={this.handleDown}\n                  onMouseDown={this.handleLongClickDown}\n                  onMouseUp={this.handleLongClickStop}\n                  onMouseLeave={this.handleLongClickStop}\n                  onTouchStart={this.handleLongClickDown}\n                  onTouchEnd={this.handleLongClickStop}\n                >\n                  <span>\n                    <ArrowChevronDownIcon />\n                  </span>\n                </div>\n              )}\n            </div>\n          </DropdownContainer>\n        </div>\n      </RenderLayer>\n    );\n  }\n\n  private refItemsContainer = (element: HTMLElement | null) => {\n    if (!this.itemsContainer && element) {\n      element.addEventListener('wheel', this.handleWheel, { passive: false });\n    }\n    if (this.itemsContainer && !element) {\n      this.itemsContainer.removeEventListener('wheel', this.handleWheel);\n    }\n\n    if (isMobile) {\n      if (!this.itemsContainer && element) {\n        element.addEventListener('touchstart', this.handleTouchStart);\n        element.addEventListener('touchmove', this.handleTouchMove);\n      }\n      if (this.itemsContainer && !element) {\n        this.itemsContainer.removeEventListener('touchstart', this.handleTouchStart);\n        this.itemsContainer.removeEventListener('touchmove', this.handleTouchMove);\n      }\n    }\n\n    this.itemsContainer = element;\n  };\n\n  private handleLongClickUp = (event: React.MouseEvent | React.TouchEvent) => {\n    event.preventDefault();\n    this.longClickTimer = window.setTimeout(() => {\n      this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos - itemHeight), 100);\n    }, 200);\n  };\n\n  private handleLongClickDown = (event: React.MouseEvent | React.TouchEvent) => {\n    event.preventDefault();\n    this.longClickTimer = window.setTimeout(() => {\n      this.setPositionRepeatTimer = window.setInterval(() => this.setPosition(this.state.pos + itemHeight), 100);\n    }, 200);\n  };\n\n  private handleLongClickStop = () => {\n    clearTimeout(this.longClickTimer);\n    clearTimeout(this.setPositionRepeatTimer);\n  };\n\n  private getAnchor = () => this.root;\n\n  private handleWheel = (event: Event) => {\n    if (!(event instanceof WheelEvent)) {\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n\n    let deltaY = event.deltaY;\n    if (event.deltaMode === 1) {\n      deltaY *= itemHeight;\n    } else if (event.deltaMode === 2) {\n      deltaY *= itemHeight * 4;\n    }\n    const pos = this.state.pos + deltaY;\n    this.setPosition(pos);\n  };\n\n  private handleTouchStart = (event: Event) => {\n    if (!(event instanceof TouchEvent)) {\n      return;\n    }\n\n    this.touchStartY = event.targetTouches[0].clientY;\n  };\n\n  private handleTouchMove = (event: Event) => {\n    if (!(event instanceof TouchEvent)) {\n      return;\n    }\n\n    const { clientY } = event.changedTouches[0];\n    const pixelRatio = window.devicePixelRatio;\n\n    const deltaY = ((this.touchStartY || 0) - clientY) / pixelRatio;\n    const pos = this.state.pos + deltaY + deltaY / itemHeight;\n\n    this.touchStartY = clientY;\n\n    this.setPosition(pos);\n  };\n\n  private handleItemClick = (shift: number) => {\n    return (e: React.MouseEvent<HTMLElement>) => {\n      const value = this.props.value + shift;\n      if (this.props.onValueChange) {\n        this.props.onValueChange(value);\n      }\n      this.setState({ opened: false });\n    };\n  };\n\n  private handleKey = (e: KeyboardEvent) => {\n    if (this.state.opened && isKeyEscape(e)) {\n      e.preventDefault();\n      this.close();\n      e.stopPropagation();\n    }\n  };\n\n  private handleUp = (event: React.MouseEvent) => {\n    event.preventDefault();\n    this.setPosition(this.state.pos - itemHeight * this.yearStep);\n  };\n\n  private handleDown = (event: React.MouseEvent) => {\n    event.preventDefault();\n    this.setPosition(this.state.pos + itemHeight * this.yearStep);\n  };\n\n  private getItem(index: number) {\n    const value = this.props.value + index;\n    if (this.props.type === 'month') {\n      return this.locale.months[value];\n    }\n    return value;\n  }\n\n  private setPosition(pos: number) {\n    let top = itemsToMoveCount * itemHeight;\n    let height = visibleYearsCount * itemHeight;\n    if (this.props.type === 'month') {\n      top = -this.props.value * itemHeight;\n      height = monthsCount * itemHeight;\n    }\n\n    const minPos = this.getMinPos() - top;\n    const maxPos = this.getMaxPos() - top - height + itemHeight;\n    if (minPos >= pos) {\n      pos = minPos;\n    }\n    if (maxPos <= pos) {\n      pos = maxPos;\n    }\n    const topCapped = pos <= minPos;\n    const botCapped = pos >= maxPos;\n\n    this.setState({ pos, top, height, topCapped, botCapped });\n  }\n\n  private getMinPos() {\n    if (this.props.type === 'month') {\n      return -this.props.value * itemHeight;\n    } else if (this.props.type === 'year') {\n      return ((this.props.minValue || defaultMinYear) - this.props.value) * itemHeight;\n    }\n    return -Infinity; // Be defensive.\n  }\n\n  private getMaxPos() {\n    if (this.props.type === 'month') {\n      return (visibleYearsCount - this.props.value) * itemHeight;\n    } else if (this.props.type === 'year') {\n      return ((this.props.maxValue || defaultMaxYear) - this.props.value) * itemHeight;\n    }\n    return Infinity; // Be defensive.\n  }\n}\n\nfunction preventDefault(e: React.SyntheticEvent) {\n  e.preventDefault();\n}\n"]}

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

@@ -1,18 +1,19 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
     disabled(): string;
     caption(): string;
-    arrow(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): 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/cjs/internal/DateSelect/DateSelect.styles.js

@@ -1,12 +1,14 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject16() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n\n      span {\n        position: relative;\n        top: -1px;\n      }\n    "]);_templateObject16 = function _templateObject16() {return data;};return data;}function _templateObject15() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    "]);_templateObject15 = function _templateObject15() {return data;};return data;}function _templateObject14() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\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 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      pointer-events: none;\n    "]);_templateObject13 = function _templateObject13() {return data;};return data;}function _templateObject12() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "]);_templateObject12 = function _templateObject12() {return data;};return data;}function _templateObject11() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\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 = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      position: relative;\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 5px;\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: 0;\n      padding-top: 5px;\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\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 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0;\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\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 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit;\n      cursor: default;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\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;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 
 
-var styles = {
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject(),
-    t.textColorDefault,
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      cursor: pointer;\n      display: inline-block;\n      font-size: ", ";\n      line-height: ", ";\n      outline: 0;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n      touch-action: none;\n\n      &:hover {\n        color: ", ";\n      }\n    "])),
+    t.dateSelectTextColorDefault,
 
 
+    t.dateSelectFontSize,
+    t.dateSelectLineHeight,
 
 
 
@@ -14,30 +16,29 @@ var styles = {
 
 
 
-
-    t.linkColor);
+    t.dateSelectLinkColor);
 
 
   },
 
   disabled: function disabled() {
-    return (0, _Emotion.css)(_templateObject2());
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "])));
 
 
 
   },
 
   caption: function caption() {
-    return (0, _Emotion.css)(_templateObject3());
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n    "])));
 
 
   },
 
   arrow: function arrow(t) {
-    return (0, _Emotion.css)(_templateObject4(),
-    t.textColorDisabled);
-
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\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);
 
 
 
@@ -47,18 +48,18 @@ var styles = {
 
   },
   arrowDisabled: function arrowDisabled() {
-    return (0, _Emotion.css)(_templateObject5());
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0;\n    "])));
 
 
   },
 
   menuHolder: function menuHolder(t) {
-    return (0, _Emotion.css)(_templateObject6(),
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\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.popupBoxShadow,
-
-    t.textColorDefault);
+    t.dateSelectPopupBoxShadow,
 
+    t.dateSelectTextColorDefault,
+    t.dateSelectFontSize);
 
 
 
@@ -67,28 +68,29 @@ var styles = {
   },
 
   isTopCapped: function isTopCapped() {
-    return (0, _Emotion.css)(_templateObject7());
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: 0;\n      padding-top: 5px;\n    "])));
 
 
 
   },
 
   isBotCapped: function isBotCapped() {
-    return (0, _Emotion.css)(_templateObject8());
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-bottom: 5px;\n    "])));
 
 
   },
 
   itemsHolder: function itemsHolder() {
-    return (0, _Emotion.css)(_templateObject9());
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      overflow: hidden;\n      position: relative;\n    "])));
 
 
 
   },
 
   menuItem: function menuItem(t) {
-    return (0, _Emotion.css)(_templateObject10(),
-    t.textColorDefault);
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\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);
+
 
 
 
@@ -99,29 +101,29 @@ var styles = {
   },
 
   menuItemSelected: function menuItemSelected(t) {
-    return (0, _Emotion.css)(_templateObject11(),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "])),
     t.dateSelectMenuItemBgSelected,
     t.dateSelectMenuItemFontSelected);
 
   },
 
   menuItemActive: function menuItemActive(t) {
-    return (0, _Emotion.css)(_templateObject12(),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n    "])),
     t.dateSelectMenuItemBgActive,
     t.dateSelectMenuItemFontActive);
 
   },
 
   menuItemDisabled: function menuItemDisabled(t) {
-    return (0, _Emotion.css)(_templateObject13(),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      pointer-events: none;\n    "])),
     t.dateSelectMenuItemBgDisabled,
-    t.textColorDisabled);
+    t.dateSelectTextColorDisabled);
 
 
   },
 
   menu: function menu(t) {
-    return (0, _Emotion.css)(_templateObject14(),
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
 
 
 
@@ -131,19 +133,17 @@ var styles = {
 
 
     t.dateSelectMenuBg,
-    t.textColorDefault,
+    t.dateSelectTextColorDefault,
 
 
     t.dateSelectMenuItemBgActive,
-    t.textColorInvert);
+    t.dateSelectTextColorInvert);
 
 
   },
 
-  menuUp: function menuUp(t) {
-    return (0, _Emotion.css)(_templateObject15(),
-    styles.menu(t));
-
+  menuUp: function menuUp() {
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    "])));
 
 
 
@@ -151,16 +151,11 @@ var styles = {
 
   },
 
-  menuDown: function menuDown(t) {
-    return (0, _Emotion.css)(_templateObject16(),
-    styles.menu(t));
-
-
-
+  menuDown: function menuDown() {
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      span {\n        position: relative;\n        top: -1px;\n      }\n    "])));
 
 
 
-  } };
 
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["DateSelect.styles.ts"],"names":["styles","root","t","css","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":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,gBADb;;;;;;;;;;;AAYaF,IAAAA,CAAC,CAACG,SAZf;;;AAeD,GAjBY;;AAmBbC,EAAAA,QAnBa,sBAmBF;AACT,eAAOH,YAAP;;;;AAID,GAxBY;;AA0BbI,EAAAA,OA1Ba,qBA0BH;AACR,eAAOJ,YAAP;;;AAGD,GA9BY;;AAgCbK,EAAAA,KAhCa,iBAgCPN,CAhCO,EAgCG;AACd,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACO,iBADb;;;;;;;;;;AAWD,GA5CY;AA6CbC,EAAAA,aA7Ca,2BA6CG;AACd,eAAOP,YAAP;;;AAGD,GAjDY;;AAmDbQ,EAAAA,UAnDa,sBAmDFT,CAnDE,EAmDQ;AACnB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACU,gBADlB;AAEgBV,IAAAA,CAAC,CAACW,cAFlB;;AAIWX,IAAAA,CAAC,CAACE,gBAJb;;;;;;;AAWD,GA/DY;;AAiEbU,EAAAA,WAjEa,yBAiEC;AACZ,eAAOX,YAAP;;;;AAID,GAtEY;;AAwEbY,EAAAA,WAxEa,yBAwEC;AACZ,eAAOZ,YAAP;;;AAGD,GA5EY;;AA8Eba,EAAAA,WA9Ea,yBA8EC;AACZ,eAAOb,YAAP;;;;AAID,GAnFY;;AAqFbc,EAAAA,QArFa,oBAqFJf,CArFI,EAqFM;AACjB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,gBADb;;;;;;;;AASD,GA/FY;;AAiGbc,EAAAA,gBAjGa,4BAiGIhB,CAjGJ,EAiGc;AACzB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACiB,4BADlB;AAEWjB,IAAAA,CAAC,CAACkB,8BAFb;;AAID,GAtGY;;AAwGbC,EAAAA,cAxGa,0BAwGEnB,CAxGF,EAwGY;AACvB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACoB,0BADlB;AAEWpB,IAAAA,CAAC,CAACqB,4BAFb;;AAID,GA7GY;;AA+GbC,EAAAA,gBA/Ga,4BA+GItB,CA/GJ,EA+Gc;AACzB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACuB,4BADlB;AAEWvB,IAAAA,CAAC,CAACO,iBAFb;;;AAKD,GArHY;;AAuHbiB,EAAAA,IAvHa,gBAuHRxB,CAvHQ,EAuHE;AACb,eAAOC,YAAP;;;;;;;;;AASgBD,IAAAA,CAAC,CAACU,gBATlB;AAUWV,IAAAA,CAAC,CAACE,gBAVb;;;AAakBF,IAAAA,CAAC,CAACoB,0BAbpB;AAcapB,IAAAA,CAAC,CAACyB,eAdf;;;AAiBD,GAzIY;;AA2IbC,EAAAA,MA3Ia,kBA2IN1B,CA3IM,EA2II;AACf,eAAOC,YAAP;AACIH,IAAAA,MAAM,CAAC0B,IAAP,CAAYxB,CAAZ,CADJ;;;;;;;AAQD,GApJY;;AAsJb2B,EAAAA,QAtJa,oBAsJJ3B,CAtJI,EAsJM;AACjB,eAAOC,YAAP;AACIH,IAAAA,MAAM,CAAC0B,IAAP,CAAYxB,CAAZ,CADJ;;;;;;;AAQD,GA/JY,EAAf;;;AAkKO,IAAM4B,QAAQ,GAAG,2BAAa9B,MAAb,CAAjB,C","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":["styles","root","t","css","dateSelectTextColorDefault","dateSelectFontSize","dateSelectLineHeight","dateSelectLinkColor","disabled","caption","arrow","dateSelectTextColorDisabled","arrowDisabled","menuHolder","dateSelectMenuBg","dateSelectPopupBoxShadow","isTopCapped","isBotCapped","itemsHolder","menuItem","menuItemSelected","dateSelectMenuItemBgSelected","dateSelectMenuItemFontSelected","menuItemActive","dateSelectMenuItemBgActive","dateSelectMenuItemFontActive","menuItemDisabled","dateSelectMenuItemBgDisabled","menu","dateSelectTextColorInvert","menuUp","menuDown"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,0BADb;;;AAIeF,IAAAA,CAAC,CAACG,kBAJjB;AAKiBH,IAAAA,CAAC,CAACI,oBALnB;;;;;;;;AAaaJ,IAAAA,CAAC,CAACK,mBAbf;;;AAgBD,GAlBgC;;AAoBjCC,EAAAA,QApBiC,sBAoBtB;AACT,eAAOL,YAAP;;;;AAID,GAzBgC;;AA2BjCM,EAAAA,OA3BiC,qBA2BvB;AACR,eAAON,YAAP;;;AAGD,GA/BgC;;AAiCjCO,EAAAA,KAjCiC,iBAiC3BR,CAjC2B,EAiCjB;AACd,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACS,2BADb;;AAGiBT,IAAAA,CAAC,CAACI,oBAHnB;;;;;;;;AAWD,GA7CgC;AA8CjCM,EAAAA,aA9CiC,2BA8CjB;AACd,eAAOT,YAAP;;;AAGD,GAlDgC;;AAoDjCU,EAAAA,UApDiC,sBAoDtBX,CApDsB,EAoDZ;AACnB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACY,gBADlB;AAEgBZ,IAAAA,CAAC,CAACa,wBAFlB;;AAIWb,IAAAA,CAAC,CAACE,0BAJb;AAKeF,IAAAA,CAAC,CAACG,kBALjB;;;;;;AAWD,GAhEgC;;AAkEjCW,EAAAA,WAlEiC,yBAkEnB;AACZ,eAAOb,YAAP;;;;AAID,GAvEgC;;AAyEjCc,EAAAA,WAzEiC,yBAyEnB;AACZ,eAAOd,YAAP;;;AAGD,GA7EgC;;AA+EjCe,EAAAA,WA/EiC,yBA+EnB;AACZ,eAAOf,YAAP;;;;AAID,GApFgC;;AAsFjCgB,EAAAA,QAtFiC,oBAsFxBjB,CAtFwB,EAsFd;AACjB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,0BADb;;;;;;;;;AAUD,GAjGgC;;AAmGjCgB,EAAAA,gBAnGiC,4BAmGhBlB,CAnGgB,EAmGN;AACzB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACmB,4BADlB;AAEWnB,IAAAA,CAAC,CAACoB,8BAFb;;AAID,GAxGgC;;AA0GjCC,EAAAA,cA1GiC,0BA0GlBrB,CA1GkB,EA0GR;AACvB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACsB,0BADlB;AAEWtB,IAAAA,CAAC,CAACuB,4BAFb;;AAID,GA/GgC;;AAiHjCC,EAAAA,gBAjHiC,4BAiHhBxB,CAjHgB,EAiHN;AACzB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACyB,4BADlB;AAEWzB,IAAAA,CAAC,CAACS,2BAFb;;;AAKD,GAvHgC;;AAyHjCiB,EAAAA,IAzHiC,gBAyH5B1B,CAzH4B,EAyHlB;AACb,eAAOC,YAAP;;;;;;;;;AASgBD,IAAAA,CAAC,CAACY,gBATlB;AAUWZ,IAAAA,CAAC,CAACE,0BAVb;;;AAakBF,IAAAA,CAAC,CAACsB,0BAbpB;AAcatB,IAAAA,CAAC,CAAC2B,yBAdf;;;AAiBD,GA3IgC;;AA6IjCC,EAAAA,MA7IiC,oBA6IxB;AACP,eAAO3B,YAAP;;;;;;AAMD,GApJgC;;AAsJjC4B,EAAAA,QAtJiC,sBAsJtB;AACT,eAAO5B,YAAP;;;;;;AAMD,GA7JgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      color: ${t.dateSelectTextColorDefault};\n      cursor: pointer;\n      display: inline-block;\n      font-size: ${t.dateSelectFontSize};\n      line-height: ${t.dateSelectLineHeight};\n      outline: 0;\n      padding-right: 2px;\n      position: relative;\n      text-align: left;\n      touch-action: none;\n\n      &:hover {\n        color: ${t.dateSelectLinkColor};\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    `;\n  },\n\n  caption() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  arrow(t: Theme) {\n    return css`\n      color: ${t.dateSelectTextColorDisabled};\n      float: right;\n      line-height: ${t.dateSelectLineHeight};\n      opacity: 1;\n      position: absolute;\n      right: 4px;\n      top: 0;\n      transform: scaleX(0.7);\n      transition: opacity 0.2s ease-out;\n    `;\n  },\n  arrowDisabled() {\n    return css`\n      opacity: 0;\n    `;\n  },\n\n  menuHolder(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuBg};\n      box-shadow: ${t.dateSelectPopupBoxShadow};\n      box-sizing: content-box;\n      color: ${t.dateSelectTextColorDefault};\n      font-size: ${t.dateSelectFontSize};\n      margin-top: -11px;\n      overflow: hidden;\n      position: absolute;\n      z-index: 1000;\n    `;\n  },\n\n  isTopCapped() {\n    return css`\n      margin-top: 0;\n      padding-top: 5px;\n    `;\n  },\n\n  isBotCapped() {\n    return css`\n      padding-bottom: 5px;\n    `;\n  },\n\n  itemsHolder() {\n    return css`\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  menuItem(t: Theme) {\n    return css`\n      color: ${t.dateSelectTextColorDefault};\n      cursor: pointer;\n      height: 24px;\n      line-height: 24px;\n      padding-left: 10px;\n      user-select: none;\n      white-space: nowrap;\n      touch-action: none;\n    `;\n  },\n\n  menuItemSelected(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuItemBgSelected};\n      color: ${t.dateSelectMenuItemFontSelected};\n    `;\n  },\n\n  menuItemActive(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuItemBgActive};\n      color: ${t.dateSelectMenuItemFontActive};\n    `;\n  },\n\n  menuItemDisabled(t: Theme) {\n    return css`\n      background: ${t.dateSelectMenuItemBgDisabled};\n      color: ${t.dateSelectTextColorDisabled};\n      pointer-events: none;\n    `;\n  },\n\n  menu(t: Theme) {\n    return css`\n      box-sizing: border-box;\n      cursor: pointer;\n      height: 16px;\n      line-height: 0;\n      padding-left: 18px;\n      text-align: left;\n      user-select: none;\n\n      background: ${t.dateSelectMenuBg};\n      color: ${t.dateSelectTextColorDefault};\n\n      &:hover {\n        background: ${t.dateSelectMenuItemBgActive};\n        color: ${t.dateSelectTextColorInvert};\n      }\n    `;\n  },\n\n  menuUp() {\n    return css`\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    `;\n  },\n\n  menuDown() {\n    return css`\n      span {\n        position: relative;\n        top: -1px;\n      }\n    `;\n  },\n});\n"]}

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

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

package/cjs/internal/DropdownContainer/DropdownContainer.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Nullable } from '../../typings/utility-types';
-declare type DOMNode = Element | Text | null;
 export interface DropdownContainerPosition {
     top: Nullable<number>;
     bottom: Nullable<number>;
@@ -9,18 +8,19 @@ export interface DropdownContainerPosition {
 }
 export interface DropdownContainerProps {
     align?: 'left' | 'right';
-    getParent: () => DOMNode;
+    getParent: () => Nullable<HTMLElement>;
     children?: React.ReactNode;
     disablePortal?: boolean;
     offsetY?: number;
     offsetX?: number;
+    hasFixedWidth?: boolean;
 }
 export interface DropdownContainerState {
     position: Nullable<DropdownContainerPosition>;
     minWidth: number;
     isDocumentElementRoot?: boolean;
 }
-export declare class DropdownContainer extends React.Component<DropdownContainerProps, DropdownContainerState> {
+export declare class DropdownContainer extends React.PureComponent<DropdownContainerProps, DropdownContainerState> {
     static __KONTUR_REACT_UI__: string;
     static defaultProps: {
         align: string;
@@ -28,19 +28,17 @@ export declare class DropdownContainer extends React.Component<DropdownContainer
         offsetX: number;
         offsetY: number;
     };
-    state: DropdownContainerState;
     private getProps;
     private dom;
     private layoutSub;
+    constructor(props: DropdownContainerProps);
     componentDidMount(): void;
-    UNSAFE_componentWillMount(): void;
     componentWillUnmount(): void;
     render(): JSX.Element;
-    private ref;
+    private ZIndexRef;
     private isElement;
-    private position;
+    position: () => void;
     private getHeight;
     private getMinWidth;
     private convertToRelativePosition;
 }
-export {};