@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-e2bc4.0

package/components/Button/LoadingButtonIcon.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from 'react';
-import type { IconSizeAliases } from '../../internal/icons2022/iconConstants';
+import type { IconSizeAliases } from '../../internal/icons2022/iconConstants.js';
 interface LoadingButtonIconProps {
     size: IconSizeAliases;
     isCentered?: boolean;

package/components/Button/LoadingButtonIcon.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { useStyles } from '../../lib/renderEnvironment/index.js';
+import { LoadingIcon } from '../../internal/icons2022/LoadingIcon.js';
+import { ButtonDataTids } from './Button.js';
+import { getStyles } from './Button.styles.js';
+export var LoadingButtonIcon = function (_a) {
+    var size = _a.size, _b = _a.isCentered, isCentered = _b === void 0 ? true : _b;
+    var styles = useStyles(getStyles);
+    return (React.createElement("div", { "data-tid": ButtonDataTids.spinner, className: isCentered ? styles.loading() : undefined }, React.createElement(LoadingIcon, { size: size })));
+};
+//# sourceMappingURL=LoadingButtonIcon.js.map

package/components/Button/LoadingButtonIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingButtonIcon.js","sourceRoot":"","sources":["../../../components/Button/LoadingButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAO/C,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAAmD;QAAjD,IAAI,UAAA,EAAE,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA;IACzD,IAAM,MAAM,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,OAAO,CACL,yCAAe,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,IACxF,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CACxB,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { type JSX } from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment/index.js';\nimport type { IconSizeAliases } from '../../internal/icons2022/iconConstants.js';\nimport { LoadingIcon } from '../../internal/icons2022/LoadingIcon.js';\n\nimport { ButtonDataTids } from './Button.js';\nimport { getStyles } from './Button.styles.js';\n\ninterface LoadingButtonIconProps {\n  size: IconSizeAliases;\n  isCentered?: boolean;\n}\n\nexport const LoadingButtonIcon = ({ size, isCentered = true }: LoadingButtonIconProps): JSX.Element => {\n  const styles = useStyles(getStyles);\n  return (\n    <div data-tid={ButtonDataTids.spinner} className={isCentered ? styles.loading() : undefined}>\n      {<LoadingIcon size={size} />}\n    </div>\n  );\n};\n"]}

package/components/Button/getInnerLinkTheme.d.ts

@@ -1,2 +1,2 @@
-import type { Theme } from '../../lib/theming/Theme';
+import type { Theme } from '../../lib/theming/Theme.js';
 export declare const getInnerLinkTheme: (theme: Theme) => Theme;

package/components/Button/getInnerLinkTheme.js

@@ -0,0 +1,18 @@
+import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';
+export var getInnerLinkTheme = function (theme) {
+    return ThemeFactory.create({
+        linkTextDecorationStyle: theme.btnLinkTextDecorationStyle,
+        linkTextUnderlineOffset: theme.btnLinkTextUnderlineOffset,
+        linkHoverTextDecorationStyle: theme.btnLinkHoverTextDecorationStyle,
+        linkTextUnderlineOpacity: theme.btnLinkTextUnderlineOpacity,
+        linkTextDecorationColor: theme.btnLinkTextDecorationColor,
+        linkTextDecorationThickness: theme.btnLinkTextDecorationThickness,
+        linkDisabledColor: theme.btnLinkDisabledColor,
+        linkColor: theme.btnLinkColor,
+        linkHoverColor: theme.btnLinkHoverColor,
+        linkActiveColor: theme.btnLinkActiveColor,
+        linkHoverTextDecoration: theme.btnLinkHoverTextDecoration,
+        linkIconMarginRight: theme.btnLinkIconMarginRight,
+    }, theme);
+};
+//# sourceMappingURL=getInnerLinkTheme.js.map

package/components/Button/getInnerLinkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInnerLinkTheme.js","sourceRoot":"","sources":["../../../components/Button/getInnerLinkTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAGjE,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,KAAY;IAC5C,OAAO,YAAY,CAAC,MAAM,CACxB;QACE,uBAAuB,EAAE,KAAK,CAAC,0BAA0B;QACzD,uBAAuB,EAAE,KAAK,CAAC,0BAA0B;QACzD,4BAA4B,EAAE,KAAK,CAAC,+BAA+B;QACnE,wBAAwB,EAAE,KAAK,CAAC,2BAA2B;QAC3D,uBAAuB,EAAE,KAAK,CAAC,0BAA0B;QACzD,2BAA2B,EAAE,KAAK,CAAC,8BAA8B;QACjE,iBAAiB,EAAE,KAAK,CAAC,oBAAoB;QAC7C,SAAS,EAAE,KAAK,CAAC,YAAY;QAC7B,cAAc,EAAE,KAAK,CAAC,iBAAiB;QACvC,eAAe,EAAE,KAAK,CAAC,kBAAkB;QACzC,uBAAuB,EAAE,KAAK,CAAC,0BAA0B;QACzD,mBAAmB,EAAE,KAAK,CAAC,sBAAsB;KAClD,EACD,KAAK,CACN,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getInnerLinkTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      linkTextDecorationStyle: theme.btnLinkTextDecorationStyle,\n      linkTextUnderlineOffset: theme.btnLinkTextUnderlineOffset,\n      linkHoverTextDecorationStyle: theme.btnLinkHoverTextDecorationStyle,\n      linkTextUnderlineOpacity: theme.btnLinkTextUnderlineOpacity,\n      linkTextDecorationColor: theme.btnLinkTextDecorationColor,\n      linkTextDecorationThickness: theme.btnLinkTextDecorationThickness,\n      linkDisabledColor: theme.btnLinkDisabledColor,\n      linkColor: theme.btnLinkColor,\n      linkHoverColor: theme.btnLinkHoverColor,\n      linkActiveColor: theme.btnLinkActiveColor,\n      linkHoverTextDecoration: theme.btnLinkHoverTextDecoration,\n      linkIconMarginRight: theme.btnLinkIconMarginRight,\n    },\n    theme,\n  );\n};\n"]}

package/components/Button/index.d.ts

@@ -1 +1 @@
-export * from './Button';
+export * from './Button.js';

package/components/Button/index.js

@@ -0,0 +1,2 @@
+export * from './Button.js';
+//# sourceMappingURL=index.js.map

package/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './Button.js';\n"]}

