@skbkontur/react-ui 0.0.0-0fe669bb2d → 0.0.0-0ffbe8b468

package/{internal → components}/Calendar/Calendar/Calendar.js

@@ -1,55 +1,69 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import normalizeWheel from 'normalize-wheel';
 import throttle from 'lodash.throttle';
+import shallowEqual from 'shallowequal';
+import { InternalDate } from "../../../lib/date/InternalDate";
+import { InternalDateTransformer } from "../../../lib/date/InternalDateTransformer";
+import { rootNode } from "../../../lib/rootNode";
+import { cx } from "../../../lib/theming/Emotion";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from "../../../lib/date/constants";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { animation } from "../../../lib/animation";
 import { isMobile } from "../../../lib/client";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { themeConfig } from "../config";
-import * as CalendarUtils from "../CalendarUtils";
 import { MonthViewModel } from "../MonthViewModel";
 import * as CalendarScrollEvents from "../CalendarScrollEvents";
 import { Month } from "../Month";
 import { styles } from "../Calendar.styles";
 import { create, isGreater, isLess } from "../CalendarDateShape";
+import * as CalendarUtils from "../CalendarUtils";
 export var CalendarDataTids = {
-  root: 'Calendar',
+  root: 'Calendar__root',
   month: 'MonthView__month',
+  dayCell: 'DayCellView__root',
   headerMonth: 'MonthView__headerMonth',
   headerYear: 'MonthView__headerYear'
 };
+export
+/**
+* Компонент календаря из [DatePicker](https://tech.skbkontur.ru/react-ui/#/Components/DatePicker)'а
+*/
+var Calendar = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Calendar, _React$Component);
 
-var getTodayDate = function getTodayDate() {
-  var date = new Date();
-  return {
-    date: date.getDate(),
-    month: date.getMonth(),
-    year: date.getFullYear()
+  Calendar.formatDate = function formatDate(date, month, year) {
+    return new InternalDate().setComponents({
+      date: date,
+      month: month,
+      year: year
+    }).toString({
+      withPad: true
+    });
   };
-};
-
-export var Calendar = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Calendar, _React$Component);
 
