@skbkontur/react-ui 0.0.0-80ce75eca6 → 0.0.0-85ea551f96

package/cjs/internal/BGRuler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["BGRuler.tsx"],"names":["BGRuler","iframe","componentDidMount","contentWindow","addEventListener","update","componentWillUnmount","removeEventListener","forceUpdate","iframeRef","ref","render","props","width","height","color","top","bottom","left","right","wrapper","position","overflow","border","visibility","marks","backgroundSize","backgroundRepeat","highMarks","backgroundImage","middleMarks","shortMarks","rulerWidth","getBoundingClientRect","labels","Array","Math","ceil","fill","map","value","index","label","fontFamily","fontSize","lineHeight","React","Component","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\n/**\r\n * Компонент рисует пиксельную линейку на заднем фоне.\r\n * Помогает контролировать размеры элементов при скриншотном тестировании.\r\n *\r\n * @see FxInput/__stories__/FxInput.stories.tsx\r\n */\r\nexport class BGRuler extends React.Component<{\r\n  width?: string | number;\r\n  height?: string | number;\r\n  top?: string | number;\r\n  bottom?: string | number;\r\n  right?: string | number;\r\n  left?: string | number;\r\n  color?: string;\r\n}> {\r\n  public static defaultProps = {\r\n    height: 20,\r\n    top: 0,\r\n    left: 0,\r\n    right: 0,\r\n    color: '#333',\r\n  };\r\n\r\n  private iframe: HTMLIFrameElement | null = null;\r\n\r\n  public componentDidMount = () => {\r\n    if (this.iframe && this.iframe.contentWindow) {\r\n      this.iframe.contentWindow.addEventListener('resize', this.update, true);\r\n    }\r\n    this.update();\r\n  };\r\n\r\n  public componentWillUnmount = () => {\r\n    if (this.iframe && this.iframe.contentWindow) {\r\n      this.iframe.contentWindow.removeEventListener('resize', this.update, true);\r\n    }\r\n  };\r\n\r\n  public update = () => {\r\n    this.forceUpdate();\r\n  };\r\n\r\n  public render() {\r\n    const { width, height, color, top, bottom, left, right } = this.props;\r\n    const wrapper: React.CSSProperties = {\r\n      position: 'absolute',\r\n      width,\r\n      height,\r\n      top,\r\n      bottom,\r\n      left,\r\n      right,\r\n      overflow: 'hidden',\r\n    };\r\n    const iframe: React.CSSProperties = {\r\n      position: 'absolute',\r\n      width: '100%',\r\n      height: '100%',\r\n      border: 0,\r\n      visibility: 'hidden',\r\n    };\r\n    const marks: React.CSSProperties = {\r\n      position: 'absolute',\r\n      top: 0,\r\n      left: 0,\r\n      width: '100%',\r\n      backgroundSize: '100px 20px',\r\n      backgroundRepeat: 'repeat-x',\r\n    };\r\n    const highMarks: React.CSSProperties = {\r\n      ...marks,\r\n      height: '100%',\r\n      backgroundImage: `linear-gradient(90deg, ${color} 0, ${color} 1px, transparent 1px)`,\r\n    };\r\n    const middleMarks: React.CSSProperties = {\r\n      ...marks,\r\n      height: '75%',\r\n      backgroundImage: `linear-gradient(90deg, transparent 0, transparent 49px, ${color} 49px, ${color} 50px, transparent 50px)`,\r\n    };\r\n    const shortMarks: React.CSSProperties = {\r\n      ...marks,\r\n      height: '40%',\r\n      backgroundImage: `\r\n        linear-gradient(90deg, transparent 0, transparent 9px, ${color} 9px, ${color} 10px, transparent 10px),\r\n        linear-gradient(90deg, transparent 0, transparent 19px, ${color} 19px, ${color} 20px, transparent 20px),\r\n        linear-gradient(90deg, transparent 0, transparent 29px, ${color} 29px, ${color} 30px, transparent 30px),\r\n        linear-gradient(90deg, transparent 0, transparent 39px, ${color} 39px, ${color} 40px, transparent 40px),\r\n        linear-gradient(90deg, transparent 0, transparent 59px, ${color} 59px, ${color} 60px, transparent 60px),\r\n        linear-gradient(90deg, transparent 0, transparent 69px, ${color} 69px, ${color} 70px, transparent 70px),\r\n        linear-gradient(90deg, transparent 0, transparent 79px, ${color} 79px, ${color} 80px, transparent 80px),\r\n        linear-gradient(90deg, transparent 0, transparent 89px, ${color} 89px, ${color} 90px, transparent 90px)\r\n      `,\r\n    };\r\n    const rulerWidth = this.iframe ? this.iframe.getBoundingClientRect().width : 0;\r\n    const labels = Array(Math.ceil(rulerWidth / 100) + 1)\r\n      .fill(null)\r\n      .map((value, index) => {\r\n        const label: React.CSSProperties = {\r\n          position: 'absolute',\r\n          fontFamily: 'Arial',\r\n          fontSize: 10,\r\n          lineHeight: 1,\r\n          color,\r\n          bottom: -1,\r\n          left: index * 100 + 5,\r\n        };\r\n        return (\r\n          <span key={index} style={label}>\r\n            {index * 100}\r\n          </span>\r\n        );\r\n      });\r\n    return (\r\n      <div style={wrapper}>\r\n        <div style={highMarks} />\r\n        <div style={middleMarks} />\r\n        <div style={shortMarks} />\r\n        {labels}\r\n        <iframe title=\"BGRuler\" style={iframe} ref={this.iframeRef} />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private iframeRef = (ref: HTMLIFrameElement | null) => {\r\n    this.iframe = ref;\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["BGRuler.tsx"],"names":["BGRuler","iframe","componentDidMount","contentWindow","addEventListener","update","componentWillUnmount","removeEventListener","forceUpdate","iframeRef","ref","render","props","width","height","color","top","bottom","left","right","wrapper","position","overflow","border","visibility","marks","backgroundSize","backgroundRepeat","highMarks","backgroundImage","middleMarks","shortMarks","rulerWidth","getBoundingClientRect","labels","Array","Math","ceil","fill","map","value","index","label","fontFamily","fontSize","lineHeight","React","Component","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\n\n/**\n * Компонент рисует пиксельную линейку на заднем фоне.\n * Помогает контролировать размеры элементов при скриншотном тестировании.\n *\n * @see FxInput/__stories__/FxInput.stories.tsx\n */\nexport class BGRuler extends React.Component<{\n  width?: string | number;\n  height?: string | number;\n  top?: string | number;\n  bottom?: string | number;\n  right?: string | number;\n  left?: string | number;\n  color?: string;\n}> {\n  public static defaultProps = {\n    height: 20,\n    top: 0,\n    left: 0,\n    right: 0,\n    color: '#333',\n  };\n\n  private iframe: HTMLIFrameElement | null = null;\n\n  public componentDidMount = () => {\n    if (this.iframe && this.iframe.contentWindow) {\n      this.iframe.contentWindow.addEventListener('resize', this.update, true);\n    }\n    this.update();\n  };\n\n  public componentWillUnmount = () => {\n    if (this.iframe && this.iframe.contentWindow) {\n      this.iframe.contentWindow.removeEventListener('resize', this.update, true);\n    }\n  };\n\n  public update = () => {\n    this.forceUpdate();\n  };\n\n  public render() {\n    const { width, height, color, top, bottom, left, right } = this.props;\n    const wrapper: React.CSSProperties = {\n      position: 'absolute',\n      width,\n      height,\n      top,\n      bottom,\n      left,\n      right,\n      overflow: 'hidden',\n    };\n    const iframe: React.CSSProperties = {\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      border: 0,\n      visibility: 'hidden',\n    };\n    const marks: React.CSSProperties = {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      width: '100%',\n      backgroundSize: '100px 20px',\n      backgroundRepeat: 'repeat-x',\n    };\n    const highMarks: React.CSSProperties = {\n      ...marks,\n      height: '100%',\n      backgroundImage: `linear-gradient(90deg, ${color} 0, ${color} 1px, transparent 1px)`,\n    };\n    const middleMarks: React.CSSProperties = {\n      ...marks,\n      height: '75%',\n      backgroundImage: `linear-gradient(90deg, transparent 0, transparent 49px, ${color} 49px, ${color} 50px, transparent 50px)`,\n    };\n    const shortMarks: React.CSSProperties = {\n      ...marks,\n      height: '40%',\n      backgroundImage: `\n        linear-gradient(90deg, transparent 0, transparent 9px, ${color} 9px, ${color} 10px, transparent 10px),\n        linear-gradient(90deg, transparent 0, transparent 19px, ${color} 19px, ${color} 20px, transparent 20px),\n        linear-gradient(90deg, transparent 0, transparent 29px, ${color} 29px, ${color} 30px, transparent 30px),\n        linear-gradient(90deg, transparent 0, transparent 39px, ${color} 39px, ${color} 40px, transparent 40px),\n        linear-gradient(90deg, transparent 0, transparent 59px, ${color} 59px, ${color} 60px, transparent 60px),\n        linear-gradient(90deg, transparent 0, transparent 69px, ${color} 69px, ${color} 70px, transparent 70px),\n        linear-gradient(90deg, transparent 0, transparent 79px, ${color} 79px, ${color} 80px, transparent 80px),\n        linear-gradient(90deg, transparent 0, transparent 89px, ${color} 89px, ${color} 90px, transparent 90px)\n      `,\n    };\n    const rulerWidth = this.iframe ? this.iframe.getBoundingClientRect().width : 0;\n    const labels = Array(Math.ceil(rulerWidth / 100) + 1)\n      .fill(null)\n      .map((value, index) => {\n        const label: React.CSSProperties = {\n          position: 'absolute',\n          fontFamily: 'Arial',\n          fontSize: 10,\n          lineHeight: 1,\n          color,\n          bottom: -1,\n          left: index * 100 + 5,\n        };\n        return (\n          <span key={index} style={label}>\n            {index * 100}\n          </span>\n        );\n      });\n    return (\n      <div style={wrapper}>\n        <div style={highMarks} />\n        <div style={middleMarks} />\n        <div style={shortMarks} />\n        {labels}\n        <iframe title=\"BGRuler\" style={iframe} ref={this.iframeRef} />\n      </div>\n    );\n  }\n\n  private iframeRef = (ref: HTMLIFrameElement | null) => {\n    this.iframe = ref;\n  };\n}\n"]}

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

@@ -2,6 +2,10 @@ import React from 'react';
 import { Nullable } from '../../typings/utility-types';
 import { MonthViewModel } from './MonthViewModel';
 import { CalendarDateShape } from './CalendarDateShape';
+export interface CalendarMonthChangeInfo {
+    month: number;
+    year: number;
+}
 export interface CalendarProps {
     initialMonth?: number;
     initialYear?: number;
@@ -12,6 +16,8 @@ export interface CalendarProps {
     isHoliday?: (day: CalendarDateShape & {
         isWeekend: boolean;
     }) => boolean;
+    renderDay?: (date: CalendarDateShape) => React.ReactNode;
+    onMonthChange?: (changeInfo: CalendarMonthChangeInfo) => void;
 }
 export interface CalendarState {
     scrollPosition: number;
@@ -19,6 +25,7 @@ export interface CalendarState {
     today: CalendarDateShape;
     scrollDirection: number;
     scrollTarget: number;
+    touchStart: number;
 }
 export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
     static __KONTUR_REACT_UI__: string;
@@ -39,8 +46,10 @@ export declare class Calendar extends React.Component<CalendarProps, CalendarSta
     private wheelEndTimeout;
     private root;
     private animation;
+    private touchStartY;
     constructor(props: CalendarProps);
     componentWillUnmount(): void;
+    componentDidUpdate(prevProps: Readonly<CalendarProps>, prevState: Readonly<CalendarState>): void;
     render(): JSX.Element;
     /**
      * Scrolls calendar to given date
@@ -50,11 +59,18 @@ export declare class Calendar extends React.Component<CalendarProps, CalendarSta
     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;
+    private getMonthPositions;
+    private getVisibleMonths;
+    private monthsChangeHandle;
+    private getViewModel;
 }

package/cjs/internal/Calendar/Calendar.js

@@ -1,11 +1,13 @@
 "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"));
@@ -26,6 +28,14 @@ var _CalendarDateShape = require("./CalendarDateShape");
 
 
 
+
+
+
+
+
+
+
+
 
 
 
@@ -40,9 +50,7 @@ var getTodayDate = function getTodayDate() {
     month: date.getMonth(),
     year: date.getFullYear() };
 
-};
-
-var wrapperStyle = { height: _config.config.WRAPPER_HEIGHT };var
+};var
 
 Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Calendar, _React$Component);
 
@@ -64,10 +72,25 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
 
 
 
+
 
 
   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.
+    _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.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -131,7 +154,7 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
 
 
 
-                maxMonthsToAdd = _config.config.MAX_MONTHS_TO_APPEND_ON_SCROLL;
+                maxMonthsToAdd = (0, _config.themeConfig)(_this.theme).MAX_MONTHS_TO_APPEND_ON_SCROLL;
 
                 onEnd = function onEnd() {return (
                     _this.setState({
@@ -167,11 +190,11 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
                     }
                     return {
                       months: monthsToPrepend.concat(state.months),
-                      scrollPosition: -CalendarUtils.getMonthsHeight(monthsToPrepend) };
+                      scrollPosition: -CalendarUtils.getMonthsHeight(monthsToPrepend, _this.theme) };
 
                   },
                   function () {
-                    var targetPosition = _this.state.months[0].height;
+                    var targetPosition = _this.state.months[0].getHeight(_this.theme);
                     _this.scrollTo(targetPosition, onEnd);
                   });
 
@@ -198,7 +221,7 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
                     return { months: state.months.concat(monthsToAppend) };
                   },
                   function () {
-                    var targetPosition = -1 * CalendarUtils.getMonthsHeight(_this.state.months.slice(1, -2));
+                    var targetPosition = -1 * CalendarUtils.getMonthsHeight(_this.state.months.slice(1, -2), _this.theme);
                     _this.scrollTo(targetPosition, onEnd);
                   });
 
@@ -206,14 +229,13 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
 
 
     renderMain = function () {
-      var positions = _this.getMonthPositions();
+      var monthsForRender = _this.getVisibleMonths(_this.state);
+      var wrapperStyle = { height: (0, _config.themeConfig)(_this.theme).WRAPPER_HEIGHT };
+
       return /*#__PURE__*/(
-        _react.default.createElement("div", { ref: _this.refRoot, className: _Calendar.jsStyles.root(_this.theme) }, /*#__PURE__*/
-        _react.default.createElement("div", { style: wrapperStyle, className: _Calendar.jsStyles.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);}).
-        map(_this.renderMonth, (0, _assertThisInitialized2.default)(_this)))));
+        _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() },
+        monthsForRender.map(_this.renderMonth, (0, _assertThisInitialized2.default)(_this)))));
 
 
 
