@alfalab/core-components 47.13.0 → 47.14.0-beta.0

package/calendar/components/calendar-mobile/Component.js

@@ -8,7 +8,10 @@ var resizeObserver = require('@juggle/resize-observer');
 var cn = require('classnames');
 var endOfDay = require('date-fns/endOfDay');
 var isAfter = require('date-fns/isAfter');
+var isSameDay = require('date-fns/isSameDay');
 var isSameMonth = require('date-fns/isSameMonth');
+var isThisMonth = require('date-fns/isThisMonth');
+var lastDayOfMonth = require('date-fns/lastDayOfMonth');
 var startOfDay = require('date-fns/startOfDay');
 var startOfMonth = require('date-fns/startOfMonth');
 var mobile$1 = require('../../../button/mobile');
@@ -28,17 +31,20 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
 var isAfter__default = /*#__PURE__*/_interopDefaultCompat(isAfter);
+var isSameDay__default = /*#__PURE__*/_interopDefaultCompat(isSameDay);
 var isSameMonth__default = /*#__PURE__*/_interopDefaultCompat(isSameMonth);
+var isThisMonth__default = /*#__PURE__*/_interopDefaultCompat(isThisMonth);
+var lastDayOfMonth__default = /*#__PURE__*/_interopDefaultCompat(lastDayOfMonth);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var backdropTransitionStyles = {"appear":"calendar__appear_sjz8a","enter":"calendar__enter_sjz8a","appearActive":"calendar__appearActive_sjz8a","enterActive":"calendar__enterActive_sjz8a","appearDone":"calendar__appearDone_sjz8a","enterDone":"calendar__enterDone_sjz8a","exit":"calendar__exit_sjz8a","exitActive":"calendar__exitActive_sjz8a","exitDone":"calendar__exitDone_sjz8a"};
+var backdropTransitionStyles = {"appear":"calendar__appear_14rd4","enter":"calendar__enter_14rd4","appearActive":"calendar__appearActive_14rd4","enterActive":"calendar__enterActive_14rd4","appearDone":"calendar__appearDone_14rd4","enterDone":"calendar__enterDone_14rd4","exit":"calendar__exit_14rd4","exitActive":"calendar__exitActive_14rd4","exitDone":"calendar__exitDone_14rd4"};
 require('./backdrop-transitions.css');
 
-var styles = {"wrapper":"calendar__wrapper_yo10z","withZIndex":"calendar__withZIndex_yo10z","calendar":"calendar__calendar_yo10z","dayNames":"calendar__dayNames_yo10z","withHeader":"calendar__withHeader_yo10z","month":"calendar__month_yo10z","clickableMonth":"calendar__clickableMonth_yo10z","rectangular":"calendar__rectangular_yo10z","active":"calendar__active_yo10z","monthTitle":"calendar__monthTitle_yo10z","disabled":"calendar__disabled_yo10z","daysTable":"calendar__daysTable_yo10z","dayName":"calendar__dayName_yo10z","virtuoso":"calendar__virtuoso_yo10z","contentModal":"calendar__contentModal_yo10z","content":"calendar__content_yo10z"};
+var styles = {"wrapper":"calendar__wrapper_1rzwl","withZIndex":"calendar__withZIndex_1rzwl","calendar":"calendar__calendar_1rzwl","dayNames":"calendar__dayNames_1rzwl","withHeader":"calendar__withHeader_1rzwl","month":"calendar__month_1rzwl","clickableMonth":"calendar__clickableMonth_1rzwl","rectangular":"calendar__rectangular_1rzwl","active":"calendar__active_1rzwl","monthTitle":"calendar__monthTitle_1rzwl","disabled":"calendar__disabled_1rzwl","daysTable":"calendar__daysTable_1rzwl","dayName":"calendar__dayName_1rzwl","virtuoso":"calendar__virtuoso_1rzwl","contentModal":"calendar__contentModal_1rzwl","content":"calendar__content_1rzwl"};
 require('./index.css');
 
