@skbkontur/react-ui 0.0.0-ecefada396 → 0.0.0-ee57da3e1e

package/typings/html.d.ts

@@ -0,0 +1,124 @@
+import React from 'react';
+
+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>;
+  aside: React.HTMLAttributes<HTMLElement>;
+  audio: React.AudioHTMLAttributes<HTMLAudioElement>;
+  b: React.HTMLAttributes<HTMLElement>;
+  base: React.BaseHTMLAttributes<HTMLBaseElement>;
+  bdi: React.HTMLAttributes<HTMLElement>;
+  bdo: React.HTMLAttributes<HTMLElement>;
+  big: React.HTMLAttributes<HTMLElement>;
+  blockquote: React.BlockquoteHTMLAttributes<HTMLElement>;
+  body: React.HTMLAttributes<HTMLBodyElement>;
+  br: React.HTMLAttributes<HTMLBRElement>;
+  button: React.ButtonHTMLAttributes<HTMLButtonElement>;
+  canvas: React.CanvasHTMLAttributes<HTMLCanvasElement>;
+  caption: React.HTMLAttributes<HTMLElement>;
+  cite: React.HTMLAttributes<HTMLElement>;
+  code: React.HTMLAttributes<HTMLElement>;
+  col: React.ColHTMLAttributes<HTMLTableColElement>;
+  colgroup: React.ColgroupHTMLAttributes<HTMLTableColElement>;
+  data: React.DataHTMLAttributes<HTMLDataElement>;
+  datalist: React.HTMLAttributes<HTMLDataListElement>;
+  dd: React.HTMLAttributes<HTMLElement>;
+  del: React.DelHTMLAttributes<HTMLElement>;
+  details: React.DetailsHTMLAttributes<HTMLElement>;
+  dfn: React.HTMLAttributes<HTMLElement>;
+  dialog: React.DialogHTMLAttributes<HTMLDialogElement>;
+  div: React.HTMLAttributes<HTMLDivElement>;
+  dl: React.HTMLAttributes<HTMLDListElement>;
+  dt: React.HTMLAttributes<HTMLElement>;
+  em: React.HTMLAttributes<HTMLElement>;
+  embed: React.EmbedHTMLAttributes<HTMLEmbedElement>;
+  fieldset: React.FieldsetHTMLAttributes<HTMLFieldSetElement>;
+  figcaption: React.HTMLAttributes<HTMLElement>;
+  figure: React.HTMLAttributes<HTMLElement>;
+  footer: React.HTMLAttributes<HTMLElement>;
+  form: React.FormHTMLAttributes<HTMLFormElement>;
+  h1: React.HTMLAttributes<HTMLHeadingElement>;
+  h2: React.HTMLAttributes<HTMLHeadingElement>;
+  h3: React.HTMLAttributes<HTMLHeadingElement>;
+  h4: React.HTMLAttributes<HTMLHeadingElement>;
+  h5: React.HTMLAttributes<HTMLHeadingElement>;
+  h6: React.HTMLAttributes<HTMLHeadingElement>;
+  head: React.HTMLAttributes<HTMLHeadElement>;
+  header: React.HTMLAttributes<HTMLElement>;
+  hgroup: React.HTMLAttributes<HTMLElement>;
+  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>;
+  ins: React.InsHTMLAttributes<HTMLModElement>;
+  kbd: React.HTMLAttributes<HTMLElement>;
+  keygen: React.KeygenHTMLAttributes<HTMLElement>;
+  label: React.LabelHTMLAttributes<HTMLLabelElement>;
+  legend: React.HTMLAttributes<HTMLLegendElement>;
+  li: React.LiHTMLAttributes<HTMLLIElement>;
+  link: React.LinkHTMLAttributes<HTMLLinkElement>;
+  main: React.HTMLAttributes<HTMLElement>;
+  map: React.MapHTMLAttributes<HTMLMapElement>;
+  mark: React.HTMLAttributes<HTMLElement>;
+  menu: React.MenuHTMLAttributes<HTMLElement>;
+  menuitem: React.HTMLAttributes<HTMLElement>;
+  meta: React.MetaHTMLAttributes<HTMLMetaElement>;
+  meter: React.MeterHTMLAttributes<HTMLElement>;
+  nav: React.HTMLAttributes<HTMLElement>;
+  noindex: React.HTMLAttributes<HTMLElement>;
+  noscript: React.HTMLAttributes<HTMLElement>;
+  object: React.ObjectHTMLAttributes<HTMLObjectElement>;
+  ol: React.OlHTMLAttributes<HTMLOListElement>;
+  optgroup: React.OptgroupHTMLAttributes<HTMLOptGroupElement>;
+  option: React.OptionHTMLAttributes<HTMLOptionElement>;
+  output: React.OutputHTMLAttributes<HTMLElement>;
+  p: React.HTMLAttributes<HTMLParagraphElement>;
+  param: React.ParamHTMLAttributes<HTMLParamElement>;
+  picture: React.HTMLAttributes<HTMLElement>;
+  pre: React.HTMLAttributes<HTMLPreElement>;
+  progress: React.ProgressHTMLAttributes<HTMLProgressElement>;
+  q: React.QuoteHTMLAttributes<HTMLQuoteElement>;
+  rp: React.HTMLAttributes<HTMLElement>;
+  rt: React.HTMLAttributes<HTMLElement>;
+  ruby: React.HTMLAttributes<HTMLElement>;
+  s: React.HTMLAttributes<HTMLElement>;
+  samp: React.HTMLAttributes<HTMLElement>;
+  slot: React.SlotHTMLAttributes<HTMLSlotElement>;
+  script: React.ScriptHTMLAttributes<HTMLScriptElement>;
+  section: React.HTMLAttributes<HTMLElement>;
+  select: React.SelectHTMLAttributes<HTMLSelectElement>;
+  small: React.HTMLAttributes<HTMLElement>;
+  source: React.SourceHTMLAttributes<HTMLSourceElement>;
+  span: React.HTMLAttributes<HTMLSpanElement>;
+  strong: React.HTMLAttributes<HTMLElement>;
+  style: React.StyleHTMLAttributes<HTMLStyleElement>;
+  sub: React.HTMLAttributes<HTMLElement>;
+  summary: React.HTMLAttributes<HTMLElement>;
+  sup: React.HTMLAttributes<HTMLElement>;
+  table: React.TableHTMLAttributes<HTMLTableElement>;
+  template: React.HTMLAttributes<HTMLTemplateElement>;
+  tbody: React.HTMLAttributes<HTMLTableSectionElement>;
+  td: React.TdHTMLAttributes<HTMLTableDataCellElement>;
+  textarea: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+  tfoot: React.HTMLAttributes<HTMLTableSectionElement>;
+  th: React.ThHTMLAttributes<HTMLTableHeaderCellElement>;
+  thead: React.HTMLAttributes<HTMLTableSectionElement>;
+  time: React.TimeHTMLAttributes<HTMLElement>;
+  title: React.HTMLAttributes<HTMLTitleElement>;
+  tr: React.HTMLAttributes<HTMLTableRowElement>;
+  track: React.TrackHTMLAttributes<HTMLTrackElement>;
+  u: React.HTMLAttributes<HTMLElement>;
+  ul: React.HTMLAttributes<HTMLUListElement>;
+  var: React.HTMLAttributes<HTMLElement>;
+  video: React.VideoHTMLAttributes<HTMLVideoElement>;
+  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/Button/Corners.d.ts