@@ -221,10 +243,20 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
 
     refRoot = function (element) {
       if (!_this.root && element) {
-        element.addEventListener('wheel', _this.handleWheel, { passive: false });
+        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) {
-        _this.root.removeEventListener('wheel', _this.handleWheel);
+        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.
@@ -247,19 +279,53 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
 
 
 
+    handleMonthYearChange = function (month, year) {
+      _this.scrollToMonth(month, year);
+    };_this.
+
+    executeAnimations = function (pixelY) {
+      _this.setState(function (_ref2) {var months = _ref2.months,scrollPosition = _ref2.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;
 
-    handleMonthYearChange = function (month, year) {
-      _this.scrollToMonth(month, year);
+      _this.executeAnimations(deltaY);
     };_this.
 
+    throttledHandleTouchMove = (0, _lodash.default)(_this.handleTouchMove, 10);_this.
+
     handleWheel = function (event) {
       if (!(event instanceof WheelEvent)) {
         return;
@@ -267,17 +333,7 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
       event.preventDefault();var _normalizeWheel =
       (0, _normalizeWheel2.default)(event),pixelY = _normalizeWheel.pixelY;
 
-      _this.setState(function (_ref3) {var months = _ref3.months,scrollPosition = _ref3.scrollPosition,scrollTarget = _ref3.scrollTarget;
-        var targetPosition = CalendarUtils.calculateScrollPosition(months, scrollPosition, pixelY).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)));});
-
-
-      CalendarScrollEvents.emit();
+      _this.executeAnimations(pixelY);
     };_this.
 
     handleWheelEnd = function () {
@@ -286,11 +342,10 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
       }
       _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 = _config.config.MONTH_TITLE_OFFSET_HEIGHT + _config.config.DAY_HEIGHT;
+      var trasholdHeight = (0, _config.themeConfig)(_this.theme).MONTH_TITLE_OFFSET_HEIGHT + (0, _config.themeConfig)(_this.theme).DAY_HEIGHT;
 
       if (scrollTarget < trasholdHeight) {
         var targetPosition = 0;
@@ -302,7 +357,7 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
           var amount = scrollTarget - targetPosition;
           _this.animation.animate(amount, function (deltaY) {return (
               // FIXME: Typescript not resolving setState cb type
-              _this.setState(CalendarUtils.applyDelta(deltaY)));});
+              _this.setState(CalendarUtils.applyDelta(deltaY, _this.theme)));});
 
         });
       }
