@alfalab/core-components 47.20.0-beta.2 → 47.20.0-beta.4

package/base-modal/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from 'react';
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BackdropProps } from "../backdrop";
 import { PortalProps } from "../portal";
@@ -138,6 +138,10 @@ type BaseModalProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
      */
     iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;

package/base-modal/Component.js

@@ -43,7 +43,7 @@ var BaseModalContext = React__default.default.createContext({
     onClose: function () { return null; },
 });
 var BaseModal = React.forwardRef(function (_a, ref) {
-    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackContext.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q;
+    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackContext.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q, onWheel = _a.onWheel;
     var _r = React.useState(null), exited = _r[0], setExited = _r[1];
     var _s = React.useState(false), hasScroll = _s[0], setHasScroll = _s[1];
     var _t = React.useState(false), hasHeader = _t[0], setHasHeader = _t[1];
@@ -260,7 +260,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
                         ref,
                         wrapperRef,
                         wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.ref,
-                    ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, tabIndex: -1, "data-test-id": dataTestId, style: {
+                    ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, onWheel: onWheel, tabIndex: -1, "data-test-id": dataTestId, style: {
                         zIndex: computedZIndex,
                     } }),
                     React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({ appear: true, timeout: 200, classNames: styles, nodeRef: componentNodeRef }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),

package/base-modal/cssm/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from 'react';
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BackdropProps } from "../../backdrop";
 import { PortalProps } from "../../portal";
@@ -138,6 +138,10 @@ type BaseModalProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
      */
     iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;

package/base-modal/cssm/Component.js

@@ -42,7 +42,7 @@ var BaseModalContext = React__default.default.createContext({
     onClose: function () { return null; },
 });
 var BaseModal = React.forwardRef(function (_a, ref) {
-    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackContext.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q;
+    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackContext.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q, onWheel = _a.onWheel;
     var _r = React.useState(null), exited = _r[0], setExited = _r[1];
     var _s = React.useState(false), hasScroll = _s[0], setHasScroll = _s[1];
     var _t = React.useState(false), hasHeader = _t[0], setHasHeader = _t[1];
@@ -259,7 +259,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
                         ref,
                         wrapperRef,
                         wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.ref,
-                    ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, tabIndex: -1, "data-test-id": dataTestId, style: {
+                    ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, onWheel: onWheel, tabIndex: -1, "data-test-id": dataTestId, style: {
                         zIndex: computedZIndex,
                     } }),
                     React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({ appear: true, timeout: 200, classNames: styles__default.default, nodeRef: componentNodeRef }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),

package/base-modal/esm/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from 'react';
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BackdropProps } from "../../backdrop";
 import { PortalProps } from "../../portal";
@@ -138,6 +138,10 @@ type BaseModalProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
      */
     iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;

package/base-modal/esm/Component.js

