@alfalab/core-components 41.9.0 → 41.10.0

package/button/modern/index.css

@@ -41,7 +41,7 @@
     --button-m-size-border-radius: var(--border-radius-l);
     --button-l-size-border-radius: var(--border-radius-l);
     --button-xl-size-border-radius: var(--border-radius-l);
-} .button__component_pv59f {
+} .button__component_x6lk0 {
     position: relative;
     display: inline-flex;
     vertical-align: middle;
@@ -67,148 +67,148 @@
     transition: background 0.2s ease, border 0.2s ease, color 0.2s ease, transform 0.12s ease;
     box-sizing: border-box;
     will-change: transform;
-} .button__focused_pv59f {
+} .button__focused_x6lk0 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .button__loading_pv59f .button__text_pv59f,
-.button__loading_pv59f .button__addons_pv59f {
+} .button__loading_x6lk0 .button__text_x6lk0,
+.button__loading_x6lk0 .button__addons_x6lk0 {
     opacity: 0;
-} .button__stretchText_pv59f {
+} .button__stretchText_x6lk0 {
     flex-grow: 1;
-} .button__loader_pv59f {
+} .button__loader_x6lk0 {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
 } /* Size */ /* За счет того, что у кнопок есть border 1px,
-для полного соответствия макетам padding необходимо уменьшить на 1px (16px -> 15px) */ .button__xxs_pv59f {
+для полного соответствия макетам padding необходимо уменьшить на 1px (16px -> 15px) */ .button__xxs_x6lk0 {
     min-width: 80px;
     min-height: var(--size-xxs-height);
     padding: 0 15px;
     font-size: 14px;
     border-radius: var(--button-xxs-size-border-radius)
-} .button__xxs_pv59f.button__iconOnly_pv59f {
+} .button__xxs_x6lk0.button__iconOnly_x6lk0 {
         min-width: var(--size-xxs-height);
-    } .button__xs_pv59f {
+    } .button__xs_x6lk0 {
     min-width: 88px;
     min-height: var(--size-xs-height);
     padding: 0 19px;
     font-size: 14px;
     border-radius: var(--button-xs-size-border-radius)
-} .button__xs_pv59f.button__iconOnly_pv59f {
+} .button__xs_x6lk0.button__iconOnly_x6lk0 {
         min-width: var(--size-xs-height);
-    } .button__s_pv59f {
+    } .button__s_x6lk0 {
     min-width: 104px;
     min-height: var(--size-s-height);
     font-size: 16px;
     line-height: 24px;
     border-radius: var(--button-s-size-border-radius)
-} .button__s_pv59f.button__iconOnly_pv59f {
+} .button__s_x6lk0.button__iconOnly_x6lk0 {
         min-width: var(--size-s-height);
-    } .button__m_pv59f {
+    } .button__m_x6lk0 {
     min-width: 128px;
     min-height: var(--size-m-height);
     padding: 0 27px;
     font-size: 16px;
     line-height: 24px;
     border-radius: var(--button-m-size-border-radius)
-} .button__m_pv59f.button__iconOnly_pv59f {
+} .button__m_x6lk0.button__iconOnly_x6lk0 {
         min-width: var(--size-m-height);
-    } .button__l_pv59f {
+    } .button__l_x6lk0 {
     min-width: 160px;
     min-height: var(--size-l-height);
     padding: 0 31px;
     font-size: 18px;
     line-height: 24px;
     border-radius: var(--button-l-size-border-radius)
-} .button__l_pv59f.button__iconOnly_pv59f {
+} .button__l_x6lk0.button__iconOnly_x6lk0 {
         min-width: var(--size-l-height);
-    } .button__xl_pv59f {
+    } .button__xl_x6lk0 {
     min-width: 168px;
     min-height: var(--size-xl-height);
     padding: 0 35px;
     font-size: 18px;
     line-height: 24px;
     border-radius: var(--button-xl-size-border-radius)
-} .button__xl_pv59f.button__iconOnly_pv59f {
+} .button__xl_x6lk0.button__iconOnly_x6lk0 {
         min-width: var(--size-xl-height);
-    } .button__withRightAddons_pv59f.button__xxs_pv59f {
+    } .button__withRightAddons_x6lk0.button__xxs_x6lk0 {
         padding-right: 11px;
-    } .button__withRightAddons_pv59f.button__xs_pv59f {
+    } .button__withRightAddons_x6lk0.button__xs_x6lk0 {
         padding-right: 15px;
-    } .button__withRightAddons_pv59f.button__s_pv59f {
+    } .button__withRightAddons_x6lk0.button__s_x6lk0 {
         padding-right: 19px;
-    } .button__withRightAddons_pv59f.button__m_pv59f {
+    } .button__withRightAddons_x6lk0.button__m_x6lk0 {
         padding-right: 23px;
-    } .button__withRightAddons_pv59f.button__l_pv59f {
+    } .button__withRightAddons_x6lk0.button__l_x6lk0 {
         padding-right: 27px;
-    } .button__withRightAddons_pv59f.button__xl_pv59f {
+    } .button__withRightAddons_x6lk0.button__xl_x6lk0 {
         padding-right: 31px;
-    } .button__withRightAddons_pv59f.button__ghost_pv59f {
+    } .button__withRightAddons_x6lk0.button__ghost_x6lk0 {
         padding-right: 0;
-    } .button__withLeftAddons_pv59f.button__xxs_pv59f {
+    } .button__withLeftAddons_x6lk0.button__xxs_x6lk0 {
         padding-left: 11px;
-    } .button__withLeftAddons_pv59f.button__xs_pv59f {
+    } .button__withLeftAddons_x6lk0.button__xs_x6lk0 {
         padding-left: 15px;
-    } .button__withLeftAddons_pv59f.button__s_pv59f {
+    } .button__withLeftAddons_x6lk0.button__s_x6lk0 {
         padding-left: 19px;
-    } .button__withLeftAddons_pv59f.button__m_pv59f {
+    } .button__withLeftAddons_x6lk0.button__m_x6lk0 {
         padding-left: 23px;
-    } .button__withLeftAddons_pv59f.button__l_pv59f {
+    } .button__withLeftAddons_x6lk0.button__l_x6lk0 {
         padding-left: 27px;
-    } .button__withLeftAddons_pv59f.button__xl_pv59f {
+    } .button__withLeftAddons_x6lk0.button__xl_x6lk0 {
         padding-left: 31px;
-    } .button__withLeftAddons_pv59f.button__ghost_pv59f {
+    } .button__withLeftAddons_x6lk0.button__ghost_x6lk0 {
         padding-left: 0;
-    } .button__link_pv59f {
+    } .button__link_x6lk0 {
     min-width: 0;
-} .button__ghost_pv59f {
+} .button__ghost_x6lk0 {
     min-width: 0;
     min-height: 0;
     padding: 0;
     border: none;
     -webkit-appearance: none;
             appearance: none
-} .button__ghost_pv59f.button__iconOnly_pv59f {
+} .button__ghost_x6lk0.button__iconOnly_x6lk0 {
         min-width: 0;
-    } /* Disabled */ .button__component_pv59f[disabled] {
+    } /* Disabled */ .button__component_x6lk0[disabled] {
     cursor: var(--disabled-cursor)
-} .button__component_pv59f[disabled] * {
+} .button__component_x6lk0[disabled] * {
         pointer-events: none;
-    } /* Addons */ .button__addons_pv59f {
+    } /* Addons */ .button__addons_x6lk0 {
     display: flex;
     flex-shrink: 0;
     align-items: center;
     margin: 0
-} .button__addons_pv59f:first-child {
+} .button__addons_x6lk0:first-child {
         margin-right: var(--gap-2xs);
-    } .button__addons_pv59f:last-child {
+    } .button__addons_x6lk0:last-child {
         margin-left: var(--gap-2xs);
-    } .button__addons_pv59f:only-child {
+    } .button__addons_x6lk0:only-child {
         margin: 0;
-    } .button__s_pv59f .button__addons_pv59f:first-child, .button__m_pv59f .button__addons_pv59f:first-child {
+    } .button__s_x6lk0 .button__addons_x6lk0:first-child, .button__m_x6lk0 .button__addons_x6lk0:first-child {
         margin-right: var(--gap-xs);
-    } .button__s_pv59f .button__addons_pv59f:last-child, .button__m_pv59f .button__addons_pv59f:last-child {
+    } .button__s_x6lk0 .button__addons_x6lk0:last-child, .button__m_x6lk0 .button__addons_x6lk0:last-child {
         margin-left: var(--gap-xs);
-    } .button__s_pv59f .button__addons_pv59f:only-child, .button__m_pv59f .button__addons_pv59f:only-child {
+    } .button__s_x6lk0 .button__addons_x6lk0:only-child, .button__m_x6lk0 .button__addons_x6lk0:only-child {
         margin: 0;
-    } .button__l_pv59f .button__addons_pv59f:first-child, .button__xl_pv59f .button__addons_pv59f:first-child {
+    } .button__l_x6lk0 .button__addons_x6lk0:first-child, .button__xl_x6lk0 .button__addons_x6lk0:first-child {
         margin-right: var(--gap-s);
-    } .button__l_pv59f .button__addons_pv59f:last-child, .button__xl_pv59f .button__addons_pv59f:last-child {
+    } .button__l_x6lk0 .button__addons_x6lk0:last-child, .button__xl_x6lk0 .button__addons_x6lk0:last-child {
         margin-left: var(--gap-s);
-    } .button__l_pv59f .button__addons_pv59f:only-child, .button__xl_pv59f .button__addons_pv59f:only-child {
+    } .button__l_x6lk0 .button__addons_x6lk0:only-child, .button__xl_x6lk0 .button__addons_x6lk0:only-child {
         margin: 0;
-    } .button__iconOnly_pv59f {
+    } .button__iconOnly_x6lk0 {
     padding: 0;
-} /* Block */ .button__block_pv59f {
+} /* Block */ .button__block_x6lk0 {
     display: flex;
     width: 100%;
-} /* Nowrap */ .button__nowrap_pv59f {
+} /* Nowrap */ .button__nowrap_x6lk0 {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 } /* IE min-height fix */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .button__component_pv59f:after {
+    .button__component_x6lk0:after {
         min-height: inherit;
         font-size: 0;
         content: '';

package/button/modern/inverted.css

@@ -112,168 +112,168 @@
     --button-spinner-static-color: var(--color-static-graphic-light);
     --button-spinner-inverted-color: var(--color-light-graphic-primary-inverted);
     --button-spinner-inverted-primary-color: var(--color-light-graphic-primary);
-} .button__accent_6p93p {
+} .button__accent_iettq {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
-} .button__accent_6p93p:hover {
+} .button__accent_iettq:hover {
         background-color: var(--button-inverted-accent-hover-bg-color)
-    } @media (hover: none) { .button__accent_6p93p:hover {
+    } @media (hover: none) { .button__accent_iettq:hover {
             background-color: var(--button-inverted-accent-base-bg-color)
     }
-        } .button__accent_6p93p:active {
+        } .button__accent_iettq:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_6p93p > .button__loader_6p93p {
+    } .button__accent_iettq > .button__loader_iettq {
         color: var(--button-spinner-static-color);
-    } .button__primary_6p93p {
+    } .button__primary_iettq {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color);
     border: 1px solid transparent
-} .button__primary_6p93p:hover {
+} .button__primary_iettq:hover {
         background-color: var(--button-inverted-primary-hover-bg-color)
-    } @media (hover: none) { .button__primary_6p93p:hover {
+    } @media (hover: none) { .button__primary_iettq:hover {
             background-color: var(--button-inverted-primary-base-bg-color)
     }
-        } .button__primary_6p93p:active {
+        } .button__primary_iettq:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_6p93p > .button__loader_6p93p {
+    } .button__primary_iettq > .button__loader_iettq {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_6p93p {
+    } .button__secondary_iettq {
     color: var(--button-inverted-secondary-color);
     background-color: var(--button-inverted-secondary-base-bg-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_6p93p:hover {
+} .button__secondary_iettq:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color)
-    } @media (hover: none) { .button__secondary_6p93p:hover {
+    } @media (hover: none) { .button__secondary_iettq:hover {
             background-color: var(--button-inverted-secondary-base-bg-color)
     }
-        } .button__secondary_6p93p:active {
+        } .button__secondary_iettq:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__secondary_6p93p > .button__loader_6p93p {
+    } .button__secondary_iettq > .button__loader_iettq {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_6p93p {
+    } .button__outlined_iettq {
     color: var(--button-inverted-outlined-color);
     background-color: var(--button-inverted-outlined-base-bg-color);
     border: 1px solid var(--button-inverted-outlined-base-border-color)
-} .button__outlined_6p93p:hover {
+} .button__outlined_iettq:hover {
         background-color: var(--button-inverted-outlined-hover-bg-color)
-    } @media (hover: none) { .button__outlined_6p93p:hover {
+    } @media (hover: none) { .button__outlined_iettq:hover {
             background-color: var(--button-inverted-outlined-base-bg-color)
     }
-        } .button__outlined_6p93p:active {
+        } .button__outlined_iettq:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__tertiary_6p93p {
+    } .button__tertiary_iettq {
     color: var(--button-inverted-tertiary-color);
     background-color: var(--button-inverted-tertiary-base-bg-color);
     border: 1px solid var(--button-inverted-tertiary-base-border-color)
-} .button__tertiary_6p93p:hover {
+} .button__tertiary_iettq:hover {
         background-color: var(--button-inverted-tertiary-hover-bg-color);
         border-color: var(--button-inverted-tertiary-hover-border-color)
-    } @media (hover: none) { .button__tertiary_6p93p:hover {
+    } @media (hover: none) { .button__tertiary_iettq:hover {
             background-color: var(--button-inverted-tertiary-base-bg-color);
             border-color: var(--button-inverted-tertiary-base-border-color)
     }
-        } .button__tertiary_6p93p:active {
+        } .button__tertiary_iettq:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_6p93p > .button__loader_6p93p {
+    } .button__tertiary_iettq > .button__loader_iettq {
         color: var(--button-spinner-inverted-color);
-    } .button__filled_6p93p {
+    } .button__filled_iettq {
     color: var(--color-dark-text-primary);
     background-color: var(--color-dark-bg-quaternary)
-} .button__filled_6p93p:hover {
+} .button__filled_iettq:hover {
         background-color: rgb(88, 88, 89)
-    } @media (hover: none) { .button__filled_6p93p:hover {
+    } @media (hover: none) { .button__filled_iettq:hover {
             background-color: var(--color-dark-bg-quaternary)
     }
-        } .button__filled_6p93p:active {
+        } .button__filled_iettq:active {
         background-color: rgb(49, 49, 51);
-    } .button__transparent_6p93p {
+    } .button__transparent_iettq {
     color: var(--color-light-text-primary-inverted);
     background-color: rgba(255, 255, 255, 0.1)
-} .button__transparent_6p93p:hover {
+} .button__transparent_iettq:hover {
         background-color: rgba(255, 255, 255, 0.2)
-    } @media (hover: none) { .button__transparent_6p93p:hover {
+    } @media (hover: none) { .button__transparent_iettq:hover {
             background-color: rgba(255, 255, 255, 0.1)
     }
-        } .button__transparent_6p93p:active {
+        } .button__transparent_iettq:active {
         /* TODO: какой цвет? */
         background-color: rgba(255, 255, 255, 0.05);
-    } .button__link_6p93p {
+    } .button__link_iettq {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
-} .button__link_6p93p:hover {
+} .button__link_iettq:hover {
         background-color: var(--button-inverted-link-hover-bg-color)
-    } @media (hover: none) { .button__link_6p93p:hover {
+    } @media (hover: none) { .button__link_iettq:hover {
             background-color: transparent
     }
-        } .button__link_6p93p:active {
+        } .button__link_iettq:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_6p93p > .button__loader_6p93p {
+    } .button__link_iettq > .button__loader_iettq {
         color: var(--button-spinner-inverted-color);
-    } .button__ghost_6p93p {
+    } .button__ghost_iettq {
     color: var(--button-inverted-ghost-base-color)
-} .button__ghost_6p93p:hover {
+} .button__ghost_iettq:hover {
         color: var(--button-inverted-ghost-hover-color)
-    } @media (hover: none) { .button__ghost_6p93p:hover {
+    } @media (hover: none) { .button__ghost_iettq:hover {
             color: var(--button-inverted-ghost-base-color)
     }
-        } .button__ghost_6p93p:active {
+        } .button__ghost_iettq:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__ghost_6p93p > .button__loader_6p93p {
+    } .button__ghost_iettq > .button__loader_iettq {
         color: var(--button-spinner-inverted-color);
-    } .button__component_6p93p[disabled].button__accent_6p93p {
+    } .button__component_iettq[disabled].button__accent_iettq {
         color: var(--button-inverted-accent-disabled-color);
         background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .button__component_6p93p[disabled].button__accent_6p93p.button__loading_6p93p {
+    } .button__component_iettq[disabled].button__accent_iettq.button__loading_iettq {
             background-color: var(--button-inverted-accent-base-bg-color);
-        } .button__component_6p93p[disabled].button__primary_6p93p {
+        } .button__component_iettq[disabled].button__primary_iettq {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_6p93p[disabled].button__primary_6p93p.button__loading_6p93p {
+    } .button__component_iettq[disabled].button__primary_iettq.button__loading_iettq {
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_6p93p[disabled].button__secondary_6p93p {
+        } .button__component_iettq[disabled].button__secondary_iettq {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_6p93p[disabled].button__secondary_6p93p.button__loading_6p93p {
+    } .button__component_iettq[disabled].button__secondary_iettq.button__loading_iettq {
             color: var(--button-inverted-secondary-color);
             background-color: var(--button-inverted-secondary-base-bg-color);
             border-color: var(--button-inverted-secondary-base-border-color);
-        } .button__component_6p93p[disabled].button__outlined_6p93p {
+        } .button__component_iettq[disabled].button__outlined_iettq {
         color: var(--button-inverted-outlined-disabled-color);
         background-color: var(--button-inverted-outlined-disabled-bg-color);
         border-color: var(--button-inverted-outlined-disabled-border-color)
-    } .button__component_6p93p[disabled].button__outlined_6p93p.button__loading_6p93p {
+    } .button__component_iettq[disabled].button__outlined_iettq.button__loading_iettq {
             color: var(--button-inverted-outlined-color);
-        } .button__component_6p93p[disabled].button__tertiary_6p93p {
+        } .button__component_iettq[disabled].button__tertiary_iettq {
         color: var(--button-inverted-tertiary-disabled-color);
         background-color: var(--button-inverted-tertiary-disabled-bg-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color)
-    } .button__component_6p93p[disabled].button__tertiary_6p93p.button__loading_6p93p {
+    } .button__component_iettq[disabled].button__tertiary_iettq.button__loading_iettq {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_6p93p[disabled].button__filled_6p93p {
+        } .button__component_iettq[disabled].button__filled_iettq {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(58, 58, 60, 0.3);
         border-color: transparent
-    } .button__component_6p93p[disabled].button__filled_6p93p.button__loading_6p93p {
+    } .button__component_iettq[disabled].button__filled_iettq.button__loading_iettq {
             color: var(--color-dark-text-primary);
             background-color: var(--color-dark-bg-quaternary);
             border-color: transparent;
-        } .button__component_6p93p[disabled].button__transparent_6p93p {
+        } .button__component_iettq[disabled].button__transparent_iettq {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(255, 255, 255, 0.03)
-    } .button__component_6p93p[disabled].button__transparent_6p93p.button__loading_6p93p {
+    } .button__component_iettq[disabled].button__transparent_iettq.button__loading_iettq {
             color: var(--color-light-text-primary-inverted);
             background-color: rgba(255, 255, 255, 0.1);
-        } .button__component_6p93p[disabled].button__link_6p93p {
+        } .button__component_iettq[disabled].button__link_iettq {
         color: var(--button-inverted-link-disabled-color);
         background-color: transparent
-    } .button__component_6p93p[disabled].button__link_6p93p.button__loading_6p93p {
+    } .button__component_iettq[disabled].button__link_iettq.button__loading_iettq {
             color: var(--button-inverted-link-base-color);
-        } .button__component_6p93p[disabled].button__ghost_6p93p {
+        } .button__component_iettq[disabled].button__ghost_iettq {
         color: var(--button-inverted-ghost-disabled-color)
-    } .button__component_6p93p[disabled].button__ghost_6p93p.button__loading_6p93p {
+    } .button__component_iettq[disabled].button__ghost_iettq.button__loading_iettq {
             color: var(--button-inverted-ghost-base-color);
         }

package/calendar/Component.desktop.js

@@ -70,14 +70,14 @@ var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"component":"calendar__component_1q2ns","responsive":"calendar__responsive_1q2ns","period":"calendar__period_1q2ns","monthYear":"calendar__monthYear_1q2ns","container":"calendar__container_1q2ns","sixWeeks":"calendar__sixWeeks_1q2ns"};
+var styles = {"component":"calendar__component_10ijm","responsive":"calendar__responsive_10ijm","period":"calendar__period_10ijm","monthYear":"calendar__monthYear_10ijm","container":"calendar__container_10ijm","customScrollbar":"calendar__customScrollbar_10ijm","sixWeeks":"calendar__sixWeeks_10ijm"};
 require('./desktop.css');
 
 var CalendarDesktop = React.forwardRef(function (_a, ref) {
-    var _b;
-    var className = _a.className, _c = _a.defaultView, defaultView = _c === void 0 ? 'days' : _c, _d = _a.selectorView, selectorView = _d === void 0 ? 'full' : _d, value = _a.value, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, _e = _a.defaultMonth, defaultMonthTimestamp = _e === void 0 ? +new Date() : _e, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, offDays = _a.offDays, events = _a.events, holidays = _a.holidays, onChange = _a.onChange, onMonthChange = _a.onMonthChange, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick, onPeriodClick = _a.onPeriodClick, dataTestId = _a.dataTestId, _f = _a.hasHeader, hasHeader = _f === void 0 ? true : _f, responsive = _a.responsive, dayAddons = _a.dayAddons, _g = _a.shape, shape = _g === void 0 ? 'rounded' : _g, _h = _a.showCurrentYearSelector, showCurrentYearSelector = _h === void 0 ? false : _h;
-    var _j = React.useState(defaultView), view = _j[0], setView = _j[1];
-    var _k = React.useState(false), scrolled = _k[0], setScrolled = _k[1];
+    var _b, _c;
+    var className = _a.className, _d = _a.defaultView, defaultView = _d === void 0 ? 'days' : _d, _e = _a.selectorView, selectorView = _e === void 0 ? 'full' : _e, value = _a.value, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, _f = _a.defaultMonth, defaultMonthTimestamp = _f === void 0 ? +new Date() : _f, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, offDays = _a.offDays, events = _a.events, holidays = _a.holidays, onChange = _a.onChange, onMonthChange = _a.onMonthChange, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick, onPeriodClick = _a.onPeriodClick, dataTestId = _a.dataTestId, _g = _a.hasHeader, hasHeader = _g === void 0 ? true : _g, responsive = _a.responsive, dayAddons = _a.dayAddons, _h = _a.shape, shape = _h === void 0 ? 'rounded' : _h, _j = _a.showCurrentYearSelector, showCurrentYearSelector = _j === void 0 ? false : _j;
+    var _k = React.useState(defaultView), view = _k[0], setView = _k[1];
+    var _l = React.useState(false), scrolled = _l[0], setScrolled = _l[1];
     var selected = React.useMemo(function () { return (value ? new Date(value) : undefined); }, [value]);
     var defaultMonth = React.useMemo(function () {
         return startOfMonth__default.default(selected ||
@@ -88,7 +88,7 @@ var CalendarDesktop = React.forwardRef(function (_a, ref) {
     var month = React.useMemo(function () { return (monthTimestamp ? new Date(monthTimestamp) : undefined); }, [monthTimestamp]);
     var minDate = React.useMemo(function () { return (minDateTimestamp ? startOfDay__default.default(minDateTimestamp) : undefined); }, [minDateTimestamp]);
     var maxDate = React.useMemo(function () { return (maxDateTimestamp ? endOfDay__default.default(maxDateTimestamp) : undefined); }, [maxDateTimestamp]);
-    var _l = useCalendar.useCalendar({
+    var _m = useCalendar.useCalendar({
         month: month,
         defaultMonth: defaultMonth,
         view: view,
@@ -101,7 +101,7 @@ var CalendarDesktop = React.forwardRef(function (_a, ref) {
         dayAddons: dayAddons,
         onChange: onChange,
         onMonthChange: onMonthChange,
-    }), activeMonth = _l.activeMonth, weeks = _l.weeks, months = _l.months, years = _l.years, canSetPrevMonth = _l.canSetPrevMonth, canSetNextMonth = _l.canSetNextMonth, setMonthByDate = _l.setMonthByDate, setPrevMonth = _l.setPrevMonth, setNextMonth = _l.setNextMonth, highlighted = _l.highlighted, getDayProps = _l.getDayProps, getMonthProps = _l.getMonthProps, getYearProps = _l.getYearProps, getRootProps = _l.getRootProps;
+    }), activeMonth = _m.activeMonth, weeks = _m.weeks, months = _m.months, years = _m.years, canSetPrevMonth = _m.canSetPrevMonth, canSetNextMonth = _m.canSetNextMonth, setMonthByDate = _m.setMonthByDate, setPrevMonth = _m.setPrevMonth, setNextMonth = _m.setNextMonth, highlighted = _m.highlighted, getDayProps = _m.getDayProps, getMonthProps = _m.getMonthProps, getYearProps = _m.getYearProps, getRootProps = _m.getRootProps;
     var toggleView = React.useCallback(function (newView) {
         setView(view === newView ? 'days' : newView);
     }, [view]);
@@ -144,7 +144,7 @@ var CalendarDesktop = React.forwardRef(function (_a, ref) {
             _b[styles.responsive] = responsive,
             _b)), "data-test-id": dataTestId }),
         hasHeader && (React__default.default.createElement(components_header_Component.Header, { view: selectorView, withShadow: scrolled }, selectorView === 'month-only' ? (React__default.default.createElement(components_periodSlider_Component.PeriodSlider, { className: styles.period, value: activeMonth, periodType: 'month', prevArrowDisabled: !canSetPrevMonth, nextArrowDisabled: !canSetNextMonth, hideDisabledArrows: true, showCurrentYearSelector: showCurrentYearSelector, onPrevArrowClick: handlePrevArrowClick, onNextArrowClick: handleNextArrowClick, onPeriodClick: onPeriodClick })) : (React__default.default.createElement(components_monthYearHeader_Component.MonthYearHeader, { className: styles.monthYear, value: activeMonth, onMonthClick: handleMonthClick, onYearClick: handleYearClick })))),
-        React__default.default.createElement("div", { className: cn__default.default(styles.container, styles[view]) },
+        React__default.default.createElement("div", { className: cn__default.default(styles.container, (_c = {}, _c[styles.customScrollbar] = view === 'years', _c), styles[view]) },
             view === 'days' && (React__default.default.createElement(components_daysTable_Component.DaysTable, { weeks: weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete, responsive: responsive, shape: shape })),
             view === 'months' && (React__default.default.createElement(components_monthsTable_Component.MonthsTable, { selectedMonth: activeMonth, months: months, getMonthProps: getMonthProps, responsive: responsive })),
             view === 'years' && (React__default.default.createElement(components_yearsTable_Component.YearsTable, { selectedYear: activeMonth, years: years, getYearProps: getYearProps, onScroll: handleScroll, responsive: responsive })))));

package/calendar/{Component.responsive-a84a66b1.js → Component.responsive-b08c863a.js}

@@ -5,6 +5,7 @@ var reactVirtuoso = require('react-virtuoso');
 var resizeObserver = require('@juggle/resize-observer');
 var cn = require('classnames');
 var endOfDay = require('date-fns/endOfDay');
+var getMonth = require('date-fns/getMonth');
 var startOfDay = require('date-fns/startOfDay');
 var startOfMonth = require('date-fns/startOfMonth');
 var coreComponentsButton = require('../button');
@@ -38,10 +39,11 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
+var getMonth__default = /*#__PURE__*/_interopDefaultCompat(getMonth);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"wrapper":"calendar__wrapper_1mnmi","withZIndex":"calendar__withZIndex_1mnmi","calendar":"calendar__calendar_1mnmi","dayNames":"calendar__dayNames_1mnmi","withHeader":"calendar__withHeader_1mnmi","month":"calendar__month_1mnmi","daysTable":"calendar__daysTable_1mnmi","dayName":"calendar__dayName_1mnmi"};
+var styles = {"wrapper":"calendar__wrapper_vkxx3","withZIndex":"calendar__withZIndex_vkxx3","calendar":"calendar__calendar_vkxx3","dayNames":"calendar__dayNames_vkxx3","withHeader":"calendar__withHeader_vkxx3","month":"calendar__month_vkxx3","daysTable":"calendar__daysTable_vkxx3","dayName":"calendar__dayName_vkxx3"};
 require('./components/calendar-mobile/index.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
@@ -49,11 +51,16 @@ if (typeof window !== 'undefined' && !window.ResizeObserver) {
     window.ResizeObserver = resizeObserver.ResizeObserver;
 }
 var CalendarMonthOnlyView = function (_a) {
-    var value = _a.value, defaultView = _a.defaultView, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, defaultMonthTimestamp = _a.defaultMonth, offDays = _a.offDays, events = _a.events, holidays = _a.holidays, onChange = _a.onChange, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, onMonthChange = _a.onMonthChange, _b = _a.yearsAmount, yearsAmount = _b === void 0 ? 3 : _b, dayAddons = _a.dayAddons, _c = _a.shape, shape = _c === void 0 ? 'rounded' : _c;
+    var value = _a.value, defaultView = _a.defaultView, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, defaultMonthTimestamp = _a.defaultMonth, offDays = _a.offDays, events = _a.events, holidays = _a.holidays, onChange = _a.onChange, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, onMonthChange = _a.onMonthChange, _b = _a.yearsAmount, yearsAmount = _b === void 0 ? 3 : _b, dayAddons = _a.dayAddons, _c = _a.shape, shape = _c === void 0 ? 'rounded' : _c, scrollableContainer = _a.scrollableContainer;
     var initialMonthIndex = React.useMemo(function () {
         var currentMonthIndex = new Date().getMonth();
-        return yearsAmount * 12 + currentMonthIndex;
-    }, [yearsAmount]);
+        var monthIndex = currentMonthIndex;
+        if (value)
+            monthIndex = getMonth__default.default(value);
+        if (selectedFrom)
+            monthIndex = getMonth__default.default(selectedFrom);
+        return yearsAmount * 12 + monthIndex;
+    }, [selectedFrom, value, yearsAmount]);
     var month = React.useMemo(function () { return (monthTimestamp ? new Date(monthTimestamp) : undefined); }, [monthTimestamp]);
     var minDate = React.useMemo(function () { return (minDateTimestamp ? startOfDay__default.default(minDateTimestamp) : undefined); }, [minDateTimestamp]);
     var maxDate = React.useMemo(function () { return (maxDateTimestamp ? endOfDay__default.default(maxDateTimestamp) : undefined); }, [maxDateTimestamp]);
@@ -106,12 +113,14 @@ var CalendarMonthOnlyView = function (_a) {
     var renderMonth = function (index) { return (React__default.default.createElement("div", { className: styles.daysTable, id: "month-".concat(index) },
         React__default.default.createElement("span", { className: styles.month }, activeMonths[index].title),
         React__default.default.createElement(components_daysTable_Component.DaysTable, { weeks: activeMonths[index].weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete, hasHeader: false, responsive: true, shape: shape }))); };
-    return (React__default.default.createElement(reactVirtuoso.Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: initialMonthIndex, increaseViewportBy: 800, itemSize: function (el) { return el.getBoundingClientRect().height + 32; } }));
+    if (!scrollableContainer)
+        return null;
+    return (React__default.default.createElement(reactVirtuoso.Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: { index: initialMonthIndex, align: 'center' }, increaseViewportBy: 1000, itemSize: function (el) { return el.getBoundingClientRect().height + 32; }, customScrollParent: scrollableContainer, useWindowScroll: true }));
 };
 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, 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, restProps = tslib.__rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "dataTestId", "open", "onClose", "title", "yearsAmount"]);
-    var modalRef = React.useRef(null);
+    var _k = React.useState(), modalRef = _k[0], setModalRef = _k[1];
     var monthOnlyView = selectorView === 'month-only';
     var handleClose = function () {
         if (onClose)
@@ -134,7 +143,7 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
             selectedTo: selectedTo,
         };
         if (monthOnlyView) {
-            return (React__default.default.createElement(CalendarMonthOnlyView, tslib.__assign({ open: open, yearsAmount: yearsAmount }, commonProps, restProps)));
+            return (React__default.default.createElement(CalendarMonthOnlyView, tslib.__assign({ open: open, yearsAmount: yearsAmount, scrollableContainer: modalRef }, commonProps, restProps)));
         }
         return (React__default.default.createElement(Component_desktop.CalendarDesktop, tslib.__assign({ responsive: true, className: styles.calendar }, commonProps, restProps)));
     };
@@ -145,8 +154,8 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
                 selectButtonDisabled = !selectedFrom;
             }
             return (React__default.default.createElement(React__default.default.Fragment, null,
-                React__default.default.createElement(coreComponentsButton.Button, { view: 'primary', size: 's', block: true, onClick: handleClose, disabled: selectButtonDisabled }, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C"),
-                React__default.default.createElement(coreComponentsButton.Button, { view: 'secondary', size: 's', block: true, onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C")));
+                React__default.default.createElement(coreComponentsButton.Button, { view: 'secondary', size: 's', block: true, onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"),
+                React__default.default.createElement(coreComponentsButton.Button, { view: 'primary', size: 's', block: true, onClick: handleClose, disabled: selectButtonDisabled }, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C")));
         }
         if (value) {
             return (React__default.default.createElement(coreComponentsButton.Button, { view: 'primary', size: 's', block: true, onClick: handleClose }, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C"));
@@ -154,9 +163,8 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
         return (React__default.default.createElement(coreComponentsButton.Button, { view: 'secondary', size: 's', block: true, onClick: handleClose }, "\u041E\u0442\u043C\u0435\u043D\u0430"));
     };
     return (React__default.default.createElement("div", { className: cn__default.default(className, styles.component), ref: ref, "data-test-id": dataTestId },
-        React__default.default.createElement(mobile.ModalMobile, { open: open, onClose: handleClose, ref: modalRef, className: styles.modal, wrapperClassName: styles.wrapper },
-            hasHeader && (React__default.default.createElement(mobile.ModalMobile.Header, { hasCloser: true, title: title, sticky: true, className: cn__default.default((_b = {}, _b[styles.withZIndex] = selectorView === 'full', _b)) })),
-            monthOnlyView && renderDayNames(),
+        React__default.default.createElement(mobile.ModalMobile, { open: open, onClose: handleClose, ref: function (node) { return setModalRef(node); }, className: styles.modal, wrapperClassName: styles.wrapper },
+            hasHeader && (React__default.default.createElement(mobile.ModalMobile.Header, { hasCloser: true, title: title, sticky: true, bottomAddons: renderDayNames(), className: cn__default.default((_b = {}, _b[styles.withZIndex] = selectorView === 'full', _b)) })),
             React__default.default.createElement(mobile.ModalMobile.Content, { flex: true }, renderContent()),
             React__default.default.createElement(mobile.ModalMobile.Footer, { sticky: true, className: cn__default.default((_c = {}, _c[styles.withZIndex] = selectorView === 'full', _c)) }, renderFooter()))));
 });

package/calendar/Component.responsive.js

@@ -3,12 +3,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('@alfalab/hooks');
-var components_calendarMobile_Component = require('./Component.responsive-a84a66b1.js');
+var components_calendarMobile_Component = require('./Component.responsive-b08c863a.js');
 require('./Component.desktop.js');
 require('react-virtuoso');
 require('@juggle/resize-observer');
 require('classnames');
 require('date-fns/endOfDay');
+require('date-fns/getMonth');
 require('date-fns/startOfDay');
 require('date-fns/startOfMonth');
 require('../button');

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

@@ -6,12 +6,13 @@ require('react-virtuoso');
 require('@juggle/resize-observer');
 require('classnames');
 require('date-fns/endOfDay');
+require('date-fns/getMonth');
 require('date-fns/startOfDay');
 require('date-fns/startOfMonth');
 require('../../../button');
 require('../../../modal/mobile');
 require('../../Component.desktop.js');
-var components_calendarMobile_Component = require('../../Component.responsive-a84a66b1.js');
+var components_calendarMobile_Component = require('../../Component.responsive-b08c863a.js');
 require('date-fns/differenceInDays');
 require('@alfalab/hooks');
 require('../../useCalendar.js');