@skbkontur/react-ui 0.0.0-b08da15166 → 0.0.0-b5a1896fa9

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "0.0.0-b08da15166",
+  "version": "0.0.0-b5a1896fa9",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
   "sideEffects": false,
-  "homepage": "https://tech.skbkontur.ru/react-ui/unstable/0.0.0-b08da15166/",
+  "homepage": "https://tech.skbkontur.ru/react-ui/unstable/0.0.0-b5a1896fa9/",
   "repository": {
     "type": "git",
     "url": "git@github.com:skbkontur/retail-ui.git"
@@ -63,7 +63,7 @@
     "react-transition-group": "^4.4.2",
     "shallowequal": "^1.1.0",
     "stylis-plugin-extra-scope": "^0.3.0",
-    "tabbable": "^5.2.1",
+    "tabbable": "5.2.1",
     "warning": "^4.0.3"
   },
   "devDependencies": {
@@ -75,14 +75,14 @@
     "@babel/preset-react": "^7.16.5",
     "@babel/preset-typescript": "7.16.5",
     "@babel/register": "^7.16.5",
-    "@emotion/babel-plugin": "11.7.2",
     "@skbkontur/react-icons": "5.2.0",
     "@skbkontur/react-props2attrs": "0.1.2",
     "@skbkontur/react-sorge": "0.1.0",
-    "@storybook/addon-a11y": "6.3.2",
-    "@storybook/addon-essentials": "6.3.2",
-    "@storybook/addon-links": "6.3.2",
-    "@storybook/react": "6.3.2",
+    "@storybook/addon-a11y": "6.4.22",
+    "@storybook/addon-essentials": "6.4.22",
+    "@storybook/addon-ie11": "0.0.6",
+    "@storybook/addon-links": "6.4.22",
+    "@storybook/react": "6.4.22",
     "@testing-library/jest-dom": "5.16.1",
     "@testing-library/react": "12.1.2",
     "@testing-library/react-hooks": "^7.0.2",
@@ -110,12 +110,13 @@
     "chalk": "4.1.0",
     "copyfiles": "^2.4.1",
     "core-js": "^3.20.1",
-    "creevey": "0.7.35",
+    "creevey": "0.8.0-beta.1",
     "cross-env": "^7.0.3",
     "css-loader": "5.2.0",
     "dotenv": "^10.0.0",
     "dts-css-modules-loader": "1.2.4",
     "enzyme": "^3.11.0",
+    "eslint-plugin-jest": "26.1.1",
     "eslint-plugin-jest-dom": "^4.0.1",
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-storybook": "^0.5.6",
@@ -151,23 +152,6 @@
     "react": ">=16.9",
     "react-dom": ">=16.9"
   },
-  "jest": {
-    "testResultsProcessor": "jest-teamcity-reporter",
-    "moduleNameMapper": {
-      "\\.(css|less)$": "identity-obj-proxy"
-    },
-    "transform": {
-      "\\.[jt]sx?$": "babel-jest"
-    },
-    "testRegex": "__tests__(\\\\|/).*(\\.|-)test\\.(j|t)sx?$",
-    "testEnvironment": "jsdom",
-    "setupFilesAfterEnv": [
-      "<rootDir>/test-setup.js"
-    ],
-    "transformIgnorePatterns": [
-      "<rootDir>/node_modules/"
-    ]
-  },
   "publishConfig": {
     "tag": "unstable"
   }

package/typings/event-types.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 
-export type MouseEventType<T extends HTMLElement = HTMLElement> = React.MouseEvent<T> | MouseEvent;
-export type FocusEventType<T extends HTMLElement = HTMLElement> = React.FocusEvent<T> | FocusEvent;
+export type MouseEventType<T extends Element = Element> = React.MouseEvent<T> | MouseEvent;
+export type FocusEventType<T extends Element = Element> = React.FocusEvent<T> | FocusEvent;

package/typings/global.d.ts

@@ -4,3 +4,7 @@ declare interface Window {
 }
 
 declare var __RetailUiZIndexes: number[];
+
+// XDomainRequest is IE-specific API, therefore it was removed from `lib.d.ts`
+// See: https://github.com/Microsoft/TypeScript/issues/2927
+declare var XDomainRequest: typeof XMLHttpRequest;