@@ -317,12 +372,47 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
       return _this.animation.animate(
       scrollAmmount,
       function (deltaY) {return (
-          _this.setState(function (_ref4) {var scrollPosition = _ref4.scrollPosition;return {
+          _this.setState(function (_ref3) {var scrollPosition = _ref3.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 };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].height];for (var i = 1; i < months.length; i++) {var position = positions[i - 1] + months[i - 1].height;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 } };
+    };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    getViewModel = function (item) {return item[1];};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.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {if (this.props.onMonthChange) {var visibleMonthsModels = this.getVisibleMonths(this.state).map(this.getViewModel);var prevFirstVisibleMonthModels = this.getVisibleMonths(prevState).map(this.getViewModel);var currentMonth = visibleMonthsModels[0].month;var prevCurrentMonth = prevFirstVisibleMonthModels[0].month;if (currentMonth !== prevCurrentMonth) {this.monthsChangeHandle(this.props.onMonthChange, visibleMonthsModels);}}};_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(_ref4) {var top = _ref4[0],month = _ref4[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, renderDay: this.props.renderDay });};_proto.getMonthPositions = function getMonthPositions(months, scrollPosition) {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;};_proto.getVisibleMonths = function getVisibleMonths(state) {var _this3 = this;var months = state.months,scrollPosition = state.scrollPosition;var positions = this.getMonthPositions(months, scrollPosition);return months.map(function (x, i) {return [positions[i], x];}).filter(function (_ref5) {var top = _ref5[0],month = _ref5[1];return CalendarUtils.isMonthVisible(top, month, _this3.theme);});};_proto.monthsChangeHandle = function monthsChangeHandle(handler, visibleMonths) {var currentMonth = visibleMonths[0];var changeInfo = { month: currentMonth.month, year: currentMonth.year };handler(changeInfo);};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 } };

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

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

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

