@skbkontur/react-ui 0.0.0-151f385a39 → 0.0.0-19c2aec9d3

package/cjs/typings/html-props.d.ts

@@ -1,123 +0,0 @@
-import React from 'react';
-
-export type 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>;
-  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/components/DateInput/helpers/SelectionHelpers/SelectionHelpers.js

@@ -1,52 +0,0 @@
-export var selectNodeContents = function selectNodeContents(node, start, end) {
-  if (!node) {
-    return;
-  }
-
-  if ('createRange' in document) {
-    try {
-      var selection = window.getSelection();
-      var range = window.document.createRange();
-
-      if (start !== undefined && end !== undefined) {
-        range.setStart(node, start);
-        range.setEnd(node, end);
-      } else {
-        range.selectNodeContents(node);
-      }
-
-      if (selection !== null) {
-        // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)
-        selection.removeAllRanges();
-        selection.addRange(range);
-        return;
-      }
-    } catch (e) {// empty block
-    }
-  } // @ts-ignore (IE specific api)
-
-
-  if (typeof document.body.createTextRange === 'function') {
-    // @ts-ignore
-    var _range = document.body.createTextRange();
-
-    _range.moveToElementText(node);
-
-    if (typeof _range.select === 'function') {
-      _range.select();
-    }
-
-    return;
-  }
-};
-export var removeAllSelections = function removeAllSelections() {
-  var selection = window.getSelection();
-
-  if (selection !== null) {
-    try {
-      // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)
-      selection.removeAllRanges();
-    } catch (e) {// empty block
-    }
-  }
-};

package/components/DateInput/helpers/SelectionHelpers/SelectionHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["SelectionHelpers.tsx"],"names":["selectNodeContents","node","start","end","document","selection","window","getSelection","range","createRange","undefined","setStart","setEnd","removeAllRanges","addRange","e","body","createTextRange","moveToElementText","select","removeAllSelections"],"mappings":"AAAA,OAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD,EAA2BC,KAA3B,EAA2CC,GAA3C,EAA4D;AAC5F,MAAI,CAACF,IAAL,EAAW;AACT;AACD;AACD,MAAI,iBAAiBG,QAArB,EAA+B;AAC7B,QAAI;AACF,UAAMC,SAAS,GAAGC,MAAM,CAACC,YAAP,EAAlB;AACA,UAAMC,KAAK,GAAGF,MAAM,CAACF,QAAP,CAAgBK,WAAhB,EAAd;AACA,UAAIP,KAAK,KAAKQ,SAAV,IAAuBP,GAAG,KAAKO,SAAnC,EAA8C;AAC5CF,QAAAA,KAAK,CAACG,QAAN,CAAeV,IAAf,EAAqBC,KAArB;AACAM,QAAAA,KAAK,CAACI,MAAN,CAAaX,IAAb,EAAmBE,GAAnB;AACD,OAHD,MAGO;AACLK,QAAAA,KAAK,CAACR,kBAAN,CAAyBC,IAAzB;AACD;AACD,UAAII,SAAS,KAAK,IAAlB,EAAwB;AACtB;AACAA,QAAAA,SAAS,CAACQ,eAAV;AACAR,QAAAA,SAAS,CAACS,QAAV,CAAmBN,KAAnB;AACA;AACD;AACF,KAfD,CAeE,OAAOO,CAAP,EAAU;AACV;AACD;AACF;;AAED;AACA,MAAI,OAAOX,QAAQ,CAACY,IAAT,CAAcC,eAArB,KAAyC,UAA7C,EAAyD;AACvD;AACA,QAAMT,MAAK,GAAGJ,QAAQ,CAACY,IAAT,CAAcC,eAAd,EAAd;AACAT,IAAAA,MAAK,CAACU,iBAAN,CAAwBjB,IAAxB;AACA,QAAI,OAAOO,MAAK,CAACW,MAAb,KAAwB,UAA5B,EAAwC;AACtCX,MAAAA,MAAK,CAACW,MAAN;AACD;AACD;AACD;AACF,CAnCM;;AAqCP,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AACvC,MAAMf,SAAS,GAAGC,MAAM,CAACC,YAAP,EAAlB;AACA,MAAIF,SAAS,KAAK,IAAlB,EAAwB;AACtB,QAAI;AACF;AACAA,MAAAA,SAAS,CAACQ,eAAV;AACD,KAHD,CAGE,OAAOE,CAAP,EAAU;AACV;AACD;AACF;AACF,CAVM","sourcesContent":["export const selectNodeContents = (node: HTMLElement | null, start?: number, end?: number) => {\n  if (!node) {\n    return;\n  }\n  if ('createRange' in document) {\n    try {\n      const selection = window.getSelection();\n      const range = window.document.createRange();\n      if (start !== undefined && end !== undefined) {\n        range.setStart(node, start);\n        range.setEnd(node, end);\n      } else {\n        range.selectNodeContents(node);\n      }\n      if (selection !== null) {\n        // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\n        selection.removeAllRanges();\n        selection.addRange(range);\n        return;\n      }\n    } catch (e) {\n      // empty block\n    }\n  }\n\n  // @ts-ignore (IE specific api)\n  if (typeof document.body.createTextRange === 'function') {\n    // @ts-ignore\n    const range = document.body.createTextRange();\n    range.moveToElementText(node);\n    if (typeof range.select === 'function') {\n      range.select();\n    }\n    return;\n  }\n};\n\nexport const removeAllSelections = () => {\n  const selection = window.getSelection();\n  if (selection !== null) {\n    try {\n      // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\n      selection.removeAllRanges();\n    } catch (e) {\n      // empty block\n    }\n  }\n};\n"]}