package/typings/{html-props.d.ts → html.d.ts}

@@ -1,9 +1,8 @@
 import React from 'react';
 
-export type HTMLProps = {
+export interface HTMLProps {
   a: React.AnchorHTMLAttributes<HTMLAnchorElement>;
   abbr: React.HTMLAttributes<HTMLElement>;
-  div: React.HTMLAttributes<HTMLDivElement>;
   address: React.HTMLAttributes<HTMLElement>;
   area: React.AreaHTMLAttributes<HTMLAreaElement>;
   article: React.HTMLAttributes<HTMLElement>;
@@ -53,6 +52,7 @@ export type HTMLProps = {
   hr: React.HTMLAttributes<HTMLHRElement>;
   html: React.HtmlHTMLAttributes<HTMLHtmlElement>;
   i: React.HTMLAttributes<HTMLElement>;
+  id: React.HTMLAttributes<HTMLElement>['id'];
   iframe: React.IframeHTMLAttributes<HTMLIFrameElement>;
   img: React.ImgHTMLAttributes<HTMLImageElement>;
   input: React.InputHTMLAttributes<HTMLInputElement>;
@@ -120,4 +120,4 @@ export type HTMLProps = {
   wbr: React.HTMLAttributes<HTMLElement>;
   webview: React.WebViewHTMLAttributes<HTMLWebViewElement>;
   svg: React.SVGProps<SVGSVGElement>;
-};
+}

package/typings/utility-types.d.ts

@@ -12,3 +12,9 @@ export type Override<T, U> = Pick<T, Diff<keyof T, keyof U>> & U;
 export type Entries<T, K> = (o: { [k: string]: K }) => Array<[T, K]>;
 
 export type Writeable<T> = { -readonly [P in keyof T]: T[P] };
+
+type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N
+  ? Acc[number]
+  : Enumerate<N, [...Acc, Acc['length']]>;
+
+export type Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;

package/cjs/components/DatePicker/Picker.styles.js

@@ -1,38 +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;
-
-
-var styles = (0, _Emotion.memoizeStyle)({
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      box-shadow: ", ";\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    "])),
-    t.pickerBg,
-    t.pickerShadow);
-
-
-
-
-
-  },
-
-  todayWrapper: function todayWrapper(t) {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: ", ";\n      border: none;\n      border-top: ", ";\n      color: ", ";\n      display: block;\n      font-size: ", ";\n      padding-bottom: ", ";\n      padding-top: ", ";\n      line-height: ", ";\n      width: 100%;\n\n      &:hover {\n        background-color: ", ";\n        cursor: pointer;\n      }\n\n      &:active {\n        color: ", ";\n      }\n    "])),
-    t.pickerTodayWrapperBgColor,
-
-    t.pickerTodayWrapperBorderTop,
-    t.linkColor,
-
-    t.pickerTodayWrapperFontSize,
-    t.pickerTodayWrapperPaddingBottom,
-    t.pickerTodayWrapperPaddingTop,
-    t.pickerTodayWrapperLineHeight,
-
-
-
-    t.pickerTodayWrapperHoverBgColor,
-
-
-
-
-    t.linkActiveColor);
-
-
-  } });exports.styles = styles;

