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

package/internal/Calendar/Calendar/Calendar.js

@@ -0,0 +1,433 @@
+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 _this;
+
+    _this = _React$Component.call(this, props) || this;
+    _this.theme = void 0;
+    _this.wheelEndTimeout = void 0;
+    _this.root = void 0;
+    _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 == 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.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
+  }
+};

package/internal/Calendar/Calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Calendar.tsx"],"names":["React","normalizeWheel","throttle","MAX_DATE","MAX_MONTH","MAX_YEAR","MIN_DATE","MIN_MONTH","MIN_YEAR","ThemeContext","Animation","isMobile","themeConfig","CalendarUtils","MonthViewModel","CalendarScrollEvents","Month","styles","create","isGreater","isLess","getTodayDate","date","Date","getDate","month","getMonth","year","getFullYear","Calendar","props","theme","wheelEndTimeout","root","animation","touchStartY","scrollToMonth","inProgress","finish","Promise","r","setTimeout","minDate","maxDate","currentMonth","state","months","diffInMonths","scrollTo","maxMonthsToAdd","MAX_MONTHS_TO_APPEND_ON_SCROLL","onEnd","setState","getMonths","scrollPosition","isYearChanges","Math","abs","monthsToPrependCount","min","monthsToPrepend","Array","from","length","_","index","yearChanges","isFirstInYear","isLastInYear","concat","getMonthsHeight","targetPosition","getHeight","monthsToAppendCount","monthsToAppend","slice","renderMain","positions","getMonthPositions","wrapperStyle","height","WRAPPER_HEIGHT","refRoot","wrapper","map","x","i","filter","top","isMonthVisible","renderMonth","element","addEventListener","handleTouchStart","throttledHandleTouchMove","handleWheel","passive","removeEventListener","handleMonthYearChange","executeAnimations","pixelY","calculateScrollPosition","scrollTarget","handleWheelEnd","animate","deltaY","applyDelta","emit","event","TouchEvent","clientY","targetTouches","handleTouchMove","changedTouches","WheelEvent","preventDefault","clearTimeout","window","scrollToNearestWeek","scrollDirection","trasholdHeight","MONTH_TITLE_OFFSET_HEIGHT","DAY_SIZE","amount","pos","scrollAmmount","scrollAmount","today","initialMonth","initialYear","touchStart","componentWillUnmount","cancel","render","value","onSelect","isHoliday","position","push","Component","__KONTUR_REACT_UI__","defaultProps","holidays"],"mappings":"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","sourcesContent":["import React from 'react';\nimport normalizeWheel from 'normalize-wheel';\nimport throttle from 'lodash.throttle';\n\nimport { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from '../../lib/date/constants';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Animation } from '../../lib/animation';\nimport { isMobile } from '../../lib/client';\n\nimport { themeConfig } from './config';\nimport * as CalendarUtils from './CalendarUtils';\nimport { MonthViewModel } from './MonthViewModel';\nimport * as CalendarScrollEvents from './CalendarScrollEvents';\nimport { Month } from './Month';\nimport { styles } from './Calendar.styles';\nimport { CalendarDateShape, create, isGreater, isLess } from './CalendarDateShape';\n\nexport interface CalendarProps {\n  initialMonth?: number;\n  initialYear?: number;\n  onSelect?: (date: CalendarDateShape) => void;\n  value?: Nullable<CalendarDateShape>;\n  maxDate?: CalendarDateShape;\n  minDate?: CalendarDateShape;\n  isHoliday?: (day: CalendarDateShape & { isWeekend: boolean }) => boolean;\n}\n\nexport interface CalendarState {\n  scrollPosition: number;\n  months: MonthViewModel[];\n  today: CalendarDateShape;\n  scrollDirection: number;\n  scrollTarget: number;\n  touchStart: number;\n}\n\nconst getTodayDate = () => {\n  const date = new Date();\n  return {\n    date: date.getDate(),\n    month: date.getMonth(),\n    year: date.getFullYear(),\n  };\n};\n\nexport class Calendar extends React.Component<CalendarProps, CalendarState> {\n  public static __KONTUR_REACT_UI__ = 'Calendar';\n\n  public static defaultProps = {\n    holidays: [],\n    minDate: {\n      year: MIN_YEAR,\n      month: MIN_MONTH,\n      date: MIN_DATE,\n    },\n    maxDate: {\n      year: MAX_YEAR,\n      month: MAX_MONTH,\n      date: MAX_DATE,\n    },\n  };\n\n  private theme!: Theme;\n  private wheelEndTimeout: Nullable<number>;\n  private root: Nullable<HTMLElement>;\n  private animation = Animation();\n  private touchStartY: Nullable<number> = null;\n\n  constructor(props: CalendarProps) {\n    super(props);\n\n    const today = getTodayDate();\n\n    const initialMonth = props.initialMonth == null ? today.month : props.initialMonth;\n    const initialYear = props.initialYear == null ? today.year : props.initialYear;\n\n    this.state = {\n      scrollPosition: 0,\n      months: CalendarUtils.getMonths(initialMonth, initialYear),\n      today,\n      scrollDirection: 1,\n      scrollTarget: 0,\n      touchStart: 0,\n    };\n  }\n\n  public componentWillUnmount() {\n    if (this.animation.inProgress()) {\n      this.animation.cancel();\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Scrolls calendar to given date\n   * @public\n   */\n  public scrollToMonth = async (month: number, year: number) => {\n    if (this.animation.inProgress()) {\n      this.animation.finish();\n      // FIXME: Dirty hack to await batched updates\n      await new Promise((r) => setTimeout(r));\n    }\n\n    const { minDate, maxDate } = this.props;\n\n    if (minDate && isGreater(minDate, create(32, month, year))) {\n      this.scrollToMonth(minDate.month, minDate.year);\n      return;\n    }\n\n    if (maxDate && isLess(maxDate, create(0, month, year))) {\n      this.scrollToMonth(maxDate.month, maxDate.year);\n      return;\n    }\n\n    const currentMonth = this.state.months[1];\n    const diffInMonths = currentMonth.month + currentMonth.year * 12 - month - year * 12;\n\n    if (diffInMonths === 0) {\n      this.scrollTo(0);\n      return;\n    }\n\n    const maxMonthsToAdd = themeConfig(this.theme).MAX_MONTHS_TO_APPEND_ON_SCROLL;\n\n    const onEnd = () =>\n      this.setState({\n        months: CalendarUtils.getMonths(month, year),\n        scrollPosition: 0,\n      });\n\n    const isYearChanges = (state: CalendarState) =>\n      state.months[1].year !== year &&\n      // if diff in months is 2 or less,\n      // either year is not changing either months already\n      // have right isFirstInYear/isLastInYear flags\n      Math.abs(diffInMonths) > 2;\n\n    // If scrolling upwards, prepend maximum maxMonthsToAdd months\n    // and scroll to the first month\n    if (diffInMonths > 0) {\n      const monthsToPrependCount = Math.min(Math.abs(diffInMonths) - 1, maxMonthsToAdd);\n      const monthsToPrepend = Array.from({ length: monthsToPrependCount }, (_, index) =>\n        MonthViewModel.create(month + index, year),\n      );\n      this.setState(\n        (state) => {\n          const yearChanges = isYearChanges(state);\n          if (yearChanges) {\n            // Mutating here can lead to some unexpected bugs\n            // but we couldn't find any yet\n            state.months[0].isFirstInYear = true;\n            if (monthsToPrepend.length) {\n              // Mutating item here is safe as it was just created\n              monthsToPrepend[monthsToPrepend.length - 1].isLastInYear = true;\n            }\n          }\n          return {\n            months: monthsToPrepend.concat(state.months),\n            scrollPosition: -CalendarUtils.getMonthsHeight(monthsToPrepend, this.theme),\n          };\n        },\n        () => {\n          const targetPosition = this.state.months[0].getHeight(this.theme);\n          this.scrollTo(targetPosition, onEnd);\n        },\n      );\n    }\n\n    // If scrolling downwards, append maximum maxMonthsToAdd months\n    // and scroll to the last but one month\n    if (diffInMonths < 0) {\n      const monthsToAppendCount = Math.min(Math.abs(diffInMonths), maxMonthsToAdd);\n      const monthsToAppend = Array.from({ length: monthsToAppendCount }, (_, index) =>\n        MonthViewModel.create(month + index - monthsToAppendCount + 2, year),\n      );\n      this.setState(\n        (state) => {\n          if (isYearChanges(state)) {\n            // Mutating here can lead to some unexpected bugs\n            // but we couldn't find any yet\n            state.months[state.months.length - 1].isLastInYear = true;\n            // Mutating item here is safe as it was just created\n            if (monthsToAppend[0]) {\n              monthsToAppend[0].isFirstInYear = true;\n            }\n          }\n          return { months: state.months.concat(monthsToAppend) };\n        },\n        () => {\n          const targetPosition = -1 * CalendarUtils.getMonthsHeight(this.state.months.slice(1, -2), this.theme);\n          this.scrollTo(targetPosition, onEnd);\n        },\n      );\n    }\n  };\n\n  private renderMain = () => {\n    const positions = this.getMonthPositions();\n    const wrapperStyle = { height: themeConfig(this.theme).WRAPPER_HEIGHT };\n    return (\n      <div ref={this.refRoot} className={styles.root(this.theme)} data-tid=\"Calendar\">\n        <div style={wrapperStyle} className={styles.wrapper()}>\n          {this.state.months\n            .map<[number, MonthViewModel]>((x, i) => [positions[i], x])\n            .filter(([top, month]) => CalendarUtils.isMonthVisible(top, month, this.theme))\n            .map(this.renderMonth, this)}\n        </div>\n      </div>\n    );\n  };\n\n  private refRoot = (element: HTMLElement | null) => {\n    if (!this.root && element) {\n      if (isMobile) {\n        element.addEventListener('touchstart', this.handleTouchStart);\n        element.addEventListener('touchmove', this.throttledHandleTouchMove);\n      } else {\n        element.addEventListener('wheel', this.handleWheel, { passive: false });\n      }\n    }\n    if (this.root && !element) {\n      if (isMobile) {\n        this.root.removeEventListener('touchstart', this.handleTouchStart);\n        this.root.removeEventListener('touchmove', this.throttledHandleTouchMove);\n      } else {\n        this.root.removeEventListener('wheel', this.handleWheel);\n      }\n    }\n    this.root = element;\n  };\n\n  private renderMonth([top, month]: [number, MonthViewModel]) {\n    return (\n      <Month\n        key={month.month + '-' + month.year}\n        top={top}\n        month={month}\n        maxDate={this.props.maxDate}\n        minDate={this.props.minDate}\n        today={this.state.today}\n        value={this.props.value}\n        onDateClick={this.props.onSelect}\n        onMonthYearChange={this.handleMonthYearChange}\n        isHoliday={this.props.isHoliday}\n      />\n    );\n  }\n\n  private getMonthPositions() {\n    const { scrollPosition, months } = this.state;\n\n    const positions = [scrollPosition - months[0].getHeight(this.theme)];\n    for (let i = 1; i < months.length; i++) {\n      const position = positions[i - 1] + months[i - 1].getHeight(this.theme);\n      positions.push(position);\n    }\n    return positions;\n  }\n\n  private handleMonthYearChange = (month: number, year: number) => {\n    this.scrollToMonth(month, year);\n  };\n\n  private executeAnimations = (pixelY: number) => {\n    this.setState(({ months, scrollPosition }) => {\n      const targetPosition = CalendarUtils.calculateScrollPosition(\n        months,\n        scrollPosition,\n        pixelY,\n        this.theme,\n      ).scrollPosition;\n      return { scrollTarget: targetPosition };\n    }, this.handleWheelEnd);\n\n    this.animation.animate(pixelY, (deltaY) =>\n      // FIXME: Typescript not resolving setState cb type\n      this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any),\n    );\n\n    CalendarScrollEvents.emit();\n  };\n\n  private handleTouchStart = (event: Event) => {\n    if (!(event instanceof TouchEvent)) {\n      return;\n    }\n\n    const clientY = event.targetTouches[0].clientY;\n    this.touchStartY = clientY;\n  };\n\n  private handleTouchMove = (event: Event) => {\n    if (!(event instanceof TouchEvent)) {\n      return;\n    }\n\n    const { clientY } = event.changedTouches[0];\n\n    const deltaY = (this.touchStartY || 0) - clientY;\n    this.touchStartY = clientY;\n\n    this.executeAnimations(deltaY);\n  };\n\n  private throttledHandleTouchMove = throttle(this.handleTouchMove, 10);\n\n  private handleWheel = (event: Event) => {\n    if (!(event instanceof WheelEvent)) {\n      return;\n    }\n    event.preventDefault();\n    const { pixelY } = normalizeWheel(event);\n\n    this.executeAnimations(pixelY);\n  };\n\n  private handleWheelEnd = () => {\n    if (this.wheelEndTimeout) {\n      clearTimeout(this.wheelEndTimeout);\n    }\n    this.wheelEndTimeout = window.setTimeout(this.scrollToNearestWeek, 300);\n  };\n  private scrollToNearestWeek = () => {\n    const { scrollTarget, scrollDirection } = this.state;\n\n    const trasholdHeight = themeConfig(this.theme).MONTH_TITLE_OFFSET_HEIGHT + themeConfig(this.theme).DAY_SIZE;\n\n    if (scrollTarget < trasholdHeight) {\n      let targetPosition = 0;\n      if (scrollDirection < 0) {\n        targetPosition = trasholdHeight;\n      }\n\n      this.setState({ scrollTarget: targetPosition }, () => {\n        const amount = scrollTarget - targetPosition;\n        this.animation.animate(amount, (deltaY) =>\n          // FIXME: Typescript not resolving setState cb type\n          this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any),\n        );\n      });\n    }\n  };\n\n  private scrollTo = (pos: number, onEnd?: () => void) => {\n    const scrollAmmount = pos - this.state.scrollPosition;\n    return this.scrollAmount(scrollAmmount, onEnd);\n  };\n\n  private scrollAmount = (scrollAmmount: number, onEnd?: () => void) => {\n    return this.animation.animate(\n      scrollAmmount,\n      (deltaY) =>\n        this.setState(({ scrollPosition }) => ({\n          scrollPosition: scrollPosition + deltaY,\n        })),\n      onEnd,\n    );\n  };\n}\n"]}

package/internal/Calendar/Calendar/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/Calendar/Calendar.js",
+  "module": "Calendar",
+  "types": "../Calendar.d.ts",
+  "sideEffects": false
+}

package/internal/Calendar/Calendar.d.ts

@@ -0,0 +1,66 @@
+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/internal/Calendar/Calendar.styles/Calendar.styles.js

@@ -0,0 +1,14 @@
+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) {
+    var width = parseInt(t.calendarCellSize) * 7;
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      box-sizing: content-box;\n      color: ", ";\n      display: block;\n      padding: 0 ", ";\n      width: ", "px;\n      overflow: hidden;\n      touch-action: none;\n    "])), t.textColorDefault, t.calendarPaddingX, width);
+  },
+  wrapper: function wrapper() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      font-size: 14px;\n      position: relative;\n    "])));
+  }
+});