@@ -1,4 +1,5 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
     wrapper(): string;
 };

package/cjs/internal/Calendar/Calendar.styles.js

@@ -1,24 +1,23 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: 14px;\n      overflow: hidden;\n      position: relative;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: content-box;\n      color: ", ";\n      display: block;\n      padding: 0 15px;\n      width: 210px;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"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 = {
+var styles = (0, _Emotion.memoizeStyle)({
   root: function root(t) {
-    return (0, _Emotion.css)(_templateObject(),
+    var width = parseInt(t.calendarCellWidth) * 7;
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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.textColorDefault,
 
+    t.calendarPaddingX,
+    width);
 
 
 
   },
 
   wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject2());
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: 14px;\n      position: relative;\n    "])));
 
 
 
-
-  } };
-
-
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Calendar.styles.ts"],"names":["styles","root","t","css","textColorDefault","wrapper","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;;AAEWD,IAAAA,CAAC,CAACE,gBAFb;;;;;AAOD,GATY;;AAWbC,EAAAA,OAXa,qBAWH;AACR,eAAOF,YAAP;;;;;AAKD,GAjBY,EAAf;;;AAoBO,IAAMG,QAAQ,GAAG,2BAAaN,MAAb,CAAjB,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      box-sizing: content-box;\r\n      color: ${t.textColorDefault};\r\n      display: block;\r\n      padding: 0 15px;\r\n      width: 210px;\r\n    `;\r\n  },\r\n\r\n  wrapper() {\r\n    return css`\r\n      font-size: 14px;\r\n      overflow: hidden;\r\n      position: relative;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Calendar.styles.ts"],"names":["styles","root","t","width","parseInt","calendarCellWidth","css","textColorDefault","calendarPaddingX","wrapper"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,QAAMC,KAAK,GAAGC,QAAQ,CAACF,CAAC,CAACG,iBAAH,CAAR,GAAgC,CAA9C;AACA,eAAOC,YAAP;;AAEWJ,IAAAA,CAAC,CAACK,gBAFb;;AAIeL,IAAAA,CAAC,CAACM,gBAJjB;AAKWL,IAAAA,KALX;;;;AASD,GAZgC;;AAcjCM,EAAAA,OAdiC,qBAcvB;AACR,eAAOH,YAAP;;;;AAID,GAnBgC,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    const width = parseInt(t.calendarCellWidth) * 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/cjs/internal/Calendar/CalendarDateShape.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CalendarDateShape.ts"],"names":["isEqual","a","b","year","month","date","comparator","create","isLess","left","right","isLessOrEqual","isGreater","isGreaterOrEqual","isBetween"],"mappings":";;;;;;;;AAQO,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,C;;AAGA,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,C;;AAiBA,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,C;;AAEA,IAAMK,MAAM,GAAG,SAATA,MAAS,CAACC,IAAD,EAA0BC,KAA1B,UAAuDJ,UAAU,CAACG,IAAD,EAAOC,KAAP,CAAV,KAA4B,CAAC,CAApF,EAAf,C;;AAEA,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,C;;AAGA,IAAME,SAAS,GAAG,SAAZA,SAAY,CAACH,IAAD,EAA0BC,KAA1B,UAAuD,CAACC,aAAa,CAACF,IAAD,EAAOC,KAAP,CAArE,EAAlB,C;;AAEA,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACJ,IAAD,EAA0BC,KAA1B,UAAuD,CAACF,MAAM,CAACC,IAAD,EAAOC,KAAP,CAA9D,EAAzB,C;;AAEA,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,C","sourcesContent":["import { Nullable } from '../../typings/utility-types';\r\n\r\nexport interface CalendarDateShape {\r\n  year: number;\r\n  month: number;\r\n  date: number;\r\n}\r\n\r\nexport const isEqual = (a: Nullable<CalendarDateShape>, b: Nullable<CalendarDateShape>) =>\r\n  (!a && !b) || (a && b && a.year === b.year && a.month === b.month && a.date === b.date);\r\n\r\nexport const comparator = (a: CalendarDateShape, b: CalendarDateShape) => {\r\n  if (a.year < b.year) {\r\n    return -1;\r\n  } else if (a.year > b.year) {\r\n    return 1;\r\n  } else if (a.month < b.month) {\r\n    return -1;\r\n  } else if (a.month > b.month) {\r\n    return 1;\r\n  } else if (a.date < b.date) {\r\n    return -1;\r\n  } else if (a.date > b.date) {\r\n    return 1;\r\n  }\r\n  return 0;\r\n};\r\n\r\nexport const create = (date: number, month: number, year: number): CalendarDateShape => ({ date, month, year });\r\n\r\nexport const isLess = (left: CalendarDateShape, right: CalendarDateShape) => comparator(left, right) === -1;\r\n\r\nexport const isLessOrEqual = (left: CalendarDateShape, right: CalendarDateShape) =>\r\n  isLess(left, right) || isEqual(left, right);\r\n\r\nexport const isGreater = (left: CalendarDateShape, right: CalendarDateShape) => !isLessOrEqual(left, right);\r\n\r\nexport const isGreaterOrEqual = (left: CalendarDateShape, right: CalendarDateShape) => !isLess(left, right);\r\n\r\nexport const isBetween = (\r\n  date: CalendarDateShape,\r\n  left?: Nullable<CalendarDateShape>,\r\n  right?: Nullable<CalendarDateShape>,\r\n) => {\r\n  if (left && isLess(date, left)) {\r\n    return false;\r\n  }\r\n  if (right && isGreater(date, right)) {\r\n    return false;\r\n  }\r\n  return true;\r\n};\r\n"]}
+{"version":3,"sources":["CalendarDateShape.ts"],"names":["isEqual","a","b","year","month","date","comparator","create","isLess","left","right","isLessOrEqual","isGreater","isGreaterOrEqual","isBetween"],"mappings":";;;;;;;;AAQO,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,C;;AAGA,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,C;;AAiBA,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,C;;AAEA,IAAMK,MAAM,GAAG,SAATA,MAAS,CAACC,IAAD,EAA0BC,KAA1B,UAAuDJ,UAAU,CAACG,IAAD,EAAOC,KAAP,CAAV,KAA4B,CAAC,CAApF,EAAf,C;;AAEA,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,C;;AAGA,IAAME,SAAS,GAAG,SAAZA,SAAY,CAACH,IAAD,EAA0BC,KAA1B,UAAuD,CAACC,aAAa,CAACF,IAAD,EAAOC,KAAP,CAArE,EAAlB,C;;AAEA,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACJ,IAAD,EAA0BC,KAA1B,UAAuD,CAACF,MAAM,CAACC,IAAD,EAAOC,KAAP,CAA9D,EAAzB,C;;AAEA,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,C","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/cjs/internal/Calendar/CalendarScrollEvents.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CalendarScrollEvents.ts"],"names":["emitterCache","getEmitter","EventEmitter","addListener","callback","emitter","remove","removeListener","emit"],"mappings":"kLAAA;;AAEA,IAAIA,YAAJ;AACA,SAASC,UAAT,GAAsB;AACpB,MAAI,CAACD,YAAL,EAAmB;AACjBA,IAAAA,YAAY,GAAG,IAAIE,qBAAJ,EAAf;AACD;AACD,SAAOF,YAAP;AACD;;AAEM,SAASG,WAAT,CAAqBC,QAArB,EAA2C;AAChD,MAAMC,OAAO,GAAGJ,UAAU,EAA1B;AACAI,EAAAA,OAAO,CAACF,WAAR,CAAoB,gBAApB,EAAsCC,QAAtC;AACA,SAAO;AACLE,IAAAA,MADK,oBACI;AACPD,MAAAA,OAAO,CAACE,cAAR,CAAuB,gBAAvB,EAAyCH,QAAzC;AACD,KAHI,EAAP;;AAKD;;AAEM,SAASI,IAAT,GAAgB;AACrBP,EAAAA,UAAU,GAAGO,IAAb,CAAkB,gBAAlB;AACD","sourcesContent":["import EventEmitter from 'eventemitter3';\r\n\r\nlet emitterCache: EventEmitter;\r\nfunction getEmitter() {\r\n  if (!emitterCache) {\r\n    emitterCache = new EventEmitter();\r\n  }\r\n  return emitterCache;\r\n}\r\n\r\nexport function addListener(callback: () => void) {\r\n  const emitter = getEmitter();\r\n  emitter.addListener('CalendarScroll', callback);\r\n  return {\r\n    remove() {\r\n      emitter.removeListener('CalendarScroll', callback);\r\n    },\r\n  };\r\n}\r\n\r\nexport function emit() {\r\n  getEmitter().emit('CalendarScroll');\r\n}\r\n"]}
+{"version":3,"sources":["CalendarScrollEvents.ts"],"names":["emitterCache","getEmitter","EventEmitter","addListener","callback","emitter","remove","removeListener","emit"],"mappings":"kLAAA;;AAEA,IAAIA,YAAJ;AACA,SAASC,UAAT,GAAsB;AACpB,MAAI,CAACD,YAAL,EAAmB;AACjBA,IAAAA,YAAY,GAAG,IAAIE,qBAAJ,EAAf;AACD;AACD,SAAOF,YAAP;AACD;;AAEM,SAASG,WAAT,CAAqBC,QAArB,EAA2C;AAChD,MAAMC,OAAO,GAAGJ,UAAU,EAA1B;AACAI,EAAAA,OAAO,CAACF,WAAR,CAAoB,gBAApB,EAAsCC,QAAtC;AACA,SAAO;AACLE,IAAAA,MADK,oBACI;AACPD,MAAAA,OAAO,CAACE,cAAR,CAAuB,gBAAvB,EAAyCH,QAAzC;AACD,KAHI,EAAP;;AAKD;;AAEM,SAASI,IAAT,GAAgB;AACrBP,EAAAA,UAAU,GAAGO,IAAb,CAAkB,gBAAlB;AACD","sourcesContent":["import EventEmitter from 'eventemitter3';\n\nlet emitterCache: EventEmitter;\nfunction getEmitter() {\n  if (!emitterCache) {\n    emitterCache = new EventEmitter();\n  }\n  return emitterCache;\n}\n\nexport function addListener(callback: () => void) {\n  const emitter = getEmitter();\n  emitter.addListener('CalendarScroll', callback);\n  return {\n    remove() {\n      emitter.removeListener('CalendarScroll', callback);\n    },\n  };\n}\n\nexport function emit() {\n  getEmitter().emit('CalendarScroll');\n}\n"]}

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