-  function Calendar(props) {
-    var _props$initialMonth, _props$initialYear;
+  function Calendar(_props) {
+    var _CalendarUtils$getMon, _this$props$initialYe;
 
     var _this;
 
-    _this = _React$Component.call(this, props) || this;
+    _this = _React$Component.call(this, _props) || this;
     _this.getProps = createPropsGetter(Calendar.defaultProps);
     _this.animation = animation();
     _this.touchStartY = null;
 
     _this.scrollToMonth = /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(month, year) {
-        var _this$getProps, minDate, maxDate, currentMonth, diffInMonths, maxMonthsToAdd, onEnd, isYearChanges, monthsToPrependCount, monthsToPrepend, monthsToAppendCount, monthsToAppend;
-
+        var minDate, maxDate, currentMonth, diffInMonths, maxMonthsToAdd, onEnd, isYearChanges, monthsToPrependCount, monthsToPrepend, monthsToAppendCount, monthsToAppend;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -68,10 +82,11 @@ export var Calendar = /*#__PURE__*/function (_React$Component) {
                 });
 
               case 4:
-                _this$getProps = _this.getProps(), minDate = _this$getProps.minDate, maxDate = _this$getProps.maxDate;
+                minDate = _this.getDateInNativeFormat(_this.getProps().minDate);
+                maxDate = _this.getDateInNativeFormat(_this.getProps().maxDate);
 
                 if (!(minDate && isGreater(minDate, create(32, month, year)))) {
-                  _context.next = 8;
+                  _context.next = 9;
                   break;
                 }
 
@@ -79,9 +94,9 @@ export var Calendar = /*#__PURE__*/function (_React$Component) {
 
                 return _context.abrupt("return");
 
-              case 8:
+              case 9:
                 if (!(maxDate && isLess(maxDate, create(0, month, year)))) {
-                  _context.next = 11;
+                  _context.next = 12;
                   break;
                 }
 
@@ -89,12 +104,12 @@ export var Calendar = /*#__PURE__*/function (_React$Component) {
 
                 return _context.abrupt("return");
 
-              case 11:
+              case 12:
                 currentMonth = _this.state.months[1];
                 diffInMonths = currentMonth.month + currentMonth.year * 12 - month - year * 12;
 
                 if (!(diffInMonths === 0)) {
-                  _context.next = 16;
+                  _context.next = 17;
                   break;
                 }
 
@@ -102,11 +117,11 @@ export var Calendar = /*#__PURE__*/function (_React$Component) {
 
                 return _context.abrupt("return");
 
-              case 16:
+              case 17:
                 maxMonthsToAdd = themeConfig(_this.theme).MAX_MONTHS_TO_APPEND_ON_SCROLL;
 
                 onEnd = function onEnd() {
-                  return _this.setState({
+                  _this.setState({
                     months: CalendarUtils.getMonths(month, year),
                     scrollPosition: 0
                   });
@@ -185,7 +200,7 @@ export var Calendar = /*#__PURE__*/function (_React$Component) {
                   });
                 }
 
-              case 21:
+              case 22:
               case "end":
                 return _context.stop();
             }
@@ -204,10 +219,15 @@ export var Calendar = /*#__PURE__*/function (_React$Component) {
       var wrapperStyle = {
         height: themeConfig(_this.theme).WRAPPER_HEIGHT
       };
-      return /*#__PURE__*/React.createElement("div", {
+
+      var props = _this.getProps();
+
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this.setRootNode
+      }, props), /*#__PURE__*/React.createElement("div", {
         ref: _this.refRoot,
-        className: styles.root(_this.theme),
-        "data-tid": CalendarDataTids.root
+        "data-tid": CalendarDataTids.root,
+        className: cx(styles.root(_this.theme))
       }, /*#__PURE__*/React.createElement("div", {
         style: wrapperStyle,
         className: styles.wrapper()
@@ -217,7 +237,9 @@ export var Calendar = /*#__PURE__*/function (_React$Component) {
         var top = _ref2[0],
             month = _ref2[1];
         return CalendarUtils.isMonthVisible(top, month, _this.theme);
-      }).map(_this.renderMonth, _assertThisInitialized(_this))));
+      }).map(_this.renderMonth, _assertThisInitialized(_this))), /*#__PURE__*/React.createElement("div", {
+        className: styles.separator(_this.theme)
+      })));
     };
 
     _this.refRoot = function (element) {
@@ -245,14 +267,39 @@ export var Calendar = /*#__PURE__*/function (_React$Component) {
       _this.root = element;
     };
 
+    _this.isHoliday = function (_ref3) {
+      var date = _ref3.date,
+          month = _ref3.month,
+          year = _ref3.year,
+          isWeekend = _ref3.isWeekend;
+      var dateString = InternalDateTransformer.dateToInternalString({
+        date: date,
+        month: month + 1,
+        year: year
+      });
+      return _this.getProps().isHoliday(dateString, isWeekend);
+    };
+
+    _this.handleDateChange = function (dateShape) {
+      var value = InternalDateTransformer.dateToInternalString({
+        date: dateShape.date,
+        month: dateShape.month + 1,
+        year: dateShape.year
+      });
+
+      if (_this.props.onValueChange) {
+        _this.props.onValueChange(value);
+      }
+    };
+
     _this.handleMonthYearChange = function (month, year) {
       _this.scrollToMonth(month, year);
     };
 
     _this.executeAnimations = function (pixelY) {
-      _this.setState(function (_ref3) {
-        var months = _ref3.months,
-            scrollPosition = _ref3.scrollPosition;
+      _this.setState(function (_ref4) {
+        var months = _ref4.months,
+            scrollPosition = _ref4.scrollPosition;
         var targetPosition = CalendarUtils.calculateScrollPosition(months, scrollPosition, pixelY, _this.theme).scrollPosition;
         return {
           scrollTarget: targetPosition
@@ -260,9 +307,8 @@ export var Calendar = /*#__PURE__*/function (_React$Component) {
       }, _this.handleWheelEnd);
 
       _this.animation.animate(pixelY, function (deltaY) {
-        return (// FIXME: Typescript not resolving setState cb type
-          _this.setState(CalendarUtils.applyDelta(deltaY, _this.theme))
-        );
+        // FIXME: Typescript not resolving setState cb type
+        _this.setState(CalendarUtils.applyDelta(deltaY, _this.theme));
       });
 
       CalendarScrollEvents.emit();
@@ -331,9 +377,8 @@ export var Calendar = /*#__PURE__*/function (_React$Component) {
           var amount = scrollTarget - targetPosition;
 
           _this.animation.animate(amount, function (deltaY) {
-            return (// FIXME: Typescript not resolving setState cb type
-              _this.setState(CalendarUtils.applyDelta(deltaY, _this.theme))
-            );
+            // FIXME: Typescript not resolving setState cb type
+            _this.setState(CalendarUtils.applyDelta(deltaY, _this.theme));
           });
         });
       }
@@ -346,8 +391,8 @@ export var Calendar = /*#__PURE__*/function (_React$Component) {
 
     _this.scrollAmount = function (scrollAmmount, onEnd) {
       return _this.animation.animate(scrollAmmount, function (deltaY) {
-        return _this.setState(function (_ref4) {
-          var scrollPosition = _ref4.scrollPosition;
+        _this.setState(function (_ref5) {
+          var scrollPosition = _ref5.scrollPosition;
           return {
             scrollPosition: scrollPosition + deltaY
           };
@@ -355,22 +400,48 @@ export var Calendar = /*#__PURE__*/function (_React$Component) {
       }, onEnd);
     };
 
-    var today = getTodayDate();
-    var initialMonth = (_props$initialMonth = props.initialMonth) != null ? _props$initialMonth : today.month;
-    var initialYear = (_props$initialYear = props.initialYear) != null ? _props$initialYear : today.year;
+    var _this$getProps = _this.getProps(),
+        _minDate = _this$getProps.minDate,
+        _maxDate = _this$getProps.maxDate,
+        _value = _this$getProps.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 = (_CalendarUtils$getMon = CalendarUtils.getMonthInNativeFormat(_this.props.initialMonth)) != null ? _CalendarUtils$getMon : initialDate.month;
+    var initialYear = (_this$props$initialYe = _this.props.initialYear) != null ? _this$props$initialYe : initialDate.year;
     _this.state = {
       scrollPosition: 0,
       months: CalendarUtils.getMonths(initialMonth, initialYear),
       today: today,
       scrollDirection: 1,
-      scrollTarget: 0,
-      touchStart: 0
+      scrollTarget: 0
     };
     return _this;
   }
 
   var _proto = Calendar.prototype;
 
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    var value = this.props.value;
+
+    if (value && !shallowEqual(value, prevProps.value)) {
+      var _date = new InternalDate().parseValue(value).getComponentsLikeNumber();
+
+      this.scrollToMonth(_date.month - 1, _date.year);
+    }
+  };
+
   _proto.componentWillUnmount = function componentWillUnmount() {
     if (this.animation.inProgress()) {
       this.animation.cancel();
@@ -386,19 +457,17 @@ export var Calendar = /*#__PURE__*/function (_React$Component) {
     });
   }
   /**
-  * Scrolls calendar to given date
+  * Прокручивает календарь до переданной даты
   * @public
   */
   ;
 
-  _proto.renderMonth = function renderMonth(_ref5) {
-    var top = _ref5[0],
-        month = _ref5[1];
-
-    var _this$getProps2 = this.getProps(),
-        minDate = _this$getProps2.minDate,
-        maxDate = _this$getProps2.maxDate;
-
+  _proto.renderMonth = function renderMonth(_ref6) {
+    var top = _ref6[0],
+        month = _ref6[1];
+    var date = this.getDateInNativeFormat(this.props.value);
+    var minDate = this.getDateInNativeFormat(this.props.minDate);
+    var maxDate = this.getDateInNativeFormat(this.props.maxDate);
     return /*#__PURE__*/React.createElement(Month, {
       key: month.month + '-' + month.year,
       top: top,
@@ -406,13 +475,17 @@ export var Calendar = /*#__PURE__*/function (_React$Component) {
       maxDate: maxDate,
       minDate: minDate,
       today: this.state.today,
-      value: this.props.value,
-      onDateClick: this.props.onSelect,
+      value: date,
+      onDateClick: this.handleDateChange,
       onMonthYearChange: this.handleMonthYearChange,
-      isHoliday: this.props.isHoliday
+      isHoliday: this.isHoliday
     });
   };
 
+  _proto.getDateInNativeFormat = function getDateInNativeFormat(date) {
+    return new InternalDate().parseValue(date).toNativeFormat();
+  };
+
   _proto.getMonthPositions = function getMonthPositions() {
     var _this$state2 = this.state,
         scrollPosition = _this$state2.scrollPosition,
@@ -428,17 +501,10 @@ export var Calendar = /*#__PURE__*/function (_React$Component) {
   };
 
   return Calendar;
-}(React.Component);
-Calendar.__KONTUR_REACT_UI__ = 'Calendar';
-Calendar.defaultProps = {
-  minDate: {
-    year: MIN_YEAR,
-    month: MIN_MONTH,
-    date: MIN_DATE
-  },
-  maxDate: {
-    year: MAX_YEAR,
-    month: MAX_MONTH,
-    date: MAX_DATE
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Calendar', _class2.defaultProps = {
+  minDate: _class2.formatDate(MIN_DATE, MIN_MONTH, MIN_YEAR),
+  maxDate: _class2.formatDate(MAX_DATE, MAX_MONTH, MAX_YEAR),
+  isHoliday: function isHoliday(_day, isWeekend) {
+    return isWeekend;
   }
-};
+}, _temp)) || _class;

package/components/Calendar/Calendar/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Calendar.tsx"],"names":["React","normalizeWheel","throttle","shallowEqual","InternalDate","InternalDateTransformer","rootNode","cx","CommonWrapper","MAX_DATE","MAX_MONTH","MAX_YEAR","MIN_DATE","MIN_MONTH","MIN_YEAR","ThemeContext","animation","isMobile","createPropsGetter","themeConfig","MonthViewModel","CalendarScrollEvents","Month","styles","create","isGreater","isLess","CalendarUtils","CalendarDataTids","root","month","dayCell","headerMonth","headerYear","Calendar","formatDate","date","year","setComponents","toString","withPad","props","getProps","defaultProps","touchStartY","scrollToMonth","inProgress","finish","Promise","r","setTimeout","minDate","getDateInNativeFormat","maxDate","currentMonth","state","months","diffInMonths","scrollTo","maxMonthsToAdd","theme","MAX_MONTHS_TO_APPEND_ON_SCROLL","onEnd","setState","getMonths","scrollPosition","isYearChanges","Math","abs","monthsToPrependCount","min","monthsToPrepend","Array","from","length","_","index","yearChanges","isFirstInYear","isLastInYear","concat","getMonthsHeight","targetPosition","getHeight","monthsToAppendCount","monthsToAppend","slice","renderMain","positions","getMonthPositions","wrapperStyle","height","WRAPPER_HEIGHT","setRootNode","refRoot","wrapper","map","x","i","filter","top","isMonthVisible","renderMonth","separator","element","addEventListener","handleTouchStart","throttledHandleTouchMove","handleWheel","passive","removeEventListener","isHoliday","isWeekend","dateString","dateToInternalString","handleDateChange","dateShape","value","onValueChange","handleMonthYearChange","executeAnimations","pixelY","calculateScrollPosition","scrollTarget","handleWheelEnd","animate","deltaY","applyDelta","emit","event","TouchEvent","clientY","targetTouches","handleTouchMove","changedTouches","WheelEvent","preventDefault","wheelEndTimeout","clearTimeout","window","scrollToNearestWeek","scrollDirection","trasholdHeight","MONTH_TITLE_OFFSET_HEIGHT","DAY_SIZE","amount","pos","scrollAmmount","scrollAmount","minDateShape","maxDateShape","today","getTodayDate","initialDate","getInitialDate","initialMonth","getMonthInNativeFormat","initialYear","componentDidUpdate","prevProps","parseValue","getComponentsLikeNumber","componentWillUnmount","cancel","render","toNativeFormat","position","push","Component","__KONTUR_REACT_UI__","_day"],"mappings":"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","sourcesContent":["import React from 'react';\nimport normalizeWheel from 'normalize-wheel';\nimport throttle from 'lodash.throttle';\nimport shallowEqual from 'shallowequal';\n\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { InternalDateTransformer } from '../../lib/date/InternalDateTransformer';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { cx } from '../../lib/theming/Emotion';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from '../../lib/date/constants';\nimport { Nullable, Range } 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';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { themeConfig } from './config';\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';\nimport * as CalendarUtils from './CalendarUtils';\n\nexport interface CalendarProps extends CommonProps {\n  /**\n   * Вызывается при изменении `value`\n   *\n   * В аргументе хранится дата в формате `dd.mm.yyyy`\n   */\n  onValueChange?: (date: string) => void;\n  /**\n   * Задаёт текущую дату\n   *\n   * Дата задаётся в формате `dd.mm.yyyy`\n   */\n  value: Nullable<string>;\n  /**\n   * Задаёт максимальную возможную дату\n   *\n   * Дата задаётся в формате `dd.mm.yyyy`\n   */\n  maxDate?: string;\n  /**\n   * Задаёт минимальную возможную дату\n   *\n   * Дата задаётся в формате `dd.mm.yyyy`\n   */\n  minDate?: string;\n  /**\n   * Функция для определения праздничных дней\n   * @default (_day, isWeekend) => isWeekend\n   * @param {string} day - строка в формате `dd.mm.yyyy`\n   * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)\n   *\n   * @returns {boolean} `true` для выходного или `false` для рабочего дня\n   */\n  isHoliday?: (day: string, isWeekend: boolean) => boolean;\n  /**\n   * Позволяет задать начальный месяц\n   */\n  initialMonth?: Range<1, 13>;\n  /**\n   * Позволяет задать начальный год\n   */\n  initialYear?: number;\n}\n\nexport interface CalendarState {\n  scrollPosition: number;\n  months: MonthViewModel[];\n  today: CalendarDateShape;\n  scrollDirection: number;\n  scrollTarget: 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 * Компонент календаря из [DatePicker](https://tech.skbkontur.ru/react-ui/#/Components/DatePicker)'а\n */\n@rootNode\nexport class Calendar extends React.Component<CalendarProps, CalendarState> {\n  public static __KONTUR_REACT_UI__ = 'Calendar';\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 theme!: Theme;\n  private wheelEndTimeout: Nullable<number>;\n  private root: Nullable<HTMLElement>;\n  private animation = animation();\n  private touchStartY: Nullable<number> = null;\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 = CalendarUtils.getMonthInNativeFormat(this.props.initialMonth) ?? initialDate.month;\n    const initialYear = this.props.initialYear ?? initialDate.year;\n\n    this.state = {\n      scrollPosition: 0,\n      months: CalendarUtils.getMonths(initialMonth, initialYear),\n      today,\n      scrollDirection: 1,\n      scrollTarget: 0,\n    };\n  }\n\n  public componentDidUpdate(prevProps: Readonly<CalendarProps>): void {\n    const { value } = this.props;\n    if (value && !shallowEqual(value, prevProps.value)) {\n      const date = new InternalDate().parseValue(value).getComponentsLikeNumber();\n      this.scrollToMonth(date.month - 1, date.year);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (this.animation.inProgress()) {\n      this.animation.cancel();\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Прокручивает календарь до переданной даты\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 = this.getDateInNativeFormat(this.getProps().minDate);\n    const maxDate = this.getDateInNativeFormat(this.getProps().maxDate);\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\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(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        return MonthViewModel.create(month + index - monthsToAppendCount + 2, year);\n      });\n      this.setState(\n        (state) => {\n          if (isYearChanges(state)) {\n            // Mutating here can lead to some unexpected bugs\n            // but we couldn't find any yet\n            state.months[state.months.length - 1].isLastInYear = true;\n            // Mutating item here is safe as it was just created\n            if (monthsToAppend[0]) {\n              monthsToAppend[0].isFirstInYear = true;\n            }\n          }\n          return { months: state.months.concat(monthsToAppend) };\n        },\n        () => {\n          const targetPosition = -1 * CalendarUtils.getMonthsHeight(this.state.months.slice(1, -2), this.theme);\n          this.scrollTo(targetPosition, onEnd);\n        },\n      );\n    }\n  };\n\n  private renderMain = () => {\n    const positions = this.getMonthPositions();\n    const wrapperStyle = { height: themeConfig(this.theme).WRAPPER_HEIGHT };\n\n    const props = this.getProps();\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...props}>\n        <div ref={this.refRoot} data-tid={CalendarDataTids.root} className={cx(styles.root(this.theme))}>\n          <div style={wrapperStyle} className={styles.wrapper()}>\n            {this.state.months\n              .map<[number, MonthViewModel]>((x, i) => [positions[i], x])\n              .filter(([top, month]) => CalendarUtils.isMonthVisible(top, month, this.theme))\n              .map(this.renderMonth, this)}\n          </div>\n          <div className={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    const date = this.getDateInNativeFormat(this.props.value);\n    const minDate = this.getDateInNativeFormat(this.props.minDate);\n    const maxDate = this.getDateInNativeFormat(this.props.maxDate);\n\n    return (\n      <Month\n        key={month.month + '-' + month.year}\n        top={top}\n        month={month}\n        maxDate={maxDate}\n        minDate={minDate}\n        today={this.state.today}\n        value={date}\n        onDateClick={this.handleDateChange}\n        onMonthYearChange={this.handleMonthYearChange}\n        isHoliday={this.isHoliday}\n      />\n    );\n  }\n\n  private isHoliday = ({ date, month, year, isWeekend }: CalendarDateShape & { isWeekend: boolean }) => {\n    const dateString = InternalDateTransformer.dateToInternalString({ date, month: month + 1, year });\n\n    return this.getProps().isHoliday(dateString, isWeekend);\n  };\n\n  private handleDateChange = (dateShape: CalendarDateShape) => {\n    const value = InternalDateTransformer.dateToInternalString({\n      date: dateShape.date,\n      month: dateShape.month + 1,\n      year: dateShape.year,\n    });\n\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private getDateInNativeFormat(date: Nullable<string>) {\n    return new InternalDate().parseValue(date).toNativeFormat();\n  }\n\n  private getMonthPositions() {\n    const { scrollPosition, months } = this.state;\n\n    const positions = [scrollPosition - months[0].getHeight(this.theme)];\n    for (let i = 1; i < months.length; i++) {\n      const position = positions[i - 1] + months[i - 1].getHeight(this.theme);\n      positions.push(position);\n    }\n    return positions;\n  }\n\n  private handleMonthYearChange = (month: number, year: number) => {\n    this.scrollToMonth(month, year);\n  };\n\n  private executeAnimations = (pixelY: number) => {\n    this.setState(({ months, scrollPosition }) => {\n      const targetPosition = CalendarUtils.calculateScrollPosition(\n        months,\n        scrollPosition,\n        pixelY,\n        this.theme,\n      ).scrollPosition;\n      return { scrollTarget: targetPosition };\n    }, this.handleWheelEnd);\n\n    this.animation.animate(pixelY, (deltaY) => {\n      // FIXME: Typescript not resolving setState cb type\n      this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any);\n    });\n\n    CalendarScrollEvents.emit();\n  };\n\n  private handleTouchStart = (event: Event) => {\n    if (!(event instanceof TouchEvent)) {\n      return;\n    }\n\n    const clientY = event.targetTouches[0].clientY;\n    this.touchStartY = clientY;\n  };\n\n  private handleTouchMove = (event: Event) => {\n    if (!(event instanceof TouchEvent)) {\n      return;\n    }\n\n    const { clientY } = event.changedTouches[0];\n\n    const deltaY = (this.touchStartY || 0) - clientY;\n    this.touchStartY = clientY;\n\n    this.executeAnimations(deltaY);\n  };\n\n  private throttledHandleTouchMove = throttle(this.handleTouchMove, 10);\n\n  private handleWheel = (event: Event) => {\n    if (!(event instanceof WheelEvent)) {\n      return;\n    }\n    event.preventDefault();\n    const { pixelY } = normalizeWheel(event);\n\n    this.executeAnimations(pixelY);\n  };\n\n  private handleWheelEnd = () => {\n    if (this.wheelEndTimeout) {\n      clearTimeout(this.wheelEndTimeout);\n    }\n    this.wheelEndTimeout = window.setTimeout(this.scrollToNearestWeek, 300);\n  };\n  private scrollToNearestWeek = () => {\n    const { scrollTarget, scrollDirection } = this.state;\n\n    const trasholdHeight = themeConfig(this.theme).MONTH_TITLE_OFFSET_HEIGHT + themeConfig(this.theme).DAY_SIZE;\n\n    if (scrollTarget < trasholdHeight) {\n      let targetPosition = 0;\n      if (scrollDirection < 0) {\n        targetPosition = trasholdHeight;\n      }\n\n      this.setState({ scrollTarget: targetPosition }, () => {\n        const amount = scrollTarget - targetPosition;\n        this.animation.animate(amount, (deltaY) => {\n          // FIXME: Typescript not resolving setState cb type\n          this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any);\n        });\n      });\n    }\n  };\n\n  private scrollTo = (pos: number, onEnd?: () => void) => {\n    const scrollAmmount = pos - this.state.scrollPosition;\n    return this.scrollAmount(scrollAmmount, onEnd);\n  };\n\n  private scrollAmount = (scrollAmmount: number, onEnd?: () => void) => {\n    return this.animation.animate(\n      scrollAmmount,\n      (deltaY) => {\n        this.setState(({ scrollPosition }) => ({\n          scrollPosition: scrollPosition + deltaY,\n        }));\n      },\n      onEnd,\n    );\n  };\n}\n"]}

package/{internal → components}/Calendar/Calendar/package.json

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

package/components/Calendar/Calendar.d.ts

@@ -0,0 +1,105 @@
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { Nullable, Range } from '../../typings/utility-types';
+import { MonthViewModel } from './MonthViewModel';
+import { CalendarDateShape } from './CalendarDateShape';
+export interface CalendarProps extends CommonProps {
+    /**
+     * Вызывается при изменении `value`
+     *
+     * В аргументе хранится дата в формате `dd.mm.yyyy`
+     */
+    onValueChange?: (date: string) => void;
+    /**
+     * Задаёт текущую дату
+     *
+     * Дата задаётся в формате `dd.mm.yyyy`
+     */
+    value: Nullable<string>;
+    /**
+     * Задаёт максимальную возможную дату
+     *
+     * Дата задаётся в формате `dd.mm.yyyy`
+     */
+    maxDate?: string;
+    /**
+     * Задаёт минимальную возможную дату
+     *
+     * Дата задаётся в формате `dd.mm.yyyy`
+     */
+    minDate?: string;
+    /**
+     * Функция для определения праздничных дней
+     * @default (_day, isWeekend) => isWeekend
+     * @param {string} day - строка в формате `dd.mm.yyyy`
+     * @param {boolean} isWeekend - флаг выходного (суббота или воскресенье)
+     *
+     * @returns {boolean} `true` для выходного или `false` для рабочего дня
+     */
+    isHoliday?: (day: string, isWeekend: boolean) => boolean;
+    /**
+     * Позволяет задать начальный месяц
+     */
+    initialMonth?: Range<1, 13>;
+    /**
+     * Позволяет задать начальный год
+     */
+    initialYear?: number;
+}
+export interface CalendarState {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    today: CalendarDateShape;
+    scrollDirection: number;
+    scrollTarget: number;
+}
+export declare const CalendarDataTids: {
+    readonly root: "Calendar__root";
+    readonly month: "MonthView__month";
+    readonly dayCell: "DayCellView__root";
+    readonly headerMonth: "MonthView__headerMonth";
+    readonly headerYear: "MonthView__headerYear";
+};
+declare type DefaultProps = Required<Pick<CalendarProps, 'minDate' | 'maxDate' | 'isHoliday'>>;
+/**
+ * Компонент календаря из [DatePicker](https://tech.skbkontur.ru/react-ui/#/Components/DatePicker)'а
+ */
+export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
+    static __KONTUR_REACT_UI__: string;
+    private static formatDate;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private theme;
+    private wheelEndTimeout;
+    private root;
+    private animation;
+    private touchStartY;
+    private setRootNode;
+    constructor(props: CalendarProps);
+    componentDidUpdate(prevProps: Readonly<CalendarProps>): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    /**
+     * Прокручивает календарь до переданной даты
+     * @public
+     */
+    scrollToMonth: (month: number, year: number) => Promise<void>;
+    private renderMain;
+    private refRoot;
+    private renderMonth;
+    private isHoliday;
+    private handleDateChange;
+    private getDateInNativeFormat;
+    private getMonthPositions;
+    private handleMonthYearChange;
+    private executeAnimations;
+    private handleTouchStart;
+    private handleTouchMove;
+    private throttledHandleTouchMove;
+    private handleWheel;
+    private handleWheelEnd;
+    private scrollToNearestWeek;
+    private scrollTo;
+    private scrollAmount;
+}
+export {};