@@ -1,6 +0,0 @@
-export declare const Corners: {
-    TOP_LEFT: number;
-    TOP_RIGHT: number;
-    BOTTOM_RIGHT: number;
-    BOTTOM_LEFT: number;
-};

package/cjs/components/Button/Corners.js

@@ -1,5 +0,0 @@
-"use strict";exports.__esModule = true;exports.Corners = void 0;var Corners = {
-  TOP_LEFT: 1,
-  TOP_RIGHT: 2,
-  BOTTOM_RIGHT: 4,
-  BOTTOM_LEFT: 8 };exports.Corners = Corners;

package/cjs/components/Button/Corners.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Corners.ts"],"names":["Corners","TOP_LEFT","TOP_RIGHT","BOTTOM_RIGHT","BOTTOM_LEFT"],"mappings":"gEAAO,IAAMA,OAAO,GAAG;AACrBC,EAAAA,QAAQ,EAAE,CADW;AAErBC,EAAAA,SAAS,EAAE,CAFU;AAGrBC,EAAAA,YAAY,EAAE,CAHO;AAIrBC,EAAAA,WAAW,EAAE,CAJQ,EAAhB,C","sourcesContent":["export const Corners = {\n  TOP_LEFT: 1,\n  TOP_RIGHT: 2,\n  BOTTOM_RIGHT: 4,\n  BOTTOM_LEFT: 8,\n};\n"]}

package/cjs/components/DatePicker/Picker.styles.d.ts

@@ -1,5 +0,0 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    todayWrapper(t: Theme): string;
-};

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 _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");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");
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-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 _this;
-    _this = _React$Component.call(this, props) || this;_this.theme = void 0;_this.wheelEndTimeout = void 0;_this.root = void 0;_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 == null ? today.month : props.initialMonth;var initialYear = props.initialYear == null ? today.year : props.initialYear;_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 } };