npm - @skbkontur/react-ui - Versions diffs - 0.0.0-0b8a8f7a39 → 0.0.0-0fe669bb2d - Mend

@skbkontur/react-ui 0.0.0-0b8a8f7a39 → 0.0.0-0fe669bb2d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2409) hide show

package/cjs/internal/DateSelect/DateSelect.js CHANGED Viewed

@@ -1,7 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");exports.__esModule = true;exports.DateSelect = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DateSelectDataTids = 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 _utils = require("../../lib/utils");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var _locale = require("../../components/DatePicker/locale");
 var _decorators = require("../../lib/locale/decorators");
@@ -12,15 +12,19 @@ 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 _getDOMRect = require("../../lib/dom/getDOMRect");
+var _createPropsGetter = require("../../lib/createPropsGetter");
-var _DateSelect = require("./DateSelect.styles");var _dec, _class, _class2, _temp;
+var _DateSelect = require("./DateSelect.styles");var _dec, _class, _class2, _temp;function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
 var itemHeight = 24;
 var visibleYearsCount = 11;
 var itemsToMoveCount = -5;
 var monthsCount = 12;
 var defaultMinYear = 1900;
-var defaultMaxYear = 2100;var
+var defaultMaxYear = 2100;
@@ -43,15 +47,27 @@ var defaultMaxYear = 2100;var
+var calculatePos = function calculatePos(pos, minPos, maxPos) {
+  if (maxPos <= pos) {
+    return maxPos;
+  }
-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.
+  if (minPos >= pos) {
+    return minPos;
+  }
+  return pos;
+};
+var DateSelectDataTids = {
+  caption: 'DateSelect__caption',
+  menuItem: 'DateSelect__menuItem' };exports.DateSelectDataTids = DateSelectDataTids;var
+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.
@@ -70,6 +86,13 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
+    getProps = (0, _createPropsGetter.createPropsGetter)(DateSelect.defaultProps);_this.
     state = {
       botCapped: false,
       current: 0,
@@ -81,15 +104,16 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
       nodeTop: Infinity };_this.
-    theme = void 0;_this.
-    locale = void 0;_this.
     root = null;_this.
     itemsContainer = null;_this.
-    listener = void 0;_this.
-    timeout = void 0;_this.
     longClickTimer = 0;_this.
     setPositionRepeatTimer = 0;_this.
     yearStep = 3;_this.
+    touchStartY = null;_this.
@@ -184,6 +208,7 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
     refRoot = function (element) {
@@ -200,7 +225,7 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
       }
       _this.timeout = setTimeout(function () {return (
           _this.setState({
-            nodeTop: root.getBoundingClientRect().top }));});
+            nodeTop: (0, _getDOMRect.getDOMRect)(root).top }));});
     };_this.