package/internal/Calendar/Calendar.styles/Calendar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Calendar.styles.ts"],"names":["css","memoizeStyle","styles","root","t","width","parseInt","calendarCellSize","textColorDefault","calendarPaddingX","wrapper"],"mappings":"sIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,QAAMC,KAAK,GAAGC,QAAQ,CAACF,CAAC,CAACG,gBAAH,CAAR,GAA+B,CAA7C;AACA,WAAOP,GAAP;;AAEWI,IAAAA,CAAC,CAACI,gBAFb;;AAIeJ,IAAAA,CAAC,CAACK,gBAJjB;AAKWJ,IAAAA,KALX;;;;AASD,GAZgC;;AAcjCK,EAAAA,OAdiC,qBAcvB;AACR,WAAOV,GAAP;;;;AAID,GAnBgC,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    const width = parseInt(t.calendarCellSize) * 7;\n    return css`\n      box-sizing: content-box;\n      color: ${t.textColorDefault};\n      display: block;\n      padding: 0 ${t.calendarPaddingX};\n      width: ${width}px;\n      overflow: hidden;\n      touch-action: none;\n    `;\n  },\n\n  wrapper() {\n    return css`\n      font-size: 14px;\n      position: relative;\n    `;\n  },\n});\n"]}

package/internal/Calendar/Calendar.styles/package.json

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

