@skbkontur/react-ui 0.0.0-fed57d84fb → 0.7.0-beta.1

package/cjs/internal/DataTids/DataTids.styles.js

@@ -1,41 +0,0 @@
-"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;
-
-var styles = (0, _Emotion.memoizeStyle)({
-  wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:not(:first-child) {\n        margin-top: 20px;\n      }\n    "])));
-
-
-
-
-  },
-  componentName: function componentName() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-weight: 700;\n      font-size: 1.25em;\n      margin: 0 5px 5px;\n    "])));
-
-
-
-
-  },
-  row: function row() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      width: 100%;\n      font-size: 16px;\n    "])));
-
-
-
-
-  },
-
-  leftCell: function leftCell() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 5px;\n      border-right: 1px solid #dadada;\n      border-bottom: 1px solid #dadada;\n      width: 30%;\n      overflow-wrap: anywhere;\n    "])));
-
-
-
-
-
-
-  },
-  rightCell: function rightCell() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 5px;\n      border-bottom: 1px solid #dadada;\n      width: 70%;\n    "])));
-
-
-
-
-  } });exports.styles = styles;

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

@@ -1 +0,0 @@
-{"version":3,"sources":["DataTids.styles.ts"],"names":["styles","wrapper","css","componentName","row","leftCell","rightCell"],"mappings":"4QAAA,oD;;AAEO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,OADiC,qBACvB;AACR,eAAOC,YAAP;;;;;AAKD,GAPgC;AAQjCC,EAAAA,aARiC,2BAQjB;AACd,eAAOD,YAAP;;;;;AAKD,GAdgC;AAejCE,EAAAA,GAfiC,iBAe3B;AACJ,eAAOF,YAAP;;;;;AAKD,GArBgC;;AAuBjCG,EAAAA,QAvBiC,sBAuBtB;AACT,eAAOH,YAAP;;;;;;;AAOD,GA/BgC;AAgCjCI,EAAAA,SAhCiC,uBAgCrB;AACV,eAAOJ,YAAP;;;;;AAKD,GAtCgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      &:not(:first-child) {\n        margin-top: 20px;\n      }\n    `;\n  },\n  componentName() {\n    return css`\n      font-weight: 700;\n      font-size: 1.25em;\n      margin: 0 5px 5px;\n    `;\n  },\n  row() {\n    return css`\n      display: flex;\n      width: 100%;\n      font-size: 16px;\n    `;\n  },\n\n  leftCell() {\n    return css`\n      padding: 5px;\n      border-right: 1px solid #dadada;\n      border-bottom: 1px solid #dadada;\n      width: 30%;\n      overflow-wrap: anywhere;\n    `;\n  },\n  rightCell() {\n    return css`\n      padding: 5px;\n      border-bottom: 1px solid #dadada;\n      width: 70%;\n    `;\n  },\n});\n"]}

package/cjs/internal/DataTids/componentsDataTids.d.ts

@@ -1,5 +0,0 @@
-export declare const componentsDataTids: {
-    [key: string]: {
-        [key: string]: string;
-    };
-};

package/cjs/internal/DataTids/componentsDataTids.js

@@ -1,16 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.componentsDataTids = void 0;var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var Components = _interopRequireWildcard(require("../../index"));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 tids = Object.keys(Components).filter(function (componentName) {
-  if (componentName.match(/datatids/i)) {
-    return componentName;
-  }
-  return null;
-});
-
-var componentsDataTids = tids.reduce(function (accum, currTid) {var _extends2;
-  return (0, _extends3.default)({},
-  accum, (_extends2 = {}, _extends2[
-
-  currTid.replace('DataTids', '')] = Object.entries(Components[currTid]), _extends2));
-
-}, {});exports.componentsDataTids = componentsDataTids;

package/cjs/internal/DataTids/componentsDataTids.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["componentsDataTids.ts"],"names":["tids","Object","keys","Components","filter","componentName","match","componentsDataTids","reduce","accum","currTid","replace","entries"],"mappings":"kPAAA,iE;;AAEA,IAAMA,IAAI,GAAGC,MAAM,CAACC,IAAP,CAAYC,UAAZ,EAAwBC,MAAxB,CAA+B,UAACC,aAAD,EAAmB;AAC7D,MAAIA,aAAa,CAACC,KAAd,CAAoB,WAApB,CAAJ,EAAsC;AACpC,WAAOD,aAAP;AACD;AACD,SAAO,IAAP;AACD,CALY,CAAb;;AAOO,IAAME,kBAAgE,GAAGP,IAAI,CAACQ,MAAL,CAAY,UAACC,KAAD,EAAQC,OAAR,EAAoB;AAC9G;AACKD,EAAAA,KADL;;AAGGC,EAAAA,OAAO,CAACC,OAAR,CAAgB,UAAhB,EAA4B,EAA5B,CAHH,IAGqCV,MAAM,CAACW,OAAP,CAAeT,UAAU,CAACO,OAAD,CAAzB,CAHrC;;AAKD,CAN+E,EAM7E,EAN6E,CAAzE,C","sourcesContent":["import * as Components from '../../index';\n\nconst tids = Object.keys(Components).filter((componentName) => {\n  if (componentName.match(/datatids/i)) {\n    return componentName;\n  }\n  return null;\n});\n\nexport const componentsDataTids: { [key: string]: { [key: string]: string } } = tids.reduce((accum, currTid) => {\n  return {\n    ...accum,\n    // eslint-disable-next-line import/namespace\n    [currTid.replace('DataTids', '')]: Object.entries(Components[currTid as keyof typeof Components]),\n  };\n}, {});\n"]}

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

@@ -1,97 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Nullable } from '../../typings/utility-types';
-export interface DateSelectProps {
-    disabled?: boolean | null;
-    onValueChange: (value: number) => void;
-    type?: 'month' | 'year';
-    value: number;
-    width?: number | string;
-    minValue?: number;
-    maxValue?: number;
-}
-export interface DateSelectState {
-    botCapped: boolean;
-    current: Nullable<number>;
-    height: number;
-    opened: boolean;
-    pos: number;
-    top: number;
-    topCapped: boolean;
-    nodeTop: number;
-}
-export declare const DateSelectDataTids: {
-    readonly caption: "DateSelect__caption";
-    readonly menuItem: "DateSelect__menuItem";
-};
-export declare class DateSelect extends React.PureComponent<DateSelectProps, DateSelectState> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        disabled: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-        value: PropTypes.Validator<number>;
-        width: PropTypes.Requireable<string | number>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-        minValue: PropTypes.Requireable<number>;
-        maxValue: PropTypes.Requireable<number>;
-    };
-    static defaultProps: {
-        type: string;
-        minMonth: number;
-        maxMonth: number;
-        width: string;
-    };
-    state: {
-        botCapped: boolean;
-        current: number;
-        height: number;
-        opened: boolean;
-        pos: number;
-        top: number;
-        topCapped: boolean;
-        nodeTop: number;
-    };
-    private theme;
-    private readonly locale;
-    private root;
-    private itemsContainer;
-    private listener;
-    private timeout;
-    private longClickTimer;
-    private setPositionRepeatTimer;
-    private yearStep;
-    private touchStartY;
-    componentDidUpdate(): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    /**
-     * @public
-     */
-    open: () => void;
-    /**
-     * @public
-     */
-    close: () => void;
-    render(): JSX.Element;
-    private renderMain;
-    private refRoot;
-    private setNodeTop;
-    private disableItems;
-    private renderMenu;
-    private refItemsContainer;
-    private handleLongClickUp;
-    private handleLongClickDown;
-    private handleLongClickStop;
-    private getAnchor;
-    private handleWheel;
-    private handleTouchStart;
-    private handleTouchMove;
-    private handleItemClick;
-    private handleKey;
-    private handleUp;
-    private handleDown;
-    private getItem;
-    private setPosition;
-    private getMinPos;
-    private getMaxPos;
-}

package/cjs/internal/DateSelect/DateSelect.js

@@ -1,516 +0,0 @@
-"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 _utils = require("../../lib/utils");
-var _identifiers = require("../../lib/events/keyboard/identifiers");
-var _locale = require("../../components/DatePicker/locale");
-var _decorators = require("../../lib/locale/decorators");
-var _RenderLayer = require("../RenderLayer");
-var _DropdownContainer = require("../DropdownContainer");
-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 _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 calculatePos = function calculatePos(pos, minPos, maxPos) {
-  if (maxPos <= pos) {
-    return maxPos;
-  }
-
-  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.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    state = {
-      botCapped: false,
-      current: 0,
-      height: 0,
-      opened: false,
-      pos: 0,
-      top: 0,
-      topCapped: false,
-      nodeTop: Infinity };_this.
-
-
-
-
-    root = null;_this.
-    itemsContainer = null;_this.
-
-
-    longClickTimer = 0;_this.
-    setPositionRepeatTimer = 0;_this.
-    yearStep = 3;_this.
-    touchStartY = null;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    open = function () {
-      if (_this.props.disabled) {
-        return;
-      }
-
-      if (_this.state.opened) {
-        return;
-      }
-
-      _this.setPosition(0);
-      _this.setState({
-        opened: true,
-        current: 0 });
-
-    };_this.
-
-
-
-
-    close = function () {
-      if (!_this.state.opened) {
-        return;
-      }
-
-      _this.setState({ opened: false });
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    refRoot = function (element) {
-      _this.root = element;
-    };_this.
-
-    setNodeTop = function () {
-      var root = _this.root;
-      if (!root) {
-        return;
-      }
-      if (_this.timeout) {
-        clearTimeout(_this.timeout);
-      }
-      _this.timeout = setTimeout(function () {return (
-          _this.setState({
-            nodeTop: (0, _getDOMRect.getDOMRect)(root).top }));});
-
-
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    refItemsContainer = function (element) {
-      if (!_this.itemsContainer && element) {
-        element.addEventListener('wheel', _this.handleWheel, { passive: false });
-      }
-      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.
-
-    handleLongClickUp = function (event) {
-      event.preventDefault();
-      _this.longClickTimer = window.setTimeout(function () {
-        _this.setPositionRepeatTimer = window.setInterval(function () {return _this.setPosition(_this.state.pos - itemHeight);}, 100);
-      }, 200);
-    };_this.
-
-    handleLongClickDown = function (event) {
-      event.preventDefault();
-      _this.longClickTimer = window.setTimeout(function () {
-        _this.setPositionRepeatTimer = window.setInterval(function () {return _this.setPosition(_this.state.pos + itemHeight);}, 100);
-      }, 200);
-    };_this.
-
-    handleLongClickStop = function () {
-      clearTimeout(_this.longClickTimer);
-      clearTimeout(_this.setPositionRepeatTimer);
-    };_this.
-
-    getAnchor = function () {return _this.root;};_this.
-
-    handleWheel = function (event) {
-      if (!(event instanceof WheelEvent)) {
-        return;
-      }
-      event.preventDefault();
-      event.stopPropagation();
-
-      var deltaY = event.deltaY;
-      if (event.deltaMode === 1) {
-        deltaY *= itemHeight;
-      } else if (event.deltaMode === 2) {
-        deltaY *= itemHeight * 4;
-      }
-      var pos = _this.state.pos + deltaY;
-      _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;
-        if (_this.props.onValueChange) {
-          _this.props.onValueChange(value);
-        }
-        _this.setState({ opened: false });
-      };
-    };_this.
-
-    handleKey = function (e) {
-      if (_this.state.opened && (0, _identifiers.isKeyEscape)(e)) {
-        e.preventDefault();
-        _this.close();
-        e.stopPropagation();
-      }
-    };_this.
-
-    handleUp = function (event) {
-      event.preventDefault();
-      _this.setPosition(_this.state.pos - itemHeight * _this.yearStep);
-    };_this.
-
-    handleDown = function (event) {
-      event.preventDefault();
-      _this.setPosition(_this.state.pos + itemHeight * _this.yearStep);
-    };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": 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') {
-      return this.locale.months[value];
-    }
-    return value;
-  };_proto.
-
-  setPosition = function setPosition(pos) {
-    var top = itemsToMoveCount * itemHeight;
-    var height = visibleYearsCount * itemHeight;
-    if (this.props.type === 'month') {
-      top = -this.props.value * itemHeight;
-      height = monthsCount * itemHeight;
-    }
-
-    var minPos = this.getMinPos() - top;
-    var maxPos = this.getMaxPos() - top - height + itemHeight;
-
-    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') {
-      return -this.props.value * itemHeight;
-    } else if (this.props.type === 'year') {
-      return ((this.props.minValue || defaultMinYear) - this.props.value) * itemHeight;
-    }
-    return -Infinity; // Be defensive.
-  };_proto.
-
-  getMaxPos = function getMaxPos() {
-    if (this.props.type === 'month') {
-      return (visibleYearsCount - this.props.value) * itemHeight;
-    } else if (this.props.type === 'year') {
-      return ((this.props.maxValue || defaultMaxYear) - this.props.value) * itemHeight;
-    }
-    return Infinity; // Be defensive.
-  };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) {
-  e.preventDefault();
-}