@@ -328,6 +353,8 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
@@ -338,6 +365,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,8 +418,32 @@ 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) {
+      return function () {
         var value = _this.props.value + shift;
         if (_this.props.onValueChange) {
           _this.props.onValueChange(value);
@@ -405,11 +468,11 @@ 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.ArrowChevronUpIcon, 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.ArrowChevronDownIcon, 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 disabled = this.props.disabled;var width = this.getProps().width;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": DateSelectDataTids.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 ((0, _utils.isNonNullable)(this.props.maxValue) && (0, _utils.isNonNullable)(this.props.minValue)) {return value > this.props.maxValue || value < this.props.minValue;}if ((0, _utils.isNonNullable)(this.props.minValue)) {return value < this.props.minValue;}if ((0, _utils.isNonNullable)(this.props.maxValue)) {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": DateSelectDataTids.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') {
+    if (this.getProps().type === 'month') {
       return this.locale.months[value];
     }
     return value;
@@ -418,42 +481,40 @@ DateSelect = (_dec = (0, _decorators.locale)('DatePicker', _locale.DatePickerLoc
   setPosition = function setPosition(pos) {
     var top = itemsToMoveCount * itemHeight;
     var height = visibleYearsCount * itemHeight;
-    if (this.props.type === 'month') {
+    if (this.getProps().type === 'month') {
       top = -this.props.value * itemHeight;
       height = monthsCount * itemHeight;
     }
     var minPos = this.getMinPos() - top;
     var maxPos = this.getMaxPos() - top - height + itemHeight;
-    if (minPos >= pos) {
-      pos = minPos;
-    }
-    if (maxPos <= pos) {
-      pos = maxPos;
-    }
-    var topCapped = pos <= minPos;
-    var botCapped = pos >= maxPos;
-    this.setState({ pos: pos, top: top, height: height, topCapped: topCapped, botCapped: botCapped });
+    var calculatedPos = calculatePos(pos, minPos, maxPos);
+    var topCapped = calculatedPos <= minPos;
+    var botCapped = calculatedPos >= maxPos;
+    this.setState({ pos: calculatedPos, top: top, height: height, topCapped: topCapped, botCapped: botCapped });
   };_proto.
   getMinPos = function getMinPos() {
-    if (this.props.type === 'month') {
+    var type = this.getProps().type;
+    if (type === 'month') {
       return -this.props.value * itemHeight;
-    } else if (this.props.type === 'year') {
+    } else if (type === 'year') {
       return ((this.props.minValue || defaultMinYear) - this.props.value) * itemHeight;
     }
     return -Infinity; // Be defensive.
   };_proto.
   getMaxPos = function getMaxPos() {
-    if (this.props.type === 'month') {
+    var type = this.getProps().type;
+    if (type === 'month') {
       return (visibleYearsCount - this.props.value) * itemHeight;
-    } else if (this.props.type === 'year') {
+    } else if (type === 'year') {
       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', width: 'auto' }, _temp)) || _class);exports.DateSelect = DateSelect;
 function preventDefault(e) {

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

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

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

@@ -1,5 +1,5 @@
 import { Theme } from '../../lib/theming/Theme';
-export declare const jsStyles: {
+export declare const styles: {
     root(t: Theme): string;
     disabled(): string;
     caption(): string;
@@ -14,6 +14,6 @@ export declare const jsStyles: {
     menuItemActive(t: Theme): string;
     menuItemDisabled(t: Theme): string;
     menu(t: Theme): string;
-    menuUp(t: Theme): string;
-    menuDown(t: Theme): string;
+    menuUp(): string;
+    menuDown(): string;
 };

package/cjs/internal/DateSelect/DateSelect.styles.js CHANGED Viewed

@@ -1,9 +1,9 @@
-"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");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+"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 || (_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\n      &:hover {\n        color: ", " !important;\n      }\n    "])),
+    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,
@@ -15,13 +15,14 @@ var styles = {
     t.dateSelectLinkColor);
   },
   disabled: function disabled() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit !important;\n      cursor: default !important;\n    "])));
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: inherit !important; // override root:hover style\n      cursor: default;\n    "])));
@@ -87,7 +88,7 @@ var styles = {
   },
   menuItem: function menuItem(t) {
-    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    "])),
+    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);
@@ -96,6 +97,7 @@ var styles = {
   },
   menuItemSelected: function menuItemSelected(t) {
@@ -106,14 +108,14 @@ var styles = {
   },
   menuItemActive: function menuItemActive(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n      color: ", " !important;\n    "])),
+    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 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n      color: ", " !important;\n      pointer-events: none;\n    "])),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      color: ", ";\n      pointer-events: none;\n    "])),
     t.dateSelectMenuItemBgDisabled,
     t.dateSelectTextColorDisabled);
@@ -140,10 +142,8 @@ var styles = {
   },
-  menuUp: function menuUp(t) {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n\n      span {\n        position: relative;\n        top: -0.5px;\n      }\n    "])),
-    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 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", "\n\n      span {\n        position: relative;\n        top: -1px;\n      }\n    "])),
-    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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"~~,"jsStyles"~~],"mappings":"~~8QAAA~~,oD;;;~~AAGA~~,IAAMA,MAAM,GAAG;~~AACbC~~,EAAAA,~~IADa~~,~~gBACRC~~,~~CADQ~~,~~EACE~~;AACb,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,0BADb;;;AAIeF,IAAAA,CAAC,CAACG,kBAJjB;AAKiBH,IAAAA,CAAC,CAACI,oBALnB~~;;;;;;;AAYaJ~~,IAAAA,CAAC,CAACK,~~mBAZf~~;;;~~AAeD~~,~~GAjBY~~;;~~AAmBbC~~,EAAAA,~~QAnBa~~,~~sBAmBF~~;AACT,eAAOL,YAAP;;;;AAID,~~GAxBY~~;;~~AA0BbM~~,EAAAA,~~OA1Ba~~,~~qBA0BH~~;AACR,eAAON,YAAP;;;AAGD,~~GA9BY~~;;~~AAgCbO~~,EAAAA,~~KAhCa~~,~~iBAgCPR~~,~~CAhCO~~,~~EAgCG~~;AACd,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACS,2BADb;;AAGiBT,IAAAA,CAAC,CAACI,oBAHnB;;;;;;;;AAWD,~~GA5CY~~;~~AA6CbM~~,EAAAA,~~aA7Ca~~,~~2BA6CG~~;AACd,eAAOT,YAAP;;;AAGD,~~GAjDY~~;;~~AAmDbU~~,EAAAA,~~UAnDa~~,~~sBAmDFX~~,~~CAnDE~~,~~EAmDQ~~;AACnB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACY,gBADlB;AAEgBZ,IAAAA,CAAC,CAACa,wBAFlB;;AAIWb,IAAAA,CAAC,CAACE,0BAJb;AAKeF,IAAAA,CAAC,CAACG,kBALjB;;;;;;AAWD,~~GA/DY~~;;~~AAiEbW~~,EAAAA,~~WAjEa~~,~~yBAiEC~~;AACZ,eAAOb,YAAP;;;;AAID,~~GAtEY~~;;~~AAwEbc~~,EAAAA,~~WAxEa~~,~~yBAwEC~~;AACZ,eAAOd,YAAP;;;AAGD,~~GA5EY~~;;~~AA8Ebe~~,EAAAA,~~WA9Ea~~,~~yBA8EC~~;AACZ,eAAOf,YAAP;;;;AAID,~~GAnFY~~;;~~AAqFbgB~~,EAAAA,~~QArFa~~,~~oBAqFJjB~~,~~CArFI~~,~~EAqFM~~;AACjB,eAAOC,YAAP;AACWD,IAAAA,CAAC,CAACE,0BADb~~;;;;;;;;AASD~~,~~GA/FY~~;;~~AAiGbgB~~,EAAAA,~~gBAjGa~~,~~4BAiGIlB~~,~~CAjGJ~~,~~EAiGc~~;AACzB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACmB,4BADlB;AAEWnB,IAAAA,CAAC,CAACoB,8BAFb;;AAID,~~GAtGY~~;;~~AAwGbC~~,EAAAA,~~cAxGa~~,~~0BAwGErB~~,~~CAxGF~~,~~EAwGY~~;AACvB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACsB,0BADlB;AAEWtB,IAAAA,CAAC,CAACuB,4BAFb;;AAID,~~GA7GY~~;;~~AA+GbC~~,EAAAA,~~gBA/Ga~~,~~4BA+GIxB~~,~~CA/GJ~~,~~EA+Gc~~;AACzB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACyB,4BADlB;AAEWzB,IAAAA,CAAC,CAACS,2BAFb;;;AAKD,~~GArHY~~;;~~AAuHbiB~~,EAAAA,~~IAvHa~~,~~gBAuHR1B~~,~~CAvHQ~~,~~EAuHE~~;AACb,eAAOC,YAAP;;;;;;;;;AASgBD,IAAAA,CAAC,CAACY,gBATlB;AAUWZ,IAAAA,CAAC,CAACE,0BAVb;;;AAakBF,IAAAA,CAAC,CAACsB,0BAbpB;AAcatB,IAAAA,CAAC,CAAC2B,yBAdf;;;AAiBD,~~GAzIY~~;;~~AA2IbC~~,EAAAA,~~MA3Ia~~,~~kBA2IN5B,CA3IM,EA2II~~;~~AACf~~,~~eAAOC~~,YAAP~~;AACIH~~,~~IAAAA,MAAM,CAAC4B,IAAP,CAAY1B,CAAZ,CADJ;;;;;;;AAQD,GApJY~~;;~~AAsJb6B~~,EAAAA,~~QAtJa~~,~~oBAsJJ7B,CAtJI,EAsJM~~;~~AACjB~~,~~eAAOC~~,YAAP~~;AACIH~~,~~IAAAA~~,~~MAAM~~,~~CAAC4B~~,~~IAAP,CAAY1B,CAAZ,CADJ;;;;;;;AAQD,GA/JY,EAAf;;;AAkKO,IAAM8B,QAAQ,GAAG,2BAAahC,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.dateSelectTextColorDefault};\r\n cursor: pointer;\r\n display: inline-block;\r\n font-size: ${t.dateSelectFontSize};\r\n line-height: ${t.dateSelectLineHeight};\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.dateSelectLinkColor} ~~!important~~;\r\n }\r\n `;\r\n },\r\n\r\n disabled() {\r\n return css`\r\n color: inherit !important~~;\r~~\n cursor: default ~~!important~~;\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.dateSelectTextColorDisabled};\r\n float: right;\r\n line-height: ${t.dateSelectLineHeight};\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.dateSelectPopupBoxShadow};\r\n box-sizing: content-box;\r\n color: ${t.dateSelectTextColorDefault};\r\n font-size: ${t.dateSelectFontSize};\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.dateSelectTextColorDefault};\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} ~~!important~~;\r\n color: ${t.dateSelectMenuItemFontActive} ~~!important~~;\r\n `;\r\n },\r\n\r\n menuItemDisabled(t: Theme) {\r\n return css`\r\n background: ${t.dateSelectMenuItemBgDisabled} ~~!important~~;\r\n color: ${t.dateSelectTextColorDisabled} ~~!important~~;\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.dateSelectTextColorDefault};\r\n\r\n &:hover {\r\n background: ${t.dateSelectMenuItemBgActive};\r\n color: ${t.dateSelectTextColorInvert};\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"]}
1	+ {"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 CHANGED Viewed

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

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

@@ -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,36 +8,32 @@ export interface DropdownContainerPosition {
 }
 export interface DropdownContainerProps {
     align?: 'left' | 'right';
-    getParent: () => DOMNode;
+    getParent: () => Nullable<Element>;
     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> {
+declare type DefaultProps = Required<Pick<DropdownContainerProps, 'align' | 'disablePortal' | 'offsetY' | 'offsetX'>>;
+export declare class DropdownContainer extends React.PureComponent<DropdownContainerProps, DropdownContainerState> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        align: string;
-        disablePortal: boolean;
-        offsetX: number;
-        offsetY: number;
-    };
-    state: DropdownContainerState;
+    static defaultProps: DefaultProps;
     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;