package/internal/Calendar/Calendar.styles.d.ts

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

package/internal/Calendar/CalendarDateShape/CalendarDateShape.js

@@ -0,0 +1,50 @@
+export var isEqual = function isEqual(a, b) {
+  return !a && !b || a && b && a.year === b.year && a.month === b.month && a.date === b.date;
+};
+export var comparator = function comparator(a, b) {
+  if (a.year < b.year) {
+    return -1;
+  } else if (a.year > b.year) {
+    return 1;
+  } else if (a.month < b.month) {
+    return -1;
+  } else if (a.month > b.month) {
+    return 1;
+  } else if (a.date < b.date) {
+    return -1;
+  } else if (a.date > b.date) {
+    return 1;
+  }
+
+  return 0;
+};
+export var create = function create(date, month, year) {
+  return {
+    date: date,
+    month: month,
+    year: year
+  };
+};
+export var isLess = function isLess(left, right) {
+  return comparator(left, right) === -1;
+};
+export var isLessOrEqual = function isLessOrEqual(left, right) {
+  return isLess(left, right) || isEqual(left, right);
+};
+export var isGreater = function isGreater(left, right) {
+  return !isLessOrEqual(left, right);
+};
+export var isGreaterOrEqual = function isGreaterOrEqual(left, right) {
+  return !isLess(left, right);
+};
+export var isBetween = function isBetween(date, left, right) {
+  if (left && isLess(date, left)) {
+    return false;
+  }
+
+  if (right && isGreater(date, right)) {
+    return false;
+  }
+
+  return true;
+};