@@ -35,7 +35,7 @@ var BaseModalContext = React.createContext({
     onClose: function () { return null; },
 });
 var BaseModal = forwardRef(function (_a, ref) {
-    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop$1 = _c === void 0 ? Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q;
+    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop$1 = _c === void 0 ? Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q, onWheel = _a.onWheel;
     var _r = useState(null), exited = _r[0], setExited = _r[1];
     var _s = useState(false), hasScroll = _s[0], setHasScroll = _s[1];
     var _t = useState(false), hasHeader = _t[0], setHasHeader = _t[1];
@@ -252,7 +252,7 @@ var BaseModal = forwardRef(function (_a, ref) {
                         ref,
                         wrapperRef,
                         wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.ref,
-                    ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, tabIndex: -1, "data-test-id": dataTestId, style: {
+                    ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, onWheel: onWheel, tabIndex: -1, "data-test-id": dataTestId, style: {
                         zIndex: computedZIndex,
                     } }),
                     React.createElement(CSSTransition, __assign({ appear: true, timeout: 200, classNames: styles, nodeRef: componentNodeRef }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),

package/base-modal/modern/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from 'react';
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BackdropProps } from "../../backdrop";
 import { PortalProps } from "../../portal";
@@ -138,6 +138,10 @@ type BaseModalProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
      */
     iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;

package/base-modal/modern/Component.js

@@ -34,7 +34,7 @@ const BaseModalContext = React.createContext({
     setHasFooter: () => null,
     onClose: () => null,
 });
-const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrapper', Backdrop: Backdrop$1 = Backdrop, backdropProps = {}, transitionProps = {}, disableBackdropClick, disableAutoFocus = false, disableFocusLock = false, disableEscapeKeyDown = false, disableRestoreFocus = false, disableBlockingScroll = false, keepMounted = false, className, contentClassName, wrapperProps, contentProps, componentDivProps, wrapperClassName, onBackdropClick, onClose, onEscapeKeyDown, onMount, onUnmount, dataTestId, zIndex = stackingOrder.MODAL, componentRef = null, usePortal = true, iOSLock = false, }, ref) => {
+const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrapper', Backdrop: Backdrop$1 = Backdrop, backdropProps = {}, transitionProps = {}, disableBackdropClick, disableAutoFocus = false, disableFocusLock = false, disableEscapeKeyDown = false, disableRestoreFocus = false, disableBlockingScroll = false, keepMounted = false, className, contentClassName, wrapperProps, contentProps, componentDivProps, wrapperClassName, onBackdropClick, onClose, onEscapeKeyDown, onMount, onUnmount, dataTestId, zIndex = stackingOrder.MODAL, componentRef = null, usePortal = true, iOSLock = false, onWheel, }, ref) => {
     const [exited, setExited] = useState(null);
     const [hasScroll, setHasScroll] = useState(false);
     const [hasHeader, setHasHeader] = useState(false);
@@ -247,7 +247,7 @@ const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrap
                     ref,
                     wrapperRef,
                     wrapperProps?.ref,
-                ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, tabIndex: -1, "data-test-id": dataTestId, style: {
+                ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, onWheel: onWheel, tabIndex: -1, "data-test-id": dataTestId, style: {
                     zIndex: computedZIndex,
                 } },
                 React.createElement(CSSTransition, { appear: true, timeout: 200, classNames: styles, nodeRef: componentNodeRef, ...transitionProps, in: open, onEntered: handleEntered, onExited: handleExited },

package/base-modal/moderncssm/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from 'react';
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BackdropProps } from "../../backdrop";
 import { PortalProps } from "../../portal";
@@ -138,6 +138,10 @@ type BaseModalProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
      */
     iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;

package/base-modal/moderncssm/Component.js

@@ -32,7 +32,7 @@ const BaseModalContext = React.createContext({
     setHasFooter: () => null,
     onClose: () => null,
 });
-const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrapper', Backdrop: Backdrop$1 = Backdrop, backdropProps = {}, transitionProps = {}, disableBackdropClick, disableAutoFocus = false, disableFocusLock = false, disableEscapeKeyDown = false, disableRestoreFocus = false, disableBlockingScroll = false, keepMounted = false, className, contentClassName, wrapperProps, contentProps, componentDivProps, wrapperClassName, onBackdropClick, onClose, onEscapeKeyDown, onMount, onUnmount, dataTestId, zIndex = stackingOrder.MODAL, componentRef = null, usePortal = true, iOSLock = false, }, ref) => {
+const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrapper', Backdrop: Backdrop$1 = Backdrop, backdropProps = {}, transitionProps = {}, disableBackdropClick, disableAutoFocus = false, disableFocusLock = false, disableEscapeKeyDown = false, disableRestoreFocus = false, disableBlockingScroll = false, keepMounted = false, className, contentClassName, wrapperProps, contentProps, componentDivProps, wrapperClassName, onBackdropClick, onClose, onEscapeKeyDown, onMount, onUnmount, dataTestId, zIndex = stackingOrder.MODAL, componentRef = null, usePortal = true, iOSLock = false, onWheel, }, ref) => {
     const [exited, setExited] = useState(null);
     const [hasScroll, setHasScroll] = useState(false);
     const [hasHeader, setHasHeader] = useState(false);
@@ -245,7 +245,7 @@ const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrap
                     ref,
                     wrapperRef,
                     wrapperProps?.ref,
-                ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, tabIndex: -1, "data-test-id": dataTestId, style: {
+                ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, onWheel: onWheel, tabIndex: -1, "data-test-id": dataTestId, style: {
                     zIndex: computedZIndex,
                 } },
                 React.createElement(CSSTransition, { appear: true, timeout: 200, classNames: styles, nodeRef: componentNodeRef, ...transitionProps, in: open, onEntered: handleEntered, onExited: handleExited },

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,7 +31,10 @@ 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);
 
@@ -115,50 +121,43 @@ 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 isMonthActive = function (currentMonthIndex) {
-        if (!value || !utils.isRangeValue(value) || !value.dateFrom || !value.dateTo) {
-            return false;
+        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;
+            }
         }
-        var dateFrom = value.dateFrom, dateTo = value.dateTo;
-        var currentMonthDate = activeMonths[currentMonthIndex].date;
-        var monthStartTimestamp = utils.getMonthStartTimestamp(currentMonthDate);
-        var monthEndTimestamp = utils.getMonthEndTimestamp(currentMonthDate);
-        // Проверяем, что выбранный диапазон полностью покрывает месяц
-        return dateFrom <= monthStartTimestamp && dateTo >= monthEndTimestamp;
+        return false;
     };
     var handleClickMonthLabel = function (index) {
-        // eslint-disable-next-line no-console
-        console.log(handleClickMonthLabel, onChange);
-        if (!onChange)
-            return;
-        var date = activeMonths[index].date;
-        var clickedMonthStartTimestamp = utils.getMonthStartTimestamp(date);
-        var clickedMonthEndTimestamp = utils.getMonthEndTimestamp(date);
-        if (!value || !utils.isRangeValue(value) || !value.dateFrom || !value.dateTo) {
-            onChange(clickedMonthStartTimestamp, clickedMonthEndTimestamp);
-            return;
-        }
-        var dateFrom = value.dateFrom, dateTo = value.dateTo;
-        var selectedRangeStartDate = new Date(dateFrom);
-        var selectedRangeEndDate = new Date(dateTo);
-        var selectedRangeStartTimestamp = utils.getMonthStartTimestamp(selectedRangeStartDate);
-        var selectedRangeEndTimestamp = utils.getMonthEndTimestamp(selectedRangeEndDate);
-        var isSingleMonthSelected = isSameMonth__default.default(selectedRangeStartDate, selectedRangeEndDate) &&
-            dateFrom <= selectedRangeStartTimestamp &&
-            dateTo >= selectedRangeEndTimestamp;
-        var isSameMonthClicked = isSameMonth__default.default(selectedRangeStartDate, date);
-        var isClickedMonthInsideRange = clickedMonthEndTimestamp >= selectedRangeStartTimestamp &&
-            clickedMonthStartTimestamp <= selectedRangeEndTimestamp;
-        if (isSingleMonthSelected && isSameMonthClicked) {
-            onChange();
-        }
-        else if (isClickedMonthInsideRange) {
-            onChange(clickedMonthStartTimestamp, clickedMonthEndTimestamp);
-        }
-        else {
-            var newDateFrom = Math.min(selectedRangeStartTimestamp, clickedMonthStartTimestamp);
-            var newDateTo = Math.max(selectedRangeEndTimestamp, clickedMonthEndTimestamp);
-            onChange(newDateFrom, newDateTo);
+        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 getMonthLabel = function (index, isClickableMonth) {
@@ -191,8 +190,6 @@ var CalendarMonthOnlyViewHeader = function () { return (React__default.default.c
 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"]);
-    // eslint-disable-next-line no-console
-    console.log('CalendarMobile');
     var _k = React.useState(), modalRef = _k[0], setModalRef = _k[1];
     var monthOnlyView = selectorView === 'month-only';
     var handleClose = function () {

package/calendar/cssm/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/cssm/mobile');
@@ -31,7 +34,10 @@ 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__default = /*#__PURE__*/_interopDefaultCompat(backdropTransitionStyles);
@@ -112,50 +118,43 @@ 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 isMonthActive = function (currentMonthIndex) {
-        if (!value || !utils.isRangeValue(value) || !value.dateFrom || !value.dateTo) {
-            return false;
+        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;
+            }
         }
-        var dateFrom = value.dateFrom, dateTo = value.dateTo;
-        var currentMonthDate = activeMonths[currentMonthIndex].date;
-        var monthStartTimestamp = utils.getMonthStartTimestamp(currentMonthDate);
-        var monthEndTimestamp = utils.getMonthEndTimestamp(currentMonthDate);
-        // Проверяем, что выбранный диапазон полностью покрывает месяц
-        return dateFrom <= monthStartTimestamp && dateTo >= monthEndTimestamp;
+        return false;
     };
     var handleClickMonthLabel = function (index) {
-        // eslint-disable-next-line no-console
-        console.log(handleClickMonthLabel, onChange);
-        if (!onChange)
-            return;
-        var date = activeMonths[index].date;
-        var clickedMonthStartTimestamp = utils.getMonthStartTimestamp(date);
-        var clickedMonthEndTimestamp = utils.getMonthEndTimestamp(date);
-        if (!value || !utils.isRangeValue(value) || !value.dateFrom || !value.dateTo) {
-            onChange(clickedMonthStartTimestamp, clickedMonthEndTimestamp);
-            return;
-        }
-        var dateFrom = value.dateFrom, dateTo = value.dateTo;
-        var selectedRangeStartDate = new Date(dateFrom);
-        var selectedRangeEndDate = new Date(dateTo);
-        var selectedRangeStartTimestamp = utils.getMonthStartTimestamp(selectedRangeStartDate);
-        var selectedRangeEndTimestamp = utils.getMonthEndTimestamp(selectedRangeEndDate);
-        var isSingleMonthSelected = isSameMonth__default.default(selectedRangeStartDate, selectedRangeEndDate) &&
-            dateFrom <= selectedRangeStartTimestamp &&
-            dateTo >= selectedRangeEndTimestamp;
-        var isSameMonthClicked = isSameMonth__default.default(selectedRangeStartDate, date);
-        var isClickedMonthInsideRange = clickedMonthEndTimestamp >= selectedRangeStartTimestamp &&
-            clickedMonthStartTimestamp <= selectedRangeEndTimestamp;
-        if (isSingleMonthSelected && isSameMonthClicked) {
-            onChange();
-        }
-        else if (isClickedMonthInsideRange) {
-            onChange(clickedMonthStartTimestamp, clickedMonthEndTimestamp);
-        }
-        else {
-            var newDateFrom = Math.min(selectedRangeStartTimestamp, clickedMonthStartTimestamp);
-            var newDateTo = Math.max(selectedRangeEndTimestamp, clickedMonthEndTimestamp);
-            onChange(newDateFrom, newDateTo);
+        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 getMonthLabel = function (index, isClickableMonth) {
@@ -188,8 +187,6 @@ var CalendarMonthOnlyViewHeader = function () { return (React__default.default.c
 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"]);
-    // eslint-disable-next-line no-console
-    console.log('CalendarMobile');
     var _k = React.useState(), modalRef = _k[0], setModalRef = _k[1];
     var monthOnlyView = selectorView === 'month-only';
     var handleClose = function () {

package/calendar/cssm/utils.d.ts

@@ -101,6 +101,4 @@ declare function isRangeValue(value: CalendarProps['value']): value is {
     dateFrom?: number | undefined;
     dateTo?: number | undefined;
 };
-declare const getMonthStartTimestamp: (date: Date) => number;
-declare const getMonthEndTimestamp: (date: Date) => number;
-export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue, getMonthStartTimestamp, getMonthEndTimestamp };
+export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue };

package/calendar/cssm/utils.js

@@ -12,7 +12,6 @@ var format = require('date-fns/format');
 var isAfter = require('date-fns/isAfter');
 var isBefore = require('date-fns/isBefore');
 var isSameDay = require('date-fns/isSameDay');
-var isThisMonth = require('date-fns/isThisMonth');
 var lastDayOfMonth = require('date-fns/lastDayOfMonth');
 var max = require('date-fns/max');
 var min = require('date-fns/min');
@@ -39,7 +38,6 @@ var format__default = /*#__PURE__*/_interopDefaultCompat(format);
 var isAfter__default = /*#__PURE__*/_interopDefaultCompat(isAfter);
 var isBefore__default = /*#__PURE__*/_interopDefaultCompat(isBefore);
 var isSameDay__default = /*#__PURE__*/_interopDefaultCompat(isSameDay);
-var isThisMonth__default = /*#__PURE__*/_interopDefaultCompat(isThisMonth);
 var lastDayOfMonth__default = /*#__PURE__*/_interopDefaultCompat(lastDayOfMonth);
 var max__default = /*#__PURE__*/_interopDefaultCompat(max);
 var min__default = /*#__PURE__*/_interopDefaultCompat(min);
@@ -256,10 +254,6 @@ function getCalendarMobileTestIds(dataTestId) {
 function isRangeValue(value) {
     return Boolean(value) && typeof value === 'object';
 }
-var getMonthStartTimestamp = function (date) { return startOfMonth__default.default(date).getTime(); };
-var getMonthEndTimestamp = function (date) {
-    return isThisMonth__default.default(date) ? startOfDay__default.default(new Date()).getTime() : lastDayOfMonth__default.default(date).getTime();
-};
 
 exports.DATE_FORMAT = DATE_FORMAT;
 exports.DAYS_IN_WEEK = DAYS_IN_WEEK;
@@ -278,8 +272,6 @@ exports.generateMonths = generateMonths;
 exports.generateWeeks = generateWeeks;
 exports.generateYears = generateYears;
 exports.getCalendarMobileTestIds = getCalendarMobileTestIds;
-exports.getMonthEndTimestamp = getMonthEndTimestamp;
-exports.getMonthStartTimestamp = getMonthStartTimestamp;
 exports.getSelectionRange = getSelectionRange;
 exports.isRangeValue = isRangeValue;
 exports.limitDate = limitDate;

package/calendar/esm/Component.responsive.js

@@ -10,7 +10,10 @@ import '@juggle/resize-observer';
 import 'classnames';
 import 'date-fns/endOfDay';
 import 'date-fns/isAfter';
+import 'date-fns/isSameDay';
 import 'date-fns/isSameMonth';
+import 'date-fns/isThisMonth';
+import 'date-fns/lastDayOfMonth';
 import 'date-fns/startOfDay';
 import 'date-fns/startOfMonth';
 import '../../button/esm/mobile';
@@ -19,7 +22,6 @@ import '../../typography/esm';
 import './useCalendar.js';
 import 'date-fns/addMonths';
 import 'date-fns/addYears';
-import 'date-fns/isSameDay';
 import 'date-fns/isSameYear';
 import 'date-fns/setYear';
 import 'date-fns/subYears';
@@ -32,8 +34,6 @@ import 'date-fns/endOfWeek';
 import 'date-fns/endOfYear';
 import 'date-fns/format';
 import 'date-fns/isBefore';
-import 'date-fns/isThisMonth';
-import 'date-fns/lastDayOfMonth';
 import 'date-fns/max';
 import 'date-fns/min';
 import 'date-fns/parse';