package/components/Calendar/Calendar.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import type { TGetRootNode } from '../../lib/rootNode';
-import type { CommonProps } from '../../internal/CommonWrapper';
-import type { Nullable, Range } from '../../typings/utility-types';
-import { MonthViewModel } from './MonthViewModel';
-import type { CalendarDayProps } from './CalendarDay';
+import type { TGetRootNode } from '../../lib/rootNode/index.js';
+import type { CommonProps } from '../../internal/CommonWrapper/index.js';
+import type { Nullable, Range } from '../../typings/utility-types.js';
+import { MonthViewModel } from './MonthViewModel.js';
+import type { CalendarDayProps } from './CalendarDay.js';
 export interface CalendarProps extends CommonProps {
     /** Задает функцию, которая вызывается при изменении value.
      * @param {string} date - строка в формате `dd.mm.yyyy`. */
@@ -63,7 +63,7 @@ type DefaultProps = Required<Pick<CalendarProps, 'minDate' | 'maxDate' | 'isHoli
 export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
-    static Day: React.MemoExoticComponent<import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLButtonElement, React.PropsWithChildren<CalendarDayProps>> & Record<never, never>>;
+    static Day: React.MemoExoticComponent<import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<HTMLButtonElement, React.PropsWithChildren<CalendarDayProps>> & Record<never, never>>;
     private static formatDate;
     static defaultProps: DefaultProps;
     private getProps;

package/components/Calendar/Calendar.js

@@ -0,0 +1,450 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React from 'react';
+import normalizeWheel from 'normalize-wheel';
+import throttle from 'lodash.throttle';
+import shallowEqual from 'shallowequal';
+import { isInstanceOf } from '../../lib/isInstanceOf.js';
+import { InternalDate } from '../../lib/date/InternalDate.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from '../../lib/date/constants.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { animation } from '../../lib/animation/index.js';
+import { isMobile } from '../../lib/client.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { InternalDateTransformer } from '../../lib/date/InternalDateTransformer.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { themeConfig } from './config.js';
+import { MonthViewModel } from './MonthViewModel.js';
+import * as CalendarScrollEvents from './CalendarScrollEvents.js';
+import { Month } from './Month.js';
+import { getStyles } from './Calendar.styles.js';
+import { create, isGreater, isLess } from './CalendarDateShape.js';
+import * as CalendarUtils from './CalendarUtils.js';
+import { CalendarContext } from './CalendarContext.js';
+import { CalendarDay } from './CalendarDay.js';
+export var CalendarDataTids = {
+    root: 'Calendar__root',
+    month: 'MonthView__month',
+    dayCell: 'DayCellView__root',
+    headerMonth: 'MonthView__headerMonth',
+    headerYear: 'MonthView__headerYear',
+};
+/**
+ * Компонент календаря `Calendar` из DatePicker'а помогает выбирать дату с помощью мыши.
+ */
+var Calendar = /** @class */ (function (_super) {
+    __extends(Calendar, _super);
+    function Calendar(props) {
+        var _a;
+        var _this = _super.call(this, props) || this;
+        _this.getProps = createPropsGetter(Calendar_1.defaultProps);
+        _this.touchStartY = null;
+        /**
+         * Прокручивает календарь до переданной даты
+         * @public
+         */
+        _this.scrollToMonth = function (month, year) { return __awaiter(_this, void 0, void 0, function () {
+            var monthNative, minDate, maxDate, minMonth, maxMonth, currentMonth, diffInMonths, maxMonthsToAdd, onEnd, isYearChanges, monthsToPrependCount, monthsToPrepend_1, monthsToAppendCount_1, monthsToAppend_1;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        monthNative = CalendarUtils.getMonthInNativeFormat(month);
+                        if (!this.animation.inProgress()) return [3 /*break*/, 2];
+                        this.animation.finish();
+                        // FIXME: Dirty hack to await batched updates
+                        return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 0); })];
+                    case 1:
+                        // FIXME: Dirty hack to await batched updates
+                        _a.sent();
+                        _a.label = 2;
+                    case 2:
+                        minDate = this.getDateInNativeFormat(this.getProps().minDate);
+                        maxDate = this.getDateInNativeFormat(this.getProps().maxDate);
+                        if (minDate && isGreater(minDate, create(32, monthNative, year))) {
+                            minMonth = CalendarUtils.getMonthInHumanFormat(minDate.month);
+                            this.scrollToMonth(minMonth, minDate.year);
+                            return [2 /*return*/];
+                        }
+                        if (maxDate && isLess(maxDate, create(0, monthNative, year))) {
+                            maxMonth = CalendarUtils.getMonthInHumanFormat(maxDate.month);
+                            this.scrollToMonth(maxMonth, maxDate.year);
+                            return [2 /*return*/];
+                        }
+                        currentMonth = this.state.months[1];
+                        diffInMonths = currentMonth.month + currentMonth.year * 12 - monthNative - year * 12;
+                        if (diffInMonths === 0) {
+                            this.scrollTo(0);
+                            return [2 /*return*/];
+                        }
+                        maxMonthsToAdd = themeConfig(this.theme).MAX_MONTHS_TO_APPEND_ON_SCROLL;
+                        onEnd = function () {
+                            _this.setState({
+                                months: CalendarUtils.getMonths(monthNative, year),
+                                scrollPosition: 0,
+                            });
+                        };
+                        isYearChanges = function (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_1 = Array.from({ length: monthsToPrependCount }, function (_, index) {
+                                return MonthViewModel.create(monthNative + 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_1.length) {
+                                        // Mutating item here is safe as it was just created
+                                        monthsToPrepend_1[monthsToPrepend_1.length - 1].isLastInYear = true;
+                                    }
+                                }
+                                return {
+                                    months: monthsToPrepend_1.concat(state.months),
+                                    scrollPosition: -CalendarUtils.getMonthsHeight(monthsToPrepend_1, _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_1 = Math.min(Math.abs(diffInMonths), maxMonthsToAdd);
+                            monthsToAppend_1 = Array.from({ length: monthsToAppendCount_1 }, function (_, index) {
+                                return MonthViewModel.create(monthNative + index - monthsToAppendCount_1 + 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_1[0]) {
+                                        monthsToAppend_1[0].isFirstInYear = true;
+                                    }
+                                }
+                                return { months: state.months.concat(monthsToAppend_1) };
+                            }, function () {
+                                var targetPosition = -1 * CalendarUtils.getMonthsHeight(_this.state.months.slice(1, -2), _this.theme);
+                                _this.scrollTo(targetPosition, onEnd);
+                            });
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        _this.handleMonthChange = function (visibleMonths) {
+            var _a, _b;
+            var currentMonth = visibleMonths[0];
+            var changeInfo = {
+                month: CalendarUtils.getMonthInHumanFormat(currentMonth.month),
+                year: currentMonth.year,
+            };
+            (_b = (_a = _this.props).onMonthChange) === null || _b === void 0 ? void 0 : _b.call(_a, changeInfo);
+        };
+        _this.getViewModel = function (item) { return item[1]; };
+        _this.renderMain = function () {
+            var monthsForRender = _this.getVisibleMonths(_this.state);
+            var wrapperStyle = { height: themeConfig(_this.theme).WRAPPER_HEIGHT };
+            var props = _this.getProps();
+            var context = {
+                value: _this.getDateInNativeFormat(props.value),
+                minDate: _this.getDateInNativeFormat(props.minDate),
+                maxDate: _this.getDateInNativeFormat(props.maxDate),
+                isHoliday: props.isHoliday,
+                renderDay: props.renderDay,
+                today: CalendarUtils.getTodayDate(),
+                onDateClick: _this.handleDateClick,
+            };
+            return (React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, props),
+                React.createElement("div", { ref: _this.refRoot, "data-tid": CalendarDataTids.root, className: _this.cx(_this.styles.root(_this.theme)) },
+                    React.createElement("div", { style: wrapperStyle, className: _this.styles.wrapper() },
+                        React.createElement(CalendarContext.Provider, { value: context }, monthsForRender.map(_this.renderMonth, _this))),
+                    React.createElement("div", { className: _this.styles.separator(_this.theme) }))));
+        };
+        _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.handleDateClick = function (dateShape) {
+            var _a, _b;
+            var value = InternalDateTransformer.dateToHumanString(dateShape);
+            (_b = (_a = _this.props).onValueChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
+        };
+        _this.handleMonthYearChange = function (monthNative, year) {
+            var month = CalendarUtils.getMonthInHumanFormat(monthNative);
+            _this.scrollToMonth(month, year);
+        };
+        _this.executeAnimations = function (pixelY) {
+            _this.setState(function (_a) {
+                var months = _a.months, scrollPosition = _a.scrollPosition;
+                var targetPosition = CalendarUtils.calculateScrollPosition(months, scrollPosition, pixelY, _this.theme).scrollPosition;
+                return { scrollTarget: targetPosition };
+            }, _this.handleWheelEnd);
+            _this.animation.animate(pixelY, function (deltaY) {
+                // FIXME: Typescript not resolving setState cb type
+                _this.setState(CalendarUtils.applyDelta(deltaY, _this.theme));
+            });
+            CalendarScrollEvents.emit();
+        };
+        _this.handleTouchStart = function (event) {
+            if (!isInstanceOf(event, _this.globalObject.TouchEvent)) {
+                return;
+            }
+            var clientY = event.targetTouches[0].clientY;
+            _this.touchStartY = clientY;
+        };
+        _this.handleTouchMove = function (event) {
+            if (!isInstanceOf(event, _this.globalObject.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 (!isInstanceOf(event, _this.globalObject.WheelEvent)) {
+                return;
+            }
+            event.preventDefault();
+            var pixelY = normalizeWheel(event).pixelY;
+            _this.executeAnimations(pixelY);
+        };
+        _this.handleWheelEnd = function () {
+            if (_this.wheelEndTimeout) {
+                clearTimeout(_this.wheelEndTimeout);
+            }
+            _this.wheelEndTimeout = setTimeout(_this.scrollToNearestWeek, 300);
+        };
+        _this.scrollToNearestWeek = function () {
+            var _a = _this.state, scrollTarget = _a.scrollTarget, scrollDirection = _a.scrollDirection;
+            var thresholdHeight = themeConfig(_this.theme).MONTH_TITLE_OFFSET_HEIGHT + themeConfig(_this.theme).DAY_HEIGHT;
+            if (scrollTarget < thresholdHeight) {
+                var targetPosition_1 = 0;
+                if (scrollDirection < 0) {
+                    targetPosition_1 = thresholdHeight;
+                }
+                _this.setState({ scrollTarget: targetPosition_1 }, function () {
+                    var amount = scrollTarget - targetPosition_1;
+                    _this.animation.animate(amount, function (deltaY) {
+                        // 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) {
+                _this.setState(function (_a) {
+                    var scrollPosition = _a.scrollPosition;
+                    return ({
+                        scrollPosition: scrollPosition + deltaY,
+                    });
+                });
+            }, onEnd);
+        };
+        var _b = _this.getProps(), minDate = _b.minDate, maxDate = _b.maxDate, value = _b.value;
+        var minDateShape = _this.getDateInNativeFormat(minDate);
+        var maxDateShape = _this.getDateInNativeFormat(maxDate);
+        var dateShape = _this.getDateInNativeFormat(value);
+        var today = CalendarUtils.getTodayDate();
+        var initialDate = CalendarUtils.getInitialDate({
+            today: today,
+            date: dateShape,
+            minDate: minDateShape,
+            maxDate: maxDateShape,
+        });
+        var initialMonth = _this.props.initialMonth
+            ? CalendarUtils.getMonthInNativeFormat(_this.props.initialMonth)
+            : initialDate.month;
+        var initialYear = (_a = _this.props.initialYear) !== null && _a !== void 0 ? _a : initialDate.year;
+        _this.state = {
+            scrollPosition: 0,
+            months: CalendarUtils.getMonths(initialMonth, initialYear),
+            scrollDirection: 1,
+            scrollTarget: 0,
+        };
+        return _this;
+    }
+    Calendar_1 = Calendar;
+    Calendar.formatDate = function (date, month, year) {
+        return new InternalDate().setComponents({ date: date, month: month, year: year }).toString({ withPad: true });
+    };
+    Calendar.prototype.componentDidUpdate = function (prevProps, prevState) {
+        var _a = this.props, value = _a.value, onMonthChange = _a.onMonthChange;
+        if (value && !shallowEqual(value, prevProps.value)) {
+            var date = new InternalDate().parseValue(value).getComponentsLikeNumber();
+            this.scrollToMonth(date.month, date.year);
+        }
+        if (onMonthChange) {
+            var visibleMonthsModels = this.getVisibleMonths(this.state).map(this.getViewModel);
+            var prevFirstVisibleMonthModels = this.getVisibleMonths(prevState).map(this.getViewModel);
+            if (visibleMonthsModels.length > 0 && prevFirstVisibleMonthModels.length > 0) {
+                var currentMonth = visibleMonthsModels[0].month;
+                var prevCurrentMonth = prevFirstVisibleMonthModels[0].month;
+                if (currentMonth !== prevCurrentMonth) {
+                    this.handleMonthChange(visibleMonthsModels);
+                }
+            }
+        }
+    };
+    Calendar.prototype.componentWillUnmount = function () {
+        if (this.animation.inProgress()) {
+            this.animation.cancel();
+        }
+    };
+    Calendar.prototype.render = function () {
+        var _this = this;
+        this.styles = getStyles(this.emotion);
+        this.animation = animation(this.globalObject);
+        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
+            _this.theme = theme;
+            return _this.renderMain();
+        }));
+    };
+    Calendar.prototype.renderMonth = function (_a) {
+        var top = _a[0], month = _a[1];
+        return (React.createElement(Month, { key: month.month + '-' + month.year, top: top, month: month, onMonthYearChange: this.handleMonthYearChange }));
+    };
+    Calendar.prototype.getDateInNativeFormat = function (date) {
+        return new InternalDate().parseValue(date).toNativeFormat();
+    };
+    Calendar.prototype.getMonthPositions = function (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;
+    };
+    Calendar.prototype.getVisibleMonths = function (state) {
+        var _this = 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 (_a) {
+            var top = _a[0], month = _a[1];
+            return CalendarUtils.isMonthVisible(top, month, _this.theme);
+        });
+    };
+    var Calendar_1;
+    Calendar.__KONTUR_REACT_UI__ = 'Calendar';
+    Calendar.displayName = 'Calendar';
+    Calendar.Day = CalendarDay;
+    Calendar.defaultProps = {
+        minDate: Calendar_1.formatDate(MIN_DATE, MIN_MONTH, MIN_YEAR),
+        maxDate: Calendar_1.formatDate(MAX_DATE, MAX_MONTH, MAX_YEAR),
+        isHoliday: function (_day, isWeekend) { return isWeekend; },
+    };
+    Calendar = Calendar_1 = __decorate([
+        withRenderEnvironment,
+        rootNode
+    ], Calendar);
+    return Calendar;
+}(React.Component));
+export { Calendar };
+//# sourceMappingURL=Calendar.js.map

package/components/Calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../components/Calendar/Calendar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAC7C,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,YAAY,MAAM,cAAc,CAAC;AAIxC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAG3G,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,oBAAoB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,KAAK,aAAa,MAAM,oBAAoB,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AA4D/C,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,kBAAkB;IACzB,OAAO,EAAE,mBAAmB;IAC5B,WAAW,EAAE,wBAAwB;IACrC,UAAU,EAAE,uBAAuB;CAC3B,CAAC;AAIX;;GAEG;AAGH;IAA8B,4BAA6C;IA8BzE,kBAAY,KAAoB;;QAC9B,YAAA,MAAK,YAAC,KAAK,CAAC,SAAC;QAfP,cAAQ,GAAG,iBAAiB,CAAC,UAAQ,CAAC,YAAY,CAAC,CAAC;QAUpD,iBAAW,GAAqB,IAAI,CAAC;QA4E7C;;;WAGG;QACI,mBAAa,GAAG,UAAO,KAAa,EAAE,IAAY;;;;;;wBACjD,WAAW,GAAG,aAAa,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;6BAE5D,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,EAA3B,wBAA2B;wBAC7B,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;wBACxB,6CAA6C;wBAC7C,qBAAM,IAAI,OAAO,CAAC,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EAAhB,CAAgB,CAAC,EAAA;;wBAD1C,6CAA6C;wBAC7C,SAA0C,CAAC;;;wBAGvC,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC;wBAC9D,OAAO,GAAG,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC;wBAEpE,IAAI,OAAO,IAAI,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC;4BAC3D,QAAQ,GAAG,aAAa,CAAC,qBAAqB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;4BACpE,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;4BAC3C,sBAAO;wBACT,CAAC;wBAED,IAAI,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC;4BACvD,QAAQ,GAAG,aAAa,CAAC,qBAAqB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;4BACpE,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;4BAC3C,sBAAO;wBACT,CAAC;wBAEK,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;wBACpC,YAAY,GAAG,YAAY,CAAC,KAAK,GAAG,YAAY,CAAC,IAAI,GAAG,EAAE,GAAG,WAAW,GAAG,IAAI,GAAG,EAAE,CAAC;wBAE3F,IAAI,YAAY,KAAK,CAAC,EAAE,CAAC;4BACvB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;4BACjB,sBAAO;wBACT,CAAC;wBAEK,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,8BAA8B,CAAC;wBAExE,KAAK,GAAG;4BACZ,KAAI,CAAC,QAAQ,CAAC;gCACZ,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,WAAW,EAAE,IAAI,CAAC;gCAClD,cAAc,EAAE,CAAC;6BAClB,CAAC,CAAC;wBACL,CAAC,CAAC;wBAEI,aAAa,GAAG,UAAC,KAAoB;4BACzC,OAAO,CACL,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI;gCAC7B,kCAAkC;gCAClC,oDAAoD;gCACpD,8CAA8C;gCAC9C,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAC3B,CAAC;wBACJ,CAAC,CAAC;wBAEF,8DAA8D;wBAC9D,gCAAgC;wBAChC,IAAI,YAAY,GAAG,CAAC,EAAE,CAAC;4BACf,oBAAoB,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC;4BAC5E,oBAAkB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,oBAAoB,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK;gCAC5E,OAAO,cAAc,CAAC,MAAM,CAAC,WAAW,GAAG,KAAK,EAAE,IAAI,CAAC,CAAC;4BAC1D,CAAC,CAAC,CAAC;4BACH,IAAI,CAAC,QAAQ,CACX,UAAC,KAAK;gCACJ,IAAM,WAAW,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;gCACzC,IAAI,WAAW,EAAE,CAAC;oCAChB,iDAAiD;oCACjD,+BAA+B;oCAC/B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,IAAI,CAAC;oCACrC,IAAI,iBAAe,CAAC,MAAM,EAAE,CAAC;wCAC3B,oDAAoD;wCACpD,iBAAe,CAAC,iBAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,YAAY,GAAG,IAAI,CAAC;oCAClE,CAAC;gCACH,CAAC;gCACD,OAAO;oCACL,MAAM,EAAE,iBAAe,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;oCAC5C,cAAc,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,iBAAe,EAAE,KAAI,CAAC,KAAK,CAAC;iCAC5E,CAAC;4BACJ,CAAC,EACD;gCACE,IAAM,cAAc,GAAG,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;gCAClE,KAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;4BACvC,CAAC,CACF,CAAC;wBACJ,CAAC;wBAED,+DAA+D;wBAC/D,uCAAuC;wBACvC,IAAI,YAAY,GAAG,CAAC,EAAE,CAAC;4BACf,wBAAsB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,cAAc,CAAC,CAAC;4BACvE,mBAAiB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,qBAAmB,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK;gCAC1E,OAAO,cAAc,CAAC,MAAM,CAAC,WAAW,GAAG,KAAK,GAAG,qBAAmB,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;4BACpF,CAAC,CAAC,CAAC;4BACH,IAAI,CAAC,QAAQ,CACX,UAAC,KAAK;gCACJ,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;oCACzB,iDAAiD;oCACjD,+BAA+B;oCAC/B,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,YAAY,GAAG,IAAI,CAAC;oCAC1D,oDAAoD;oCACpD,IAAI,gBAAc,CAAC,CAAC,CAAC,EAAE,CAAC;wCACtB,gBAAc,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,IAAI,CAAC;oCACzC,CAAC;gCACH,CAAC;gCACD,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,gBAAc,CAAC,EAAE,CAAC;4BACzD,CAAC,EACD;gCACE,IAAM,cAAc,GAAG,CAAC,CAAC,GAAG,aAAa,CAAC,eAAe,CAAC,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAI,CAAC,KAAK,CAAC,CAAC;gCACtG,KAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;4BACvC,CAAC,CACF,CAAC;wBACJ,CAAC;;;;aACF,CAAC;QAEM,uBAAiB,GAAG,UAAC,aAA+B;;YAC1D,IAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;YACtC,IAAM,UAAU,GAAG;gBACjB,KAAK,EAAE,aAAa,CAAC,qBAAqB,CAAC,YAAY,CAAC,KAAK,CAAC;gBAC9D,IAAI,EAAE,YAAY,CAAC,IAAI;aACxB,CAAC;YAEF,MAAA,MAAA,KAAI,CAAC,KAAK,EAAC,aAAa,mDAAG,UAAU,CAAC,CAAC;QACzC,CAAC,CAAC;QAEM,kBAAY,GAAG,UAAC,IAA8B,IAAqB,OAAA,IAAI,CAAC,CAAC,CAAC,EAAP,CAAO,CAAC;QAE3E,gBAAU,GAAG;YACnB,IAAM,eAAe,GAAG,KAAI,CAAC,gBAAgB,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;YAC1D,IAAM,YAAY,GAAG,EAAE,MAAM,EAAE,WAAW,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,CAAC;YAExE,IAAM,KAAK,GAAG,KAAI,CAAC,QAAQ,EAAE,CAAC;YAE9B,IAAM,OAAO,GAAyB;gBACpC,KAAK,EAAE,KAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC9C,OAAO,EAAE,KAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,OAAO,CAAC;gBAClD,OAAO,EAAE,KAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,OAAO,CAAC;gBAClD,SAAS,EAAE,KAAK,CAAC,SAAS;gBAC1B,SAAS,EAAE,KAAK,CAAC,SAAS;gBAC1B,KAAK,EAAE,aAAa,CAAC,YAAY,EAAE;gBACnC,WAAW,EAAE,KAAI,CAAC,eAAe;aAClC,CAAC;YAEF,OAAO,CACL,oBAAC,aAAa,aAAC,WAAW,EAAE,KAAI,CAAC,WAAW,IAAM,KAAK;gBACrD,6BAAK,GAAG,EAAE,KAAI,CAAC,OAAO,cAAY,gBAAgB,CAAC,IAAI,EAAE,SAAS,EAAE,KAAI,CAAC,EAAE,CAAC,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;oBACvG,6BAAK,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,KAAI,CAAC,MAAM,CAAC,OAAO,EAAE;wBACxD,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,IACrC,eAAe,CAAC,GAAG,CAAC,KAAI,CAAC,WAAW,EAAE,KAAI,CAAC,CACnB,CACvB;oBACN,6BAAK,SAAS,EAAE,KAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAI,CAAC,KAAK,CAAC,GAAI,CACjD,CACQ,CACjB,CAAC;QACJ,CAAC,CAAC;QAEM,aAAO,GAAG,UAAC,OAA2B;YAC5C,IAAI,CAAC,KAAI,CAAC,IAAI,IAAI,OAAO,EAAE,CAAC;gBAC1B,IAAI,QAAQ,EAAE,CAAC;oBACb,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,KAAI,CAAC,gBAAgB,CAAC,CAAC;oBAC9D,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,KAAI,CAAC,wBAAwB,CAAC,CAAC;gBACvE,CAAC;qBAAM,CAAC;oBACN,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAI,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC1E,CAAC;YACH,CAAC;YACD,IAAI,KAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBAC1B,IAAI,QAAQ,EAAE,CAAC;oBACb,KAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,KAAI,CAAC,gBAAgB,CAAC,CAAC;oBACnE,KAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAI,CAAC,wBAAwB,CAAC,CAAC;gBAC5E,CAAC;qBAAM,CAAC;oBACN,KAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAI,CAAC,WAAW,CAAC,CAAC;gBAC3D,CAAC;YACH,CAAC;YACD,KAAI,CAAC,IAAI,GAAG,OAAO,CAAC;QACtB,CAAC,CAAC;QAaM,qBAAe,GAAG,UAAC,SAA4B;;YACrD,IAAM,KAAK,GAAG,uBAAuB,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;YAEnE,MAAA,MAAA,KAAI,CAAC,KAAK,EAAC,aAAa,mDAAG,KAAK,CAAC,CAAC;QACpC,CAAC,CAAC;QAwBM,2BAAqB,GAAG,UAAC,WAAmB,EAAE,IAAY;YAChE,IAAM,KAAK,GAAG,aAAa,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC;YAC/D,KAAI,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAClC,CAAC,CAAC;QAEM,uBAAiB,GAAG,UAAC,MAAc;YACzC,KAAI,CAAC,QAAQ,CAAC,UAAC,EAA0B;oBAAxB,MAAM,YAAA,EAAE,cAAc,oBAAA;gBACrC,IAAM,cAAc,GAAG,aAAa,CAAC,uBAAuB,CAC1D,MAAM,EACN,cAAc,EACd,MAAM,EACN,KAAI,CAAC,KAAK,CACX,CAAC,cAAc,CAAC;gBACjB,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC;YAC1C,CAAC,EAAE,KAAI,CAAC,cAAc,CAAC,CAAC;YAExB,KAAI,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,UAAC,MAAM;gBACpC,mDAAmD;gBACnD,KAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,MAAM,EAAE,KAAI,CAAC,KAAK,CAAQ,CAAC,CAAC;YACrE,CAAC,CAAC,CAAC;YAEH,oBAAoB,CAAC,IAAI,EAAE,CAAC;QAC9B,CAAC,CAAC;QAEM,sBAAgB,GAAG,UAAC,KAAY;YACtC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,KAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;gBACvD,OAAO;YACT,CAAC;YAED,IAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAC/C,KAAI,CAAC,WAAW,GAAG,OAAO,CAAC;QAC7B,CAAC,CAAC;QAEM,qBAAe,GAAG,UAAC,KAAY;YACrC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,KAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;gBACvD,OAAO;YACT,CAAC;YAEO,IAAA,OAAO,GAAK,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,QAA5B,CAA6B;YAE5C,IAAM,MAAM,GAAG,CAAC,KAAI,CAAC,WAAW,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC;YACjD,KAAI,CAAC,WAAW,GAAG,OAAO,CAAC;YAE3B,KAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC,CAAC;QAEM,8BAAwB,GAAG,QAAQ,CAAC,KAAI,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;QAE9D,iBAAW,GAAG,UAAC,KAAY;YACjC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,KAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;gBACvD,OAAO;YACT,CAAC;YACD,KAAK,CAAC,cAAc,EAAE,CAAC;YACf,IAAA,MAAM,GAAK,cAAc,CAAC,KAAK,CAAC,OAA1B,CAA2B;YAEzC,KAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC,CAAC;QAEM,oBAAc,GAAG;YACvB,IAAI,KAAI,CAAC,eAAe,EAAE,CAAC;gBACzB,YAAY,CAAC,KAAI,CAAC,eAAe,CAAC,CAAC;YACrC,CAAC;YACD,KAAI,CAAC,eAAe,GAAG,UAAU,CAAC,KAAI,CAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC;QACnE,CAAC,CAAC;QACM,yBAAmB,GAAG;YACtB,IAAA,KAAoC,KAAI,CAAC,KAAK,EAA5C,YAAY,kBAAA,EAAE,eAAe,qBAAe,CAAC;YAErD,IAAM,eAAe,GAAG,WAAW,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC,yBAAyB,GAAG,WAAW,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;YAE/G,IAAI,YAAY,GAAG,eAAe,EAAE,CAAC;gBACnC,IAAI,gBAAc,GAAG,CAAC,CAAC;gBACvB,IAAI,eAAe,GAAG,CAAC,EAAE,CAAC;oBACxB,gBAAc,GAAG,eAAe,CAAC;gBACnC,CAAC;gBAED,KAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,gBAAc,EAAE,EAAE;oBAC9C,IAAM,MAAM,GAAG,YAAY,GAAG,gBAAc,CAAC;oBAC7C,KAAI,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,UAAC,MAAM;wBACpC,mDAAmD;wBACnD,KAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,MAAM,EAAE,KAAI,CAAC,KAAK,CAAQ,CAAC,CAAC;oBACrE,CAAC,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEM,cAAQ,GAAG,UAAC,GAAW,EAAE,KAAkB;YACjD,IAAM,aAAa,GAAG,GAAG,GAAG,KAAI,CAAC,KAAK,CAAC,cAAc,CAAC;YACtD,OAAO,KAAI,CAAC,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;QACjD,CAAC,CAAC;QAEM,kBAAY,GAAG,UAAC,aAAqB,EAAE,KAAkB;YAC/D,OAAO,KAAI,CAAC,SAAS,CAAC,OAAO,CAC3B,aAAa,EACb,UAAC,MAAM;gBACL,KAAI,CAAC,QAAQ,CAAC,UAAC,EAAkB;wBAAhB,cAAc,oBAAA;oBAAO,OAAA,CAAC;wBACrC,cAAc,EAAE,cAAc,GAAG,MAAM;qBACxC,CAAC;gBAFoC,CAEpC,CAAC,CAAC;YACN,CAAC,EACD,KAAK,CACN,CAAC;QACJ,CAAC,CAAC;QAhYM,IAAA,KAA8B,KAAI,CAAC,QAAQ,EAAE,EAA3C,OAAO,aAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAoB,CAAC;QAEpD,IAAM,YAAY,GAAG,KAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;QACzD,IAAM,YAAY,GAAG,KAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;QACzD,IAAM,SAAS,GAAG,KAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAEpD,IAAM,KAAK,GAAG,aAAa,CAAC,YAAY,EAAE,CAAC;QAC3C,IAAM,WAAW,GAAG,aAAa,CAAC,cAAc,CAAC;YAC/C,KAAK,OAAA;YACL,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE,YAAY;SACtB,CAAC,CAAC;QAEH,IAAM,YAAY,GAAG,KAAI,CAAC,KAAK,CAAC,YAAY;YAC1C,CAAC,CAAC,aAAa,CAAC,sBAAsB,CAAC,KAAI,CAAC,KAAK,CAAC,YAAY,CAAC;YAC/D,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;QACtB,IAAM,WAAW,GAAG,MAAA,KAAI,CAAC,KAAK,CAAC,WAAW,mCAAI,WAAW,CAAC,IAAI,CAAC;QAE/D,KAAI,CAAC,KAAK,GAAG;YACX,cAAc,EAAE,CAAC;YACjB,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,YAAY,EAAE,WAAW,CAAC;YAC1D,eAAe,EAAE,CAAC;YAClB,YAAY,EAAE,CAAC;SAChB,CAAC;;IACJ,CAAC;iBA1DU,QAAQ;IAMJ,mBAAU,GAAzB,UAA0B,IAAY,EAAE,KAAa,EAAE,IAAY;QACjE,OAAO,IAAI,YAAY,EAAE,CAAC,aAAa,CAAC,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7F,CAAC;IAoDM,qCAAkB,GAAzB,UAA0B,SAAkC,EAAE,SAAkC;QACxF,IAAA,KAA2B,IAAI,CAAC,KAAK,EAAnC,KAAK,WAAA,EAAE,aAAa,mBAAe,CAAC;QAC5C,IAAI,KAAK,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;YACnD,IAAM,IAAI,GAAG,IAAI,YAAY,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,uBAAuB,EAAE,CAAC;YAC5E,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5C,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,IAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YACrF,IAAM,2BAA2B,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAE5F,IAAI,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAAI,2BAA2B,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC7E,IAAM,YAAY,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;gBAClD,IAAM,gBAAgB,GAAG,2BAA2B,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;gBAE9D,IAAI,YAAY,KAAK,gBAAgB,EAAE,CAAC;oBACtC,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;gBAC9C,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAEM,uCAAoB,GAA3B;QACE,IAAI,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,CAAC;YAChC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAEM,yBAAM,GAAb;QAAA,iBAYC;QAXC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE9C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,QACnB,UAAC,KAAK;YACL,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,OAAO,KAAI,CAAC,UAAU,EAAE,CAAC;QAC3B,CAAC,CACqB,CACzB,CAAC;IACJ,CAAC;IAkLO,8BAAW,GAAnB,UAAoB,EAAsC;YAArC,GAAG,QAAA,EAAE,KAAK,QAAA;QAC7B,OAAO,CACL,oBAAC,KAAK,IACJ,GAAG,EAAE,KAAK,CAAC,KAAK,GAAG,GAAG,GAAG,KAAK,CAAC,IAAI,EACnC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,IAAI,CAAC,qBAAqB,GAC7C,CACH,CAAC;IACJ,CAAC;IAQO,wCAAqB,GAA7B,UAA8B,IAAsB;QAClD,OAAO,IAAI,YAAY,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,CAAC;IAC9D,CAAC;IAEO,oCAAiB,GAAzB,UAA0B,MAAwB,EAAE,cAAsB;QACxE,IAAM,SAAS,GAAG,CAAC,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QACrE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACvC,IAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACxE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC3B,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAEO,mCAAgB,GAAxB,UAAyB,KAA8B;QAAvD,iBAOC;QANS,IAAA,MAAM,GAAqB,KAAK,OAA1B,EAAE,cAAc,GAAK,KAAK,eAAV,CAAW;QACzC,IAAM,SAAS,GAAG,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;QAEjE,OAAO,MAAM;aACV,GAAG,CAA2B,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAjB,CAAiB,CAAC;aAC1D,MAAM,CAAC,UAAC,EAAY;gBAAX,GAAG,QAAA,EAAE,KAAK,QAAA;YAAM,OAAA,aAAa,CAAC,cAAc,CAAC,GAAG,EAAE,KAAK,EAAE,KAAI,CAAC,KAAK,CAAC;QAApD,CAAoD,CAAC,CAAC;IACpF,CAAC;;IA1Ta,4BAAmB,GAAG,UAAU,AAAb,CAAc;IACjC,oBAAW,GAAG,UAAU,AAAb,CAAc;IAEzB,YAAG,GAAG,WAAW,AAAd,CAAe;IAMlB,qBAAY,GAAiB;QACzC,OAAO,EAAE,UAAQ,CAAC,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC;QAC3D,OAAO,EAAE,UAAQ,CAAC,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC;QAC3D,SAAS,EAAE,UAAC,IAAY,EAAE,SAAkB,IAAK,OAAA,SAAS,EAAT,CAAS;KAC3D,AAJyB,CAIxB;IAdS,QAAQ;QAFpB,qBAAqB;QACrB,QAAQ;OACI,QAAQ,CAkapB;IAAD,eAAC;CAAA,AAlaD,CAA8B,KAAK,CAAC,SAAS,GAka5C;SAlaY,QAAQ","sourcesContent":["import React from 'react';\nimport normalizeWheel from 'normalize-wheel';\nimport throttle from 'lodash.throttle';\nimport shallowEqual from 'shallowequal';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { GlobalObject, SafeTimer } from '../../lib/globalObject.js';\nimport { isInstanceOf } from '../../lib/isInstanceOf.js';\nimport { InternalDate } from '../../lib/date/InternalDate.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from '../../lib/date/constants.js';\nimport type { Nullable, Range } from '../../typings/utility-types.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { animation } from '../../lib/animation/index.js';\nimport { isMobile } from '../../lib/client.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { themeConfig } from './config.js';\nimport { MonthViewModel } from './MonthViewModel.js';\nimport * as CalendarScrollEvents from './CalendarScrollEvents.js';\nimport { Month } from './Month.js';\nimport { getStyles } from './Calendar.styles.js';\nimport type { CalendarDateShape } from './CalendarDateShape.js';\nimport { create, isGreater, isLess } from './CalendarDateShape.js';\nimport * as CalendarUtils from './CalendarUtils.js';\nimport type { CalendarContextProps } from './CalendarContext.js';\nimport { CalendarContext } from './CalendarContext.js';\nimport type { CalendarDayProps } from './CalendarDay.js';\nimport { CalendarDay } from './CalendarDay.js';\n\nexport interface CalendarProps extends CommonProps {\n  /** Задает функцию, которая вызывается при изменении value.\n   * @param {string} date - строка в формате `dd.mm.yyyy`. */\n  onValueChange?: (date: string) => void;\n\n  /** Задает текущую дату в формате `dd.mm.yyyy`. */\n  value: Nullable<string>;\n\n  /** Задает максимальную возможную дату в формате `dd.mm.yyyy`. */\n  maxDate?: string;\n\n  /** Задает минимальную возможную дату в формате `dd.mm.yyyy`. */\n  minDate?: string;\n\n  /** Задает начальную дату периода в формате `dd.mm.yyyy`. */\n  periodStartDate?: string;\n\n  /** Задает конечную дату периода в формате `dd.mm.yyyy`. */\n  periodEndDate?: string;\n\n  /** Задает функцию для определения праздничных дней.\n   * @default (_day, isWeekend) => isWeekend.\n   * @param {string} day - строка в формате `dd.mm.yyyy`.\n   * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье).\n   * @returns {boolean} `true` для выходного или `false` для рабочего дня. */\n  isHoliday?: (day: string, isWeekend: boolean) => boolean;\n\n  /** Задает начальный месяц. */\n  initialMonth?: Range<1, 13>;\n\n  /** Задает начальный год. */\n  initialYear?: number;\n\n  /** Задает метод отрисовки дат в календаре.\n   * @default (props: CalendarDayProps) => <CalendarDay {...props} />\n   * @param {CalendarDayProps} props - параметры дня.\n   * @returns {ReactElement} элемент, который отрисовывает контент числа месяца. */\n  renderDay?: (props: CalendarDayProps) => React.ReactElement<unknown>;\n\n  /** Задает функцию, которая вызывается при каждом изменении месяца.\n   * @param {CalendarMonthChangeInfo} changeInfo - информация о изменении отображаемого месяца, где\n   * `month: number` - номер текущего отображаемого месяца от 1 до 12,\n   * `year: number` - отображаемый год. */\n  onMonthChange?: (changeInfo: CalendarMonthChangeInfo) => void;\n}\n\nexport interface CalendarState {\n  scrollPosition: number;\n  months: MonthViewModel[];\n  scrollDirection: number;\n  scrollTarget: number;\n}\n\nexport interface CalendarMonthChangeInfo {\n  month: number;\n  year: number;\n}\n\nexport const CalendarDataTids = {\n  root: 'Calendar__root',\n  month: 'MonthView__month',\n  dayCell: 'DayCellView__root',\n  headerMonth: 'MonthView__headerMonth',\n  headerYear: 'MonthView__headerYear',\n} as const;\n\ntype DefaultProps = Required<Pick<CalendarProps, 'minDate' | 'maxDate' | 'isHoliday'>>;\n\n/**\n * Компонент календаря `Calendar` из DatePicker'а помогает выбирать дату с помощью мыши.\n */\n@withRenderEnvironment\n@rootNode\nexport class Calendar extends React.Component<CalendarProps, CalendarState> {\n  public static __KONTUR_REACT_UI__ = 'Calendar';\n  public static displayName = 'Calendar';\n\n  public static Day = CalendarDay;\n\n  private static formatDate(date: number, month: number, year: number) {\n    return new InternalDate().setComponents({ date, month, year }).toString({ withPad: true });\n  }\n\n  public static defaultProps: DefaultProps = {\n    minDate: Calendar.formatDate(MIN_DATE, MIN_MONTH, MIN_YEAR),\n    maxDate: Calendar.formatDate(MAX_DATE, MAX_MONTH, MAX_YEAR),\n    isHoliday: (_day: string, isWeekend: boolean) => isWeekend,\n  };\n\n  private getProps = createPropsGetter(Calendar.defaultProps);\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private wheelEndTimeout: SafeTimer;\n  private root: Nullable<HTMLElement>;\n  private animation!: ReturnType<typeof animation>;\n  private touchStartY: Nullable<number> = null;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: CalendarProps) {\n    super(props);\n\n    const { minDate, maxDate, value } = this.getProps();\n\n    const minDateShape = this.getDateInNativeFormat(minDate);\n    const maxDateShape = this.getDateInNativeFormat(maxDate);\n    const dateShape = this.getDateInNativeFormat(value);\n\n    const today = CalendarUtils.getTodayDate();\n    const initialDate = CalendarUtils.getInitialDate({\n      today,\n      date: dateShape,\n      minDate: minDateShape,\n      maxDate: maxDateShape,\n    });\n\n    const initialMonth = this.props.initialMonth\n      ? CalendarUtils.getMonthInNativeFormat(this.props.initialMonth)\n      : initialDate.month;\n    const initialYear = this.props.initialYear ?? initialDate.year;\n\n    this.state = {\n      scrollPosition: 0,\n      months: CalendarUtils.getMonths(initialMonth, initialYear),\n      scrollDirection: 1,\n      scrollTarget: 0,\n    };\n  }\n\n  public componentDidUpdate(prevProps: Readonly<CalendarProps>, prevState: Readonly<CalendarState>): void {\n    const { value, onMonthChange } = this.props;\n    if (value && !shallowEqual(value, prevProps.value)) {\n      const date = new InternalDate().parseValue(value).getComponentsLikeNumber();\n      this.scrollToMonth(date.month, date.year);\n    }\n\n    if (onMonthChange) {\n      const visibleMonthsModels = this.getVisibleMonths(this.state).map(this.getViewModel);\n      const prevFirstVisibleMonthModels = this.getVisibleMonths(prevState).map(this.getViewModel);\n\n      if (visibleMonthsModels.length > 0 && prevFirstVisibleMonthModels.length > 0) {\n        const currentMonth = visibleMonthsModels[0].month;\n        const prevCurrentMonth = prevFirstVisibleMonthModels[0].month;\n\n        if (currentMonth !== prevCurrentMonth) {\n          this.handleMonthChange(visibleMonthsModels);\n        }\n      }\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.animation.inProgress()) {\n      this.animation.cancel();\n    }\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n    this.animation = animation(this.globalObject);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Прокручивает календарь до переданной даты\n   * @public\n   */\n  public scrollToMonth = async (month: number, year: number): Promise<void> => {\n    const monthNative = CalendarUtils.getMonthInNativeFormat(month);\n\n    if (this.animation.inProgress()) {\n      this.animation.finish();\n      // FIXME: Dirty hack to await batched updates\n      await new Promise((r) => setTimeout(r, 0));\n    }\n\n    const minDate = this.getDateInNativeFormat(this.getProps().minDate);\n    const maxDate = this.getDateInNativeFormat(this.getProps().maxDate);\n\n    if (minDate && isGreater(minDate, create(32, monthNative, year))) {\n      const minMonth = CalendarUtils.getMonthInHumanFormat(minDate.month);\n      this.scrollToMonth(minMonth, minDate.year);\n      return;\n    }\n\n    if (maxDate && isLess(maxDate, create(0, monthNative, year))) {\n      const maxMonth = CalendarUtils.getMonthInHumanFormat(maxDate.month);\n      this.scrollToMonth(maxMonth, maxDate.year);\n      return;\n    }\n\n    const currentMonth = this.state.months[1];\n    const diffInMonths = currentMonth.month + currentMonth.year * 12 - monthNative - 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(monthNative, year),\n        scrollPosition: 0,\n      });\n    };\n\n    const isYearChanges = (state: CalendarState) => {\n      return (\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    };\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        return MonthViewModel.create(monthNative + 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        return MonthViewModel.create(monthNative + 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 handleMonthChange = (visibleMonths: MonthViewModel[]): void => {\n    const currentMonth = visibleMonths[0];\n    const changeInfo = {\n      month: CalendarUtils.getMonthInHumanFormat(currentMonth.month),\n      year: currentMonth.year,\n    };\n\n    this.props.onMonthChange?.(changeInfo);\n  };\n\n  private getViewModel = (item: [number, MonthViewModel]): MonthViewModel => item[1];\n\n  private renderMain = () => {\n    const monthsForRender = this.getVisibleMonths(this.state);\n    const wrapperStyle = { height: themeConfig(this.theme).WRAPPER_HEIGHT };\n\n    const props = this.getProps();\n\n    const context: CalendarContextProps = {\n      value: this.getDateInNativeFormat(props.value),\n      minDate: this.getDateInNativeFormat(props.minDate),\n      maxDate: this.getDateInNativeFormat(props.maxDate),\n      isHoliday: props.isHoliday,\n      renderDay: props.renderDay,\n      today: CalendarUtils.getTodayDate(),\n      onDateClick: this.handleDateClick,\n    };\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...props}>\n        <div ref={this.refRoot} data-tid={CalendarDataTids.root} className={this.cx(this.styles.root(this.theme))}>\n          <div style={wrapperStyle} className={this.styles.wrapper()}>\n            <CalendarContext.Provider value={context}>\n              {monthsForRender.map(this.renderMonth, this)}\n            </CalendarContext.Provider>\n          </div>\n          <div className={this.styles.separator(this.theme)} />\n        </div>\n      </CommonWrapper>\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        onMonthYearChange={this.handleMonthYearChange}\n      />\n    );\n  }\n\n  private handleDateClick = (dateShape: CalendarDateShape) => {\n    const value = InternalDateTransformer.dateToHumanString(dateShape);\n\n    this.props.onValueChange?.(value);\n  };\n\n  private getDateInNativeFormat(date: Nullable<string>) {\n    return new InternalDate().parseValue(date).toNativeFormat();\n  }\n\n  private getMonthPositions(months: MonthViewModel[], scrollPosition: number) {\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 getVisibleMonths(state: Readonly<CalendarState>): Array<[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 handleMonthYearChange = (monthNative: number, year: number) => {\n    const month = CalendarUtils.getMonthInHumanFormat(monthNative);\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 (!isInstanceOf(event, this.globalObject.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 (!isInstanceOf(event, this.globalObject.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 (!isInstanceOf(event, this.globalObject.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 = setTimeout(this.scrollToNearestWeek, 300);\n  };\n  private scrollToNearestWeek = () => {\n    const { scrollTarget, scrollDirection } = this.state;\n\n    const thresholdHeight = themeConfig(this.theme).MONTH_TITLE_OFFSET_HEIGHT + themeConfig(this.theme).DAY_HEIGHT;\n\n    if (scrollTarget < thresholdHeight) {\n      let targetPosition = 0;\n      if (scrollDirection < 0) {\n        targetPosition = thresholdHeight;\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      },\n      onEnd,\n    );\n  };\n}\n"]}

package/components/Calendar/Calendar.styles.d.ts

@@ -1,5 +1,5 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: import("../../lib/theming/Emotion.js").StylesGetter<{
     root(t: Theme): string;
     wrapper(): string;
     separator(t: Theme): string;