-var transitionStyles = {"appear":"calendar__appear_1ctn0","enter":"calendar__enter_1ctn0","appearActive":"calendar__appearActive_1ctn0","enterActive":"calendar__enterActive_1ctn0","exit":"calendar__exit_1ctn0","exitActive":"calendar__exitActive_1ctn0","exitDone":"calendar__exitDone_1ctn0"};
+var transitionStyles = {"appear":"calendar__appear_10m93","enter":"calendar__enter_10m93","appearActive":"calendar__appearActive_10m93","enterActive":"calendar__enterActive_10m93","exit":"calendar__exit_10m93","exitActive":"calendar__exitActive_10m93","exitDone":"calendar__exitDone_10m93"};
 require('./transitions.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
@@ -46,8 +52,7 @@ if (typeof window !== 'undefined' && !window.ResizeObserver) {
     window.ResizeObserver = resizeObserver.ResizeObserver;
 }
 var CalendarMonthOnlyView = function (_a) {
-    var value = _a.value, _b = _a.mode, mode = _b === void 0 ? 'single' : _b, _c = _a.rangeBehavior, rangeBehavior = _c === void 0 ? 'clarification' : _c, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, defaultMonthTimestamp = _a.defaultMonth, offDays = _a.offDays, events = _a.events, holidays = _a.holidays, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, _d = _a.yearsAmount, yearsAmount = _d === void 0 ? 3 : _d, dayAddons = _a.dayAddons, _e = _a.shape, shape = _e === void 0 ? 'rounded' : _e, scrollableContainer = _a.scrollableContainer, clickableMonth = _a.clickableMonth, resetCurrentClickedMonth = _a.resetCurrentClickedMonth;
-    var _f = React.useState(''), activeMonthLabel = _f[0], setActiveMonthLabel = _f[1];
+    var value = _a.value, _b = _a.mode, mode = _b === void 0 ? 'single' : _b, _c = _a.rangeBehavior, rangeBehavior = _c === void 0 ? 'clarification' : _c, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, defaultMonthTimestamp = _a.defaultMonth, offDays = _a.offDays, events = _a.events, holidays = _a.holidays, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, _d = _a.yearsAmount, yearsAmount = _d === void 0 ? 3 : _d, dayAddons = _a.dayAddons, _e = _a.shape, shape = _e === void 0 ? 'rounded' : _e, scrollableContainer = _a.scrollableContainer, clickableMonth = _a.clickableMonth;
     var range = useRange.useRange({
         mode: mode,
         value: value,
@@ -71,7 +76,18 @@ var CalendarMonthOnlyView = function (_a) {
         return startOfMonth__default.default(selected ||
             utils.limitDate(defaultMonthTimestamp || Date.now(), minDateTimestamp, maxDateTimestamp));
     }, [defaultMonthTimestamp, maxDateTimestamp, minDateTimestamp, selected]);
-    var _g = useCalendar.useCalendar(tslib.__assign({ month: month, defaultMonth: defaultMonth, view: 'months', minDate: minDate, maxDate: maxDate, selected: selected, offDays: offDays, events: events, onChange: range.onChange, dayAddons: dayAddons }, (clickableMonth && { resetCurrentClickedMonth: resetCurrentClickedMonth }))), activeMonth = _g.activeMonth, highlighted = _g.highlighted, getDayProps = _g.getDayProps;
+    var _f = useCalendar.useCalendar({
+        month: month,
+        defaultMonth: defaultMonth,
+        view: 'months',
+        minDate: minDate,
+        maxDate: maxDate,
+        selected: selected,
+        offDays: offDays,
+        events: events,
+        onChange: range.onChange,
+        dayAddons: dayAddons,
+    }), activeMonth = _f.activeMonth, highlighted = _f.highlighted, getDayProps = _f.getDayProps;
     var activeMonths = React.useMemo(function () {
         var eventsMap = utils.dateArrayToHashTable(events || []);
         var offDaysMap = utils.dateArrayToHashTable(offDays || []);
@@ -105,18 +121,46 @@ var CalendarMonthOnlyView = function (_a) {
         var date = range.value || range.selectedFrom || activeMonth.getTime() || Date.now();
         return activeMonths.findIndex(function (m) { return isSameMonth__default.default(date, m.date); });
     }, [range.value, range.selectedFrom, activeMonth, activeMonths]);
-    var handleClickMonthLabel = function (index) {
-        if (activeMonths[index].title !== activeMonthLabel || activeMonthLabel === '') {
-            setActiveMonthLabel(activeMonths[index].title);
+    // заголовок должен становиться активным если выбран весь доступный период в месяце
+    var isMonthActive = function (currentMonthIndex) {
+        if (value && utils.isRangeValue(value)) {
+            var initialMonthDate = activeMonths[initialMonthIndex].date;
+            var currentMonthDate = activeMonths[currentMonthIndex].date;
+            var firstAvailableDayOfMonth = startOfMonth__default.default(initialMonthDate).getTime();
+            /**
+             * последний доступный день месяца в timestamp
+             * представлен в виде последнего календарного дня, либо в виде текущей даты для актуального месяца
+             */
+            var lastAvailableDayOfMonth = isThisMonth__default.default(initialMonthDate)
+                ? startOfDay__default.default(new Date()).getTime()
+                : lastDayOfMonth__default.default(initialMonthDate).getTime();
+            var dateFrom = value.dateFrom, dateTo = value.dateTo;
+            if (dateFrom &&
+                dateTo &&
+                isSameMonth__default.default(initialMonthDate, currentMonthDate) &&
+                isSameDay__default.default(firstAvailableDayOfMonth, dateFrom) &&
+                isSameDay__default.default(lastAvailableDayOfMonth, dateTo)) {
+                return true;
+            }
         }
-        else {
-            setActiveMonthLabel('');
-            if (onChange) {
+        return false;
+    };
+    var handleClickMonthLabel = function (index) {
+        if (onChange) {
+            var date = activeMonths[index].date;
+            var firstAvailableDayOfMonth = startOfMonth__default.default(date).getTime();
+            var lastAvailableDayOfMonth = isThisMonth__default.default(date)
+                ? startOfDay__default.default(new Date()).getTime()
+                : lastDayOfMonth__default.default(date).getTime();
+            if (isMonthActive(index)) {
                 onChange();
             }
+            else {
+                onChange(firstAvailableDayOfMonth, lastAvailableDayOfMonth);
+            }
         }
     };
-    var getMonthTitle = function (index, isClickableMonth) {
+    var getMonthLabel = function (index, isClickableMonth) {
         if (isClickableMonth) {
             return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { className: styles.monthTitle, view: 'primary-small', color: 'primary' }, activeMonths[index].title));
         }
@@ -124,7 +168,6 @@ var CalendarMonthOnlyView = function (_a) {
     };
     var renderMonth = function (index) {
         var _a;
-        var monthClicked = activeMonthLabel === activeMonths[index].title;
         var isAfterDate = isAfter__default.default(activeMonths[index].date, activeMonth);
         return (React__default.default.createElement("div", { className: styles.daysTable, id: "month-".concat(index) },
             onMonthTitleClick ? (
@@ -134,16 +177,11 @@ var CalendarMonthOnlyView = function (_a) {
             React__default.default.createElement("span", tslib.__assign({ className: cn__default.default(styles.month, tslib.__assign({}, (clickableMonth && (_a = {},
                     _a[styles.clickableMonth] = true,
                     _a[styles.rectangular] = shape === 'rectangular',
-                    _a[styles.active] = monthClicked,
+                    _a[styles.active] = isMonthActive(index),
                     _a[styles.disabled] = isAfterDate,
-                    _a)))) }, (clickableMonth && { onClick: function () { return handleClickMonthLabel(index); } })), getMonthTitle(index, clickableMonth))),
-            React__default.default.createElement(components_daysTable_Component.DaysTable, { withTransition: false, weeks: activeMonths[index].weeks, activeMonth: activeMonth, selectedFrom: range.selectedFrom, selectedTo: range.selectedTo, getDayProps: getDayProps, highlighted: highlighted, hasHeader: false, responsive: true, shape: shape, monthClicked: monthClicked, onChange: onChange })));
+                    _a)))) }, (clickableMonth && { onClick: function () { return handleClickMonthLabel(index); } })), getMonthLabel(index, clickableMonth))),
+            React__default.default.createElement(components_daysTable_Component.DaysTable, { withTransition: false, weeks: activeMonths[index].weeks, activeMonth: activeMonth, selectedFrom: range.selectedFrom, selectedTo: range.selectedTo, getDayProps: getDayProps, highlighted: highlighted, hasHeader: false, responsive: true, shape: shape })));
     };