package/components/DateInput/helpers/SelectionHelpers/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../../cjs/components/DateInput/helpers/SelectionHelpers.js",
-  "module": "SelectionHelpers",
-  "types": "../SelectionHelpers.d.ts",
-  "sideEffects": false
-}

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

@@ -1,13 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-var _templateObject, _templateObject2;
-
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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 css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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);
-  }
-});

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

@@ -1 +0,0 @@
-{"version":3,"sources":["Picker.styles.ts"],"names":["css","memoizeStyle","styles","root","t","pickerBg","pickerShadow","todayWrapper","pickerTodayWrapperBgColor","pickerTodayWrapperBorderTop","linkColor","pickerTodayWrapperFontSize","pickerTodayWrapperPaddingBottom","pickerTodayWrapperPaddingTop","pickerTodayWrapperLineHeight","pickerTodayWrapperHoverBgColor","linkActiveColor"],"mappings":"sIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOJ,GAAP;AACgBI,IAAAA,CAAC,CAACC,QADlB;AAEgBD,IAAAA,CAAC,CAACE,YAFlB;;;;;;AAQD,GAVgC;;AAYjCC,EAAAA,YAZiC,wBAYpBH,CAZoB,EAYV;AACrB,WAAOJ,GAAP;AACsBI,IAAAA,CAAC,CAACI,yBADxB;;AAGgBJ,IAAAA,CAAC,CAACK,2BAHlB;AAIWL,IAAAA,CAAC,CAACM,SAJb;;AAMeN,IAAAA,CAAC,CAACO,0BANjB;AAOoBP,IAAAA,CAAC,CAACQ,+BAPtB;AAQiBR,IAAAA,CAAC,CAACS,4BARnB;AASiBT,IAAAA,CAAC,CAACU,4BATnB;;;;AAawBV,IAAAA,CAAC,CAACW,8BAb1B;;;;;AAkBaX,IAAAA,CAAC,CAACY,eAlBf;;;AAqBD,GAlCgC,EAAD,CAA3B","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/components/DatePicker/Picker.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/DatePicker/Picker.styles.js",
-  "module": "Picker.styles",
-  "types": "../Picker.styles.d.ts",
-  "sideEffects": false
-}

package/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/internal/Calendar/Calendar/Calendar.js

@@ -1,432 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React from 'react';
-import normalizeWheel from 'normalize-wheel';
-import throttle from 'lodash.throttle';
-import { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from "../../../lib/date/constants";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { animation } from "../../../lib/animation";
-import { isMobile } from "../../../lib/client";
-import { themeConfig } from "../config";
-import * as CalendarUtils from "../CalendarUtils";
-import { MonthViewModel } from "../MonthViewModel";
-import * as CalendarScrollEvents from "../CalendarScrollEvents";
-import { Month } from "../Month";
-import { styles } from "../Calendar.styles";
-import { create, isGreater, isLess } from "../CalendarDateShape";
-
-var getTodayDate = function getTodayDate() {
-  var date = new Date();
-  return {
-    date: date.getDate(),
-    month: date.getMonth(),
-    year: date.getFullYear()
-  };
-};
-
-export var Calendar = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Calendar, _React$Component);
-
-  function Calendar(props) {
-    var _props$initialMonth, _props$initialYear;
-
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.animation = animation();
-    _this.touchStartY = null;
-
-    _this.scrollToMonth = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(month, year) {
-        var _this$props, minDate, maxDate, currentMonth, diffInMonths, maxMonthsToAdd, onEnd, isYearChanges, monthsToPrependCount, monthsToPrepend, monthsToAppendCount, monthsToAppend;
-
-        return _regeneratorRuntime.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 && isGreater(minDate, create(32, month, year)))) {
-                  _context.next = 8;
-                  break;
-                }
-
-                _this.scrollToMonth(minDate.month, minDate.year);
-
-                return _context.abrupt("return");
-
-              case 8:
-                if (!(maxDate && isLess(maxDate, 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 = 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.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.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: themeConfig(_this.theme).WRAPPER_HEIGHT
-      };
-      return /*#__PURE__*/React.createElement("div", {
-        ref: _this.refRoot,
-        className: styles.root(_this.theme),
-        "data-tid": "Calendar"
-      }, /*#__PURE__*/React.createElement("div", {
-        style: wrapperStyle,
-        className: 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, _assertThisInitialized(_this))));
-    };
-
-    _this.refRoot = function (element) {
-      if (!_this.root && element) {
-        if (isMobile) {
-          element.addEventListener('touchstart', _this.handleTouchStart);
-          element.addEventListener('touchmove', _this.throttledHandleTouchMove);
-        } else {
-          element.addEventListener('wheel', _this.handleWheel, {
-            passive: false
-          });
-        }
-      }
-
-      if (_this.root && !element) {
-        if (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 = throttle(_this.handleTouchMove, 10);
-
-    _this.handleWheel = function (event) {
-      if (!(event instanceof WheelEvent)) {
-        return;
-      }
-
-      event.preventDefault();
-
-      var _normalizeWheel = normalizeWheel(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 = themeConfig(_this.theme).MONTH_TITLE_OFFSET_HEIGHT + 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.createElement(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.createElement(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.Component);
-Calendar.__KONTUR_REACT_UI__ = 'Calendar';
-Calendar.defaultProps = {
-  holidays: [],
-  minDate: {
-    year: MIN_YEAR,
-    month: MIN_MONTH,
-    date: MIN_DATE
-  },
-  maxDate: {
-    year: MAX_YEAR,
-    month: MAX_MONTH,
-    date: MAX_DATE
-  }
-};