package/internal/Calendar/CalendarDateShape/CalendarDateShape.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CalendarDateShape.ts"],"names":["isEqual","a","b","year","month","date","comparator","create","isLess","left","right","isLessOrEqual","isGreater","isGreaterOrEqual","isBetween"],"mappings":";;;;;;;;AAQA,OAAO,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,CAAD,EAAiCC,CAAjC;AACpB,KAACD,CAAD,IAAM,CAACC,CAAR,IAAeD,CAAC,IAAIC,CAAL,IAAUD,CAAC,CAACE,IAAF,KAAWD,CAAC,CAACC,IAAvB,IAA+BF,CAAC,CAACG,KAAF,KAAYF,CAAC,CAACE,KAA7C,IAAsDH,CAAC,CAACI,IAAF,KAAWH,CAAC,CAACG,IAD7D,GAAhB;;AAGP,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACL,CAAD,EAAuBC,CAAvB,EAAgD;AACxE,MAAID,CAAC,CAACE,IAAF,GAASD,CAAC,CAACC,IAAf,EAAqB;AACnB,WAAO,CAAC,CAAR;AACD,GAFD,MAEO,IAAIF,CAAC,CAACE,IAAF,GAASD,CAAC,CAACC,IAAf,EAAqB;AAC1B,WAAO,CAAP;AACD,GAFM,MAEA,IAAIF,CAAC,CAACG,KAAF,GAAUF,CAAC,CAACE,KAAhB,EAAuB;AAC5B,WAAO,CAAC,CAAR;AACD,GAFM,MAEA,IAAIH,CAAC,CAACG,KAAF,GAAUF,CAAC,CAACE,KAAhB,EAAuB;AAC5B,WAAO,CAAP;AACD,GAFM,MAEA,IAAIH,CAAC,CAACI,IAAF,GAASH,CAAC,CAACG,IAAf,EAAqB;AAC1B,WAAO,CAAC,CAAR;AACD,GAFM,MAEA,IAAIJ,CAAC,CAACI,IAAF,GAASH,CAAC,CAACG,IAAf,EAAqB;AAC1B,WAAO,CAAP;AACD;AACD,SAAO,CAAP;AACD,CAfM;;AAiBP,OAAO,IAAME,MAAM,GAAG,SAATA,MAAS,CAACF,IAAD,EAAeD,KAAf,EAA8BD,IAA9B,UAAmE,EAAEE,IAAI,EAAJA,IAAF,EAAQD,KAAK,EAALA,KAAR,EAAeD,IAAI,EAAJA,IAAf,EAAnE,EAAf;;AAEP,OAAO,IAAMK,MAAM,GAAG,SAATA,MAAS,CAACC,IAAD,EAA0BC,KAA1B,UAAuDJ,UAAU,CAACG,IAAD,EAAOC,KAAP,CAAV,KAA4B,CAAC,CAApF,EAAf;;AAEP,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACF,IAAD,EAA0BC,KAA1B;AAC3BF,IAAAA,MAAM,CAACC,IAAD,EAAOC,KAAP,CAAN,IAAuBV,OAAO,CAACS,IAAD,EAAOC,KAAP,CADH,GAAtB;;AAGP,OAAO,IAAME,SAAS,GAAG,SAAZA,SAAY,CAACH,IAAD,EAA0BC,KAA1B,UAAuD,CAACC,aAAa,CAACF,IAAD,EAAOC,KAAP,CAArE,EAAlB;;AAEP,OAAO,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACJ,IAAD,EAA0BC,KAA1B,UAAuD,CAACF,MAAM,CAACC,IAAD,EAAOC,KAAP,CAA9D,EAAzB;;AAEP,OAAO,IAAMI,SAAS,GAAG,SAAZA,SAAY;AACvBT,IADuB;AAEvBI,IAFuB;AAGvBC,KAHuB;AAIpB;AACH,MAAID,IAAI,IAAID,MAAM,CAACH,IAAD,EAAOI,IAAP,CAAlB,EAAgC;AAC9B,WAAO,KAAP;AACD;AACD,MAAIC,KAAK,IAAIE,SAAS,CAACP,IAAD,EAAOK,KAAP,CAAtB,EAAqC;AACnC,WAAO,KAAP;AACD;AACD,SAAO,IAAP;AACD,CAZM","sourcesContent":["import { Nullable } from '../../typings/utility-types';\n\nexport interface CalendarDateShape {\n  year: number;\n  month: number;\n  date: number;\n}\n\nexport const isEqual = (a: Nullable<CalendarDateShape>, b: Nullable<CalendarDateShape>) =>\n  (!a && !b) || (a && b && a.year === b.year && a.month === b.month && a.date === b.date);\n\nexport const comparator = (a: CalendarDateShape, b: CalendarDateShape) => {\n  if (a.year < b.year) {\n    return -1;\n  } else if (a.year > b.year) {\n    return 1;\n  } else if (a.month < b.month) {\n    return -1;\n  } else if (a.month > b.month) {\n    return 1;\n  } else if (a.date < b.date) {\n    return -1;\n  } else if (a.date > b.date) {\n    return 1;\n  }\n  return 0;\n};\n\nexport const create = (date: number, month: number, year: number): CalendarDateShape => ({ date, month, year });\n\nexport const isLess = (left: CalendarDateShape, right: CalendarDateShape) => comparator(left, right) === -1;\n\nexport const isLessOrEqual = (left: CalendarDateShape, right: CalendarDateShape) =>\n  isLess(left, right) || isEqual(left, right);\n\nexport const isGreater = (left: CalendarDateShape, right: CalendarDateShape) => !isLessOrEqual(left, right);\n\nexport const isGreaterOrEqual = (left: CalendarDateShape, right: CalendarDateShape) => !isLess(left, right);\n\nexport const isBetween = (\n  date: CalendarDateShape,\n  left?: Nullable<CalendarDateShape>,\n  right?: Nullable<CalendarDateShape>,\n) => {\n  if (left && isLess(date, left)) {\n    return false;\n  }\n  if (right && isGreater(date, right)) {\n    return false;\n  }\n  return true;\n};\n"]}

package/internal/Calendar/CalendarDateShape/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/Calendar/CalendarDateShape.js",
+  "module": "CalendarDateShape",
+  "types": "../CalendarDateShape.d.ts",
+  "sideEffects": false
+}