@@ -1,11 +1,12 @@
+import { Theme } from '../../lib/theming/Theme';
 import { MonthViewModel } from './MonthViewModel';
 import { CalendarProps, CalendarState } from './Calendar';
-export declare const calculateScrollPosition: (months: MonthViewModel[], scrollPosition: number, deltaY: number) => {
+export declare const calculateScrollPosition: (months: MonthViewModel[], scrollPosition: number, deltaY: number, theme: Theme) => {
     scrollPosition: number;
     months: MonthViewModel[];
     scrollDirection: number;
 };
-export declare const applyDelta: (deltaY: number) => ({ scrollPosition, months }: Readonly<CalendarState>, { minDate, maxDate }: CalendarProps) => {
+export declare const applyDelta: (deltaY: number, theme: Theme) => ({ scrollPosition, months }: Readonly<CalendarState>, { minDate, maxDate }: CalendarProps) => {
     scrollPosition: number;
     months: MonthViewModel[];
     scrollDirection: number;
@@ -13,6 +14,6 @@ export declare const applyDelta: (deltaY: number) => ({ scrollPosition, months }
     scrollPosition: number;
     scrollDirection: number;
 };
-export declare const isMonthVisible: (top: number, month: MonthViewModel) => boolean;
-export declare const getMonthsHeight: (months: MonthViewModel[]) => number;
+export declare const isMonthVisible: (top: number, month: MonthViewModel, theme: Theme) => boolean;
+export declare const getMonthsHeight: (months: MonthViewModel[], theme: Theme) => number;
 export declare const getMonths: (month: number, year: number) => MonthViewModel[];