-    React.useImperativeHandle(resetCurrentClickedMonth, function () { return ({
-        resetCurrentClickedMonth: function () {
-            setActiveMonthLabel('');
-        },
-    }); });
     return (React__default.default.createElement(reactVirtuoso.Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: { index: initialMonthIndex !== null && initialMonthIndex !== void 0 ? initialMonthIndex : 0, align: 'center' }, increaseViewportBy: 500, itemSize: function (el) { return el.getBoundingClientRect().height + 32; }, customScrollParent: scrollableContainer, useWindowScroll: true, className: styles.virtuoso }));
 };
 var CalendarMonthOnlyViewHeader = function () { return (React__default.default.createElement("table", { className: styles.dayNames },
@@ -153,7 +191,6 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
     var _b, _c;
     var _d = _a.hasHeader, hasHeader = _d === void 0 ? true : _d, _e = _a.allowSelectionFromEmptyRange, allowSelectionFromEmptyRange = _e === void 0 ? false : _e, className = _a.className, _f = _a.defaultView, defaultView = _f === void 0 ? 'days' : _f, _g = _a.selectorView, selectorView = _g === void 0 ? 'full' : _g, value = _a.value, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, dataTestId = _a.dataTestId, open = _a.open, onClose = _a.onClose, _h = _a.title, title = _h === void 0 ? 'Календарь' : _h, _j = _a.yearsAmount, yearsAmount = _j === void 0 ? 3 : _j, onApply = _a.onApply, clickableMonth = _a.clickableMonth, restProps = tslib.__rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "onMonthTitleClick", "dataTestId", "open", "onClose", "title", "yearsAmount", "onApply", "clickableMonth"]);
     var _k = React.useState(), modalRef = _k[0], setModalRef = _k[1];
-    var resetCurrentClickedMonth = React.useRef(null);
     var monthOnlyView = selectorView === 'month-only';
     var handleClose = function () {
         if (onClose)
@@ -164,10 +201,8 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
         handleClose === null || handleClose === void 0 ? void 0 : handleClose();
     };
     var handleClear = function () {
-        var _a;
         if (onChange)
             onChange();
-        (_a = resetCurrentClickedMonth === null || resetCurrentClickedMonth === void 0 ? void 0 : resetCurrentClickedMonth.current) === null || _a === void 0 ? void 0 : _a.resetCurrentClickedMonth();
     };
     var renderDayNames = function () { return (monthOnlyView ? React__default.default.createElement(CalendarMonthOnlyViewHeader, null) : null); };
     var renderContent = function () {
@@ -180,7 +215,7 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
             selectedTo: selectedTo,
         };
         if (monthOnlyView) {
-            return (React__default.default.createElement(CalendarMonthOnlyView, tslib.__assign({ yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick, clickableMonth: clickableMonth, resetCurrentClickedMonth: resetCurrentClickedMonth }, commonProps, restProps)));
+            return (React__default.default.createElement(CalendarMonthOnlyView, tslib.__assign({ yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick, clickableMonth: clickableMonth }, commonProps, restProps)));
         }
         return (React__default.default.createElement(desktop_Component_desktop.CalendarDesktop, tslib.__assign({ responsive: true, className: cn__default.default(className, styles.calendar), contentClassName: styles.content, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'mobile') }, commonProps, restProps)));
     };