package/cjs/components/DatePicker/Picker.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Picker.styles.ts"],"names":["styles","root","t","css","pickerBg","pickerShadow","todayWrapper","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","linkColor","pickerTodayWrapperFontSize","pickerTodayWrapperPaddingBottom","pickerTodayWrapperPaddingTop","pickerTodayWrapperLineHeight","pickerTodayWrapperHoverBgColor","linkActiveColor"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACE,QADlB;AAEgBF,IAAAA,CAAC,CAACG,YAFlB;;;;;;AAQD,GAVgC;;AAYjCC,EAAAA,YAZiC,wBAYpBJ,CAZoB,EAYV;AACrB,eAAOC,YAAP;AACsBD,IAAAA,CAAC,CAACK,yBADxB;;AAGgBL,IAAAA,CAAC,CAACM,2BAHlB;AAIWN,IAAAA,CAAC,CAACO,SAJb;;AAMeP,IAAAA,CAAC,CAACQ,0BANjB;AAOoBR,IAAAA,CAAC,CAACS,+BAPtB;AAQiBT,IAAAA,CAAC,CAACU,4BARnB;AASiBV,IAAAA,CAAC,CAACW,4BATnB;;;;AAawBX,IAAAA,CAAC,CAACY,8BAb1B;;;;;AAkBaZ,IAAAA,CAAC,CAACa,eAlBf;;;AAqBD,GAlCgC,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      background: ${t.pickerBg};\n      box-shadow: ${t.pickerShadow};\n      display: inline-block;\n      font-size: 0;\n      z-index: 1000;\n      touch-action: none;\n    `;\n  },\n\n  todayWrapper(t: Theme) {\n    return css`\n      background-color: ${t.pickerTodayWrapperBgColor};\n      border: none;\n      border-top: ${t.pickerTodayWrapperBorderTop};\n      color: ${t.linkColor};\n      display: block;\n      font-size: ${t.pickerTodayWrapperFontSize};\n      padding-bottom: ${t.pickerTodayWrapperPaddingBottom};\n      padding-top: ${t.pickerTodayWrapperPaddingTop};\n      line-height: ${t.pickerTodayWrapperLineHeight};\n      width: 100%;\n\n      &:hover {\n        background-color: ${t.pickerTodayWrapperHoverBgColor};\n        cursor: pointer;\n      }\n\n      &:active {\n        color: ${t.linkActiveColor};\n      }\n    `;\n  },\n});\n"]}

package/cjs/internal/Calendar/Calendar.d.ts

@@ -1,66 +0,0 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { MonthViewModel } from './MonthViewModel';
-import { CalendarDateShape } from './CalendarDateShape';
-export interface CalendarProps {
-    initialMonth?: number;
-    initialYear?: number;
-    onSelect?: (date: CalendarDateShape) => void;
-    value?: Nullable<CalendarDateShape>;
-    maxDate?: CalendarDateShape;
-    minDate?: CalendarDateShape;
-    isHoliday?: (day: CalendarDateShape & {
-        isWeekend: boolean;
-    }) => boolean;
-}
-export interface CalendarState {
-    scrollPosition: number;
-    months: MonthViewModel[];
-    today: CalendarDateShape;
-    scrollDirection: number;
-    scrollTarget: number;
-    touchStart: number;
-}
-export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        holidays: never[];
-        minDate: {
-            year: number;
-            month: number;
-            date: number;
-        };
-        maxDate: {
-            year: number;
-            month: number;
-            date: number;
-        };
-    };
-    private theme;
-    private wheelEndTimeout;
-    private root;
-    private animation;
-    private touchStartY;
-    constructor(props: CalendarProps);
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    /**
-     * Scrolls calendar to given date
-     * @public
-     */
-    scrollToMonth: (month: number, year: number) => Promise<void>;
-    private renderMain;
-    private refRoot;
-    private renderMonth;
-    private getMonthPositions;
-    private handleMonthYearChange;
-    private executeAnimations;
-    private handleTouchStart;
-    private handleTouchMove;
-    private throttledHandleTouchMove;
-    private handleWheel;
-    private handleWheelEnd;
-    private scrollToNearestWeek;
-    private scrollTo;
-    private scrollAmount;
-}

package/cjs/internal/Calendar/Calendar.js