package/calendar/components/calendar-mobile/backdrop-transitions.css

@@ -19,19 +19,19 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} .calendar__appear_sjz8a,
-.calendar__enter_sjz8a {
+} .calendar__appear_14rd4,
+.calendar__enter_14rd4 {
     background-color: transparent;
-} .calendar__appearActive_sjz8a,
-.calendar__enterActive_sjz8a,
-.calendar__appearDone_sjz8a,
-.calendar__enterDone_sjz8a {
+} .calendar__appearActive_14rd4,
+.calendar__enterActive_14rd4,
+.calendar__appearDone_14rd4,
+.calendar__enterDone_14rd4 {
     background-color: var(--color-light-neutral-translucent-300);
     transition: background-color 80ms linear;
-} .calendar__exit_sjz8a {
+} .calendar__exit_14rd4 {
     background-color: var(--color-light-neutral-translucent-300);
-} .calendar__exitActive_sjz8a,
-.calendar__exitDone_sjz8a {
+} .calendar__exitActive_14rd4,
+.calendar__exitDone_14rd4 {
     background-color: transparent;
     transition: background-color 80ms linear;
     transition-delay: 280ms;

package/calendar/components/calendar-mobile/index.css

@@ -20,6 +20,7 @@
     /* Hard up */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */
     --border-radius-l: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --border-radius-pill: 99px;
 
     /* новые значения, используйте их */
 } :root { /* deprecated */ /* deprecated */
@@ -66,26 +67,26 @@
     /* mobile */
 
     /* paddings */
-} .calendar__wrapper_yo10z {
+} .calendar__wrapper_1rzwl {
     overflow-x: hidden;
-} .calendar__withZIndex_yo10z {
+} .calendar__withZIndex_1rzwl {
     z-index: 2;
-} .calendar__calendar_yo10z.calendar__calendar_yo10z {
+} .calendar__calendar_1rzwl.calendar__calendar_1rzwl {
     height: 100%;
-} .calendar__calendar_yo10z th {
+} .calendar__calendar_1rzwl th {
     border-bottom: 1px solid var(--color-light-neutral-300);
-} .calendar__dayNames_yo10z {
+} .calendar__dayNames_1rzwl {
     width: 100%;
     position: sticky;
     background: var(--modal-header-background);
     top: 0;
     height: 32px;
     padding: 0 6px
-} .calendar__dayNames_yo10z.calendar__withHeader_yo10z {
+} .calendar__dayNames_1rzwl.calendar__withHeader_1rzwl {
         top: 48px;
-    } .calendar__dayNames_yo10z th {
+    } .calendar__dayNames_1rzwl th {
     height: 100%;
-} .calendar__month_yo10z {
+} .calendar__month_1rzwl {
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
@@ -94,42 +95,42 @@
     text-transform: uppercase;
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-xs)
-} .calendar__month_yo10z.calendar__clickableMonth_yo10z {
+} .calendar__month_1rzwl.calendar__clickableMonth_1rzwl {
         padding: 10px var(--gap-m);
         align-self: flex-start;
-        border-radius: 999px;
+        border-radius: var(--border-radius-pill);
         background-color: var(--color-light-neutral-translucent-100);
         cursor: pointer;
         text-transform: unset
-    } .calendar__month_yo10z.calendar__clickableMonth_yo10z.calendar__rectangular_yo10z {
+    } .calendar__month_1rzwl.calendar__clickableMonth_1rzwl.calendar__rectangular_1rzwl {
             border-radius: var(--border-radius-l);
-        } .calendar__month_yo10z.calendar__clickableMonth_yo10z.calendar__active_yo10z {
+        } .calendar__month_1rzwl.calendar__clickableMonth_1rzwl.calendar__active_1rzwl {
             background-color: var(--color-light-accent-secondary)
-        } .calendar__month_yo10z.calendar__clickableMonth_yo10z.calendar__active_yo10z .calendar__monthTitle_yo10z {
+        } .calendar__month_1rzwl.calendar__clickableMonth_1rzwl.calendar__active_1rzwl .calendar__monthTitle_1rzwl {
                 color: var(--color-light-text-primary-inverted);
-            } .calendar__month_yo10z.calendar__clickableMonth_yo10z.calendar__disabled_yo10z {
+            } .calendar__month_1rzwl.calendar__clickableMonth_1rzwl.calendar__disabled_1rzwl {
             pointer-events: none
-        } .calendar__month_yo10z.calendar__clickableMonth_yo10z.calendar__disabled_yo10z .calendar__monthTitle_yo10z {
+        } .calendar__month_1rzwl.calendar__clickableMonth_1rzwl.calendar__disabled_1rzwl .calendar__monthTitle_1rzwl {
                 color: var(--color-light-text-tertiary);
-            } .calendar__daysTable_yo10z {
+            } .calendar__daysTable_1rzwl {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
-} .calendar__dayName_yo10z {
+} .calendar__dayName_1rzwl {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     height: var(--calendar-day-size);
     color: var(--color-light-text-secondary)
-} @media (max-width: 374px) { .calendar__dayName_yo10z {
+} @media (max-width: 374px) { .calendar__dayName_1rzwl {
         height: 36px
 }
-    } .calendar__virtuoso_yo10z {
+    } .calendar__virtuoso_1rzwl {
     margin: 0 var(--gap-m);
-} .calendar__contentModal_yo10z {
+} .calendar__contentModal_1rzwl {
     padding-right: 0;
     padding-left: 0;
-} .calendar__content_yo10z.calendar__content_yo10z {
+} .calendar__content_1rzwl.calendar__content_1rzwl {
     flex-basis: 0;
 }

package/calendar/components/calendar-mobile/transitions.css

@@ -18,18 +18,18 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} .calendar__appear_1ctn0,
-.calendar__enter_1ctn0 {
+} .calendar__appear_10m93,
+.calendar__enter_10m93 {
     transform: translateX(100%);
-} .calendar__appearActive_1ctn0,
-.calendar__enterActive_1ctn0 {
+} .calendar__appearActive_10m93,
+.calendar__enterActive_10m93 {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
-} .calendar__exit_1ctn0 {
+} .calendar__exit_10m93 {
     transform: translateX(0);
-} .calendar__exitActive_1ctn0,
-.calendar__exitDone_1ctn0 {
+} .calendar__exitActive_10m93,
+.calendar__exitDone_10m93 {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

package/calendar/components/calendar-mobile/typings.d.ts

@@ -3,9 +3,6 @@ import React from 'react';
 import { CalendarDesktopProps } from "../../desktop/index";
 type OmittedCalendarProps = 'headerClassName' | 'contentClassName';
 type OmittedCalendarContentProps = 'className' | 'defaultView' | 'selectorView' | 'rangeComplete' | 'onMonthChange' | 'onYearClick' | 'onPeriodClick' | 'dataTestId' | 'hasHeader' | 'responsive' | 'showCurrentYearSelector';
-type ResetCurrentClickedMonth = {
-    resetCurrentClickedMonth: () => void;
-};
 type CalendarContentProps = {
     /**
      * Обработчик клика на название месяца в мобильном календаре
@@ -50,4 +47,4 @@ type CalendarMobileProps = {
      */
     clickableMonth?: boolean;
 } & CalendarContentProps & Pick<CalendarDesktopProps, OmittedCalendarContentProps>;
-export { ResetCurrentClickedMonth, CalendarContentProps, CalendarMobileProps };
+export { CalendarContentProps, CalendarMobileProps };

package/calendar/components/days-table/Component.d.ts

@@ -54,14 +54,6 @@ type DaysTableProps = {
      * Рендерит компонент, обернутый в Transition
      */
     withTransition?: boolean;
-    /**
-     * При клике на месяц будут выбраны все доступные дни месяца
-     */
-    monthClicked?: boolean;
-    /**
-     * Обработчик выбора даты
-     */
-    onChange?: (date?: number, dateTo?: number) => void;
 };
 declare const DaysTable: FC<DaysTableProps>;
 export { DaysTableProps, DaysTable };

package/calendar/components/days-table/Component.js

@@ -4,7 +4,6 @@ var tslib = require('tslib');
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var cn = require('classnames');
-var dateFns = require('date-fns');
 var isEqual = require('date-fns/isEqual');
 var isLastDayOfMonth = require('date-fns/isLastDayOfMonth');
 var isSameDay = require('date-fns/isSameDay');
@@ -26,16 +25,14 @@ var isToday__default = /*#__PURE__*/_interopDefaultCompat(isToday);
 var isWithinInterval__default = /*#__PURE__*/_interopDefaultCompat(isWithinInterval);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"daysTable":"calendar__daysTable_zv7v3","responsive":"calendar__responsive_zv7v3","dayName":"calendar__dayName_zv7v3","day":"calendar__day_zv7v3","rounded":"calendar__rounded_zv7v3","rectangular":"calendar__rectangular_zv7v3","highlighted":"calendar__highlighted_zv7v3","range":"calendar__range_zv7v3","disabled":"calendar__disabled_zv7v3","holiday":"calendar__holiday_zv7v3","today":"calendar__today_zv7v3","rangeComplete":"calendar__rangeComplete_zv7v3","selected":"calendar__selected_zv7v3","dayWrapper":"calendar__dayWrapper_zv7v3","cursorPointer":"calendar__cursorPointer_zv7v3","rangeEnd":"calendar__rangeEnd_zv7v3","shapeRectangular":"calendar__shapeRectangular_zv7v3","rangeStart":"calendar__rangeStart_zv7v3","transitLeft":"calendar__transitLeft_zv7v3","transitRight":"calendar__transitRight_zv7v3","sharpTransitLeft":"calendar__sharpTransitLeft_zv7v3","sharpTransitRight":"calendar__sharpTransitRight_zv7v3","daysEnter":"calendar__daysEnter_zv7v3","left":"calendar__left_zv7v3","daysEnterActive":"calendar__daysEnterActive_zv7v3","daysExit":"calendar__daysExit_zv7v3","daysExitActive":"calendar__daysExitActive_zv7v3","right":"calendar__right_zv7v3","dayAddons":"calendar__dayAddons_zv7v3","dayContent":"calendar__dayContent_zv7v3","addons":"calendar__addons_zv7v3","dot":"calendar__dot_zv7v3","bottomAddon":"calendar__bottomAddon_zv7v3"};
+var styles = {"daysTable":"calendar__daysTable_1c2lr","responsive":"calendar__responsive_1c2lr","dayName":"calendar__dayName_1c2lr","day":"calendar__day_1c2lr","rounded":"calendar__rounded_1c2lr","rectangular":"calendar__rectangular_1c2lr","highlighted":"calendar__highlighted_1c2lr","range":"calendar__range_1c2lr","disabled":"calendar__disabled_1c2lr","holiday":"calendar__holiday_1c2lr","today":"calendar__today_1c2lr","rangeComplete":"calendar__rangeComplete_1c2lr","selected":"calendar__selected_1c2lr","dayWrapper":"calendar__dayWrapper_1c2lr","cursorPointer":"calendar__cursorPointer_1c2lr","rangeEnd":"calendar__rangeEnd_1c2lr","shapeRectangular":"calendar__shapeRectangular_1c2lr","rangeStart":"calendar__rangeStart_1c2lr","transitLeft":"calendar__transitLeft_1c2lr","transitRight":"calendar__transitRight_1c2lr","sharpTransitLeft":"calendar__sharpTransitLeft_1c2lr","sharpTransitRight":"calendar__sharpTransitRight_1c2lr","daysEnter":"calendar__daysEnter_1c2lr","left":"calendar__left_1c2lr","daysEnterActive":"calendar__daysEnterActive_1c2lr","daysExit":"calendar__daysExit_1c2lr","daysExitActive":"calendar__daysExitActive_1c2lr","right":"calendar__right_1c2lr","dayAddons":"calendar__dayAddons_1c2lr","dayContent":"calendar__dayContent_1c2lr","addons":"calendar__addons_1c2lr","dot":"calendar__dot_1c2lr","bottomAddon":"calendar__bottomAddon_1c2lr"};
 require('./index.css');
 
 var DaysTable = function (_a) {
     var _b;
-    var _c = _a.weeks, weeks = _c === void 0 ? [] : _c, _d = _a.activeMonth, activeMonth = _d === void 0 ? new Date() : _d, highlighted = _a.highlighted, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, _e = _a.rangeComplete, rangeComplete = _e === void 0 ? selectedFrom && selectedTo : _e, getDayProps = _a.getDayProps, _f = _a.hasHeader, hasHeader = _f === void 0 ? true : _f, responsive = _a.responsive, _g = _a.shape, shape = _g === void 0 ? 'rounded' : _g, _h = _a.withTransition, withTransition = _h === void 0 ? true : _h, _j = _a.monthClicked, monthClicked = _j === void 0 ? false : _j, onChange = _a.onChange;
+    var _c = _a.weeks, weeks = _c === void 0 ? [] : _c, _d = _a.activeMonth, activeMonth = _d === void 0 ? new Date() : _d, highlighted = _a.highlighted, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, _e = _a.rangeComplete, rangeComplete = _e === void 0 ? selectedFrom && selectedTo : _e, getDayProps = _a.getDayProps, _f = _a.hasHeader, hasHeader = _f === void 0 ? true : _f, responsive = _a.responsive, _g = _a.shape, shape = _g === void 0 ? 'rounded' : _g, _h = _a.withTransition, withTransition = _h === void 0 ? true : _h;
     var activeMonthRef = React.useRef(activeMonth);
     var directionRef = React.useRef();
-    var currentStartMonth = React.useRef();
-    var currentEndPeriod = React.useRef();
     activeMonthRef.current = activeMonth;
     var prevActiveMonth = hooks.usePrevious(activeMonth);
     if (prevActiveMonth && prevActiveMonth !== activeMonth) {
@@ -78,15 +75,6 @@ var DaysTable = function (_a) {
             if (!day.disabled)
                 onClick(e);
         };
-        if (dayIdx === 0) {
-            currentStartMonth.current = startOfMonth__default.default(day.date).getTime();
-        }
-        if (isToday__default.default(day.date)) {
-            currentEndPeriod.current = dateFns.getTime(day.date);
-        }
-        else if (!currentEndPeriod.current && isLastDayOfMonth__default.default(day.date)) {
-            currentEndPeriod.current = dateFns.getTime(day.date);
-        }
         return (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
         React__default.default.createElement("td", tslib.__assign({}, dayProps, { key: day.date.getTime(), className: cn__default.default(styles.dayWrapper, (_a = {},
@@ -126,12 +114,6 @@ var DaysTable = function (_a) {
     };
     var renderWeek = function (week, weekIdx) { return (React__default.default.createElement("tr", { key: weekIdx }, week.map(renderDay))); };
     var renderMonth = function () { return React__default.default.createElement("tbody", null, weeks.map(renderWeek)); };
-    React.useEffect(function () {
-        if (monthClicked && onChange) {
-            onChange(currentStartMonth.current, currentEndPeriod.current);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [monthClicked]);
     return (React__default.default.createElement("table", { className: cn__default.default(styles.daysTable, directionRef.current && styles[directionRef.current], (_b = {},
             _b[styles.responsive] = responsive,
             _b)) },