@@ -1,375 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Calendar = void 0;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _normalizeWheel2 = _interopRequireDefault(require("normalize-wheel"));
-var _lodash = _interopRequireDefault(require("lodash.throttle"));
-
-var _constants = require("../../lib/date/constants");
-
-
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _animation = require("../../lib/animation");
-var _client = require("../../lib/client");
-
-var _config = require("./config");
-var CalendarUtils = _interopRequireWildcard(require("./CalendarUtils"));
-var _MonthViewModel = require("./MonthViewModel");
-var CalendarScrollEvents = _interopRequireWildcard(require("./CalendarScrollEvents"));
-var _Month = require("./Month");
-var _Calendar = require("./Calendar.styles");
-var _CalendarDateShape = require("./CalendarDateShape");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 getTodayDate = function getTodayDate() {
-  var date = new Date();
-  return {
-    date: date.getDate(),
-    month: date.getMonth(),
-    year: date.getFullYear() };
-
-};var
-
-Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Calendar, _React$Component);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  function Calendar(props) {var _props$initialMonth, _props$initialYear;var _this;
-    _this = _React$Component.call(this, props) || this;_this.animation = (0, _animation.animation)();_this.touchStartY = null;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    scrollToMonth = /*#__PURE__*/function () {var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(month, year) {var _this$props, minDate, maxDate, currentMonth, diffInMonths, maxMonthsToAdd, onEnd, isYearChanges, monthsToPrependCount, monthsToPrepend, monthsToAppendCount, monthsToAppend;return _regenerator.default.wrap(function _callee$(_context) {while (1) {switch (_context.prev = _context.next) {case 0:if (!
-                _this.animation.inProgress()) {_context.next = 4;break;}
-                _this.animation.finish();
-                // FIXME: Dirty hack to await batched updates
-                _context.next = 4;return new Promise(function (r) {return setTimeout(r);});case 4:_this$props =
-
-
-                _this.props, minDate = _this$props.minDate, maxDate = _this$props.maxDate;if (!(
-
-                minDate && (0, _CalendarDateShape.isGreater)(minDate, (0, _CalendarDateShape.create)(32, month, year)))) {_context.next = 8;break;}
-                _this.scrollToMonth(minDate.month, minDate.year);return _context.abrupt("return");case 8:if (!(
-
-
-
-                maxDate && (0, _CalendarDateShape.isLess)(maxDate, (0, _CalendarDateShape.create)(0, month, year)))) {_context.next = 11;break;}
-                _this.scrollToMonth(maxDate.month, maxDate.year);return _context.abrupt("return");case 11:
-
-
-
-                currentMonth = _this.state.months[1];
-                diffInMonths = currentMonth.month + currentMonth.year * 12 - month - year * 12;if (!(
-
-                diffInMonths === 0)) {_context.next = 16;break;}
-                _this.scrollTo(0);return _context.abrupt("return");case 16:
-
-
-
-                maxMonthsToAdd = (0, _config.themeConfig)(_this.theme).MAX_MONTHS_TO_APPEND_ON_SCROLL;
-
-                onEnd = function onEnd() {return (
-                    _this.setState({
-                      months: CalendarUtils.getMonths(month, year),
-                      scrollPosition: 0 }));};
-
-
-                isYearChanges = function isYearChanges(state) {return (
-                    state.months[1].year !== year &&
-                    // if diff in months is 2 or less,
-                    // either year is not changing either months already
-                    // have right isFirstInYear/isLastInYear flags
-                    Math.abs(diffInMonths) > 2);};
-
-                // If scrolling upwards, prepend maximum maxMonthsToAdd months
-                // and scroll to the first month
-                if (diffInMonths > 0) {
-                  monthsToPrependCount = Math.min(Math.abs(diffInMonths) - 1, maxMonthsToAdd);
-                  monthsToPrepend = Array.from({ length: monthsToPrependCount }, function (_, index) {return (
-                      _MonthViewModel.MonthViewModel.create(month + index, year));});
-
-                  _this.setState(
-                  function (state) {
-                    var yearChanges = isYearChanges(state);
-                    if (yearChanges) {
-                      // Mutating here can lead to some unexpected bugs
-                      // but we couldn't find any yet
-                      state.months[0].isFirstInYear = true;
-                      if (monthsToPrepend.length) {
-                        // Mutating item here is safe as it was just created
-                        monthsToPrepend[monthsToPrepend.length - 1].isLastInYear = true;
-                      }
-                    }
-                    return {
-                      months: monthsToPrepend.concat(state.months),
-                      scrollPosition: -CalendarUtils.getMonthsHeight(monthsToPrepend, _this.theme) };
-
-                  },
-                  function () {
-                    var targetPosition = _this.state.months[0].getHeight(_this.theme);
-                    _this.scrollTo(targetPosition, onEnd);
-                  });
-
-                }
-
-                // If scrolling downwards, append maximum maxMonthsToAdd months
-                // and scroll to the last but one month
-                if (diffInMonths < 0) {
-                  monthsToAppendCount = Math.min(Math.abs(diffInMonths), maxMonthsToAdd);
-                  monthsToAppend = Array.from({ length: monthsToAppendCount }, function (_, index) {return (
-                      _MonthViewModel.MonthViewModel.create(month + index - monthsToAppendCount + 2, year));});
-
-                  _this.setState(
-                  function (state) {
-                    if (isYearChanges(state)) {
-                      // Mutating here can lead to some unexpected bugs
-                      // but we couldn't find any yet
-                      state.months[state.months.length - 1].isLastInYear = true;
-                      // Mutating item here is safe as it was just created
-                      if (monthsToAppend[0]) {
-                        monthsToAppend[0].isFirstInYear = true;
-                      }
-                    }
-                    return { months: state.months.concat(monthsToAppend) };
-                  },
-                  function () {
-                    var targetPosition = -1 * CalendarUtils.getMonthsHeight(_this.state.months.slice(1, -2), _this.theme);
-                    _this.scrollTo(targetPosition, onEnd);
-                  });
-
-                }case 21:case "end":return _context.stop();}}}, _callee);}));return function (_x, _x2) {return _ref.apply(this, arguments);};}();_this.
-
-
-    renderMain = function () {
-      var positions = _this.getMonthPositions();
-      var wrapperStyle = { height: (0, _config.themeConfig)(_this.theme).WRAPPER_HEIGHT };
-      return /*#__PURE__*/(
-        _react.default.createElement("div", { ref: _this.refRoot, className: _Calendar.styles.root(_this.theme), "data-tid": "Calendar" }, /*#__PURE__*/
-        _react.default.createElement("div", { style: wrapperStyle, className: _Calendar.styles.wrapper() },
-        _this.state.months.
-        map(function (x, i) {return [positions[i], x];}).
-        filter(function (_ref2) {var top = _ref2[0],month = _ref2[1];return CalendarUtils.isMonthVisible(top, month, _this.theme);}).
-        map(_this.renderMonth, (0, _assertThisInitialized2.default)(_this)))));
-
-
-
-    };_this.
-
-    refRoot = function (element) {
-      if (!_this.root && element) {
-        if (_client.isMobile) {
-          element.addEventListener('touchstart', _this.handleTouchStart);
-          element.addEventListener('touchmove', _this.throttledHandleTouchMove);
-        } else {
-          element.addEventListener('wheel', _this.handleWheel, { passive: false });
-        }
-      }
-      if (_this.root && !element) {
-        if (_client.isMobile) {
-          _this.root.removeEventListener('touchstart', _this.handleTouchStart);
-          _this.root.removeEventListener('touchmove', _this.throttledHandleTouchMove);
-        } else {
-          _this.root.removeEventListener('wheel', _this.handleWheel);
-        }
-      }
-      _this.root = element;
-    };_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    handleMonthYearChange = function (month, year) {
-      _this.scrollToMonth(month, year);
-    };_this.
-
-    executeAnimations = function (pixelY) {
-      _this.setState(function (_ref3) {var months = _ref3.months,scrollPosition = _ref3.scrollPosition;
-        var targetPosition = CalendarUtils.calculateScrollPosition(
-        months,
-        scrollPosition,
-        pixelY,
-        _this.theme).
-        scrollPosition;
-        return { scrollTarget: targetPosition };
-      }, _this.handleWheelEnd);
-
-      _this.animation.animate(pixelY, function (deltaY) {return (
-          // FIXME: Typescript not resolving setState cb type
-          _this.setState(CalendarUtils.applyDelta(deltaY, _this.theme)));});
-
-
-      CalendarScrollEvents.emit();
-    };_this.
-
-    handleTouchStart = function (event) {
-      if (!(event instanceof TouchEvent)) {
-        return;
-      }
-
-      var clientY = event.targetTouches[0].clientY;
-      _this.touchStartY = clientY;
-    };_this.
-
-    handleTouchMove = function (event) {
-      if (!(event instanceof TouchEvent)) {
-        return;
-      }
-
-      var clientY = event.changedTouches[0].clientY;
-
-      var deltaY = (_this.touchStartY || 0) - clientY;
-      _this.touchStartY = clientY;
-
-      _this.executeAnimations(deltaY);
-    };_this.
-
-    throttledHandleTouchMove = (0, _lodash.default)(_this.handleTouchMove, 10);_this.
-
-    handleWheel = function (event) {
-      if (!(event instanceof WheelEvent)) {
-        return;
-      }
-      event.preventDefault();
-      var _normalizeWheel = (0, _normalizeWheel2.default)(event),pixelY = _normalizeWheel.pixelY;
-
-      _this.executeAnimations(pixelY);
-    };_this.
-
-    handleWheelEnd = function () {
-      if (_this.wheelEndTimeout) {
-        clearTimeout(_this.wheelEndTimeout);
-      }
-      _this.wheelEndTimeout = window.setTimeout(_this.scrollToNearestWeek, 300);
-    };_this.
-    scrollToNearestWeek = function () {
-      var _this$state = _this.state,scrollTarget = _this$state.scrollTarget,scrollDirection = _this$state.scrollDirection;
-
-      var trasholdHeight = (0, _config.themeConfig)(_this.theme).MONTH_TITLE_OFFSET_HEIGHT + (0, _config.themeConfig)(_this.theme).DAY_SIZE;
-
-      if (scrollTarget < trasholdHeight) {
-        var targetPosition = 0;
-        if (scrollDirection < 0) {
-          targetPosition = trasholdHeight;
-        }
-
-        _this.setState({ scrollTarget: targetPosition }, function () {
-          var amount = scrollTarget - targetPosition;
-          _this.animation.animate(amount, function (deltaY) {return (
-              // FIXME: Typescript not resolving setState cb type
-              _this.setState(CalendarUtils.applyDelta(deltaY, _this.theme)));});
-
-        });
-      }
-    };_this.
-
-    scrollTo = function (pos, onEnd) {
-      var scrollAmmount = pos - _this.state.scrollPosition;
-      return _this.scrollAmount(scrollAmmount, onEnd);
-    };_this.
-
-    scrollAmount = function (scrollAmmount, onEnd) {
-      return _this.animation.animate(
-      scrollAmmount,
-      function (deltaY) {return (
-          _this.setState(function (_ref4) {var scrollPosition = _ref4.scrollPosition;return {
-              scrollPosition: scrollPosition + deltaY };}));},
-
-      onEnd);
-
-    };var today = getTodayDate();var initialMonth = (_props$initialMonth = props.initialMonth) != null ? _props$initialMonth : today.month;var initialYear = (_props$initialYear = props.initialYear) != null ? _props$initialYear : today.year;_this.state = { scrollPosition: 0, months: CalendarUtils.getMonths(initialMonth, initialYear), today: today, scrollDirection: 1, scrollTarget: 0, touchStart: 0 };return _this;}var _proto = Calendar.prototype;_proto.componentWillUnmount = function componentWillUnmount() {if (this.animation.inProgress()) {this.animation.cancel();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} /**
-   * Scrolls calendar to given date
-   * @public
-   */;_proto.renderMonth = function renderMonth(_ref5) {var top = _ref5[0],month = _ref5[1];return /*#__PURE__*/_react.default.createElement(_Month.Month, { key: month.month + '-' + month.year, top: top, month: month, maxDate: this.props.maxDate, minDate: this.props.minDate, today: this.state.today, value: this.props.value, onDateClick: this.props.onSelect, onMonthYearChange: this.handleMonthYearChange, isHoliday: this.props.isHoliday });};_proto.getMonthPositions = function getMonthPositions() {var _this$state2 = this.state,scrollPosition = _this$state2.scrollPosition,months = _this$state2.months;var positions = [scrollPosition - months[0].getHeight(this.theme)];for (var i = 1; i < months.length; i++) {var position = positions[i - 1] + months[i - 1].getHeight(this.theme);positions.push(position);}return positions;};return Calendar;}(_react.default.Component);exports.Calendar = Calendar;Calendar.__KONTUR_REACT_UI__ = 'Calendar';Calendar.defaultProps = { holidays: [], minDate: { year: _constants.MIN_YEAR, month: _constants.MIN_MONTH, date: _constants.MIN_DATE }, maxDate: { year: _constants.MAX_YEAR, month: _constants.MAX_MONTH, date: _constants.MAX_DATE } };