@alfalab/core-components 41.4.0-beta.0 → 41.4.0-beta.1

package/select/modern/components/base-select/index.js

@@ -7,5 +7,5 @@ import 'downshift';
 import '../../../../popover/modern';
 import '@alfalab/hooks';
 import '../native-select/Component.js';
-import '../../getDataTestId-c249e5c8.js';
+import '../../getDataTestId-783cd717.js';
 import '../../utils.js';

package/select/modern/components/base-select-mobile/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { useMultipleSelection, useCombobox } from 'downshift';
 import { BottomSheet } from '../../../../bottom-sheet/modern';
 import { ModalMobile } from '../../../../modal/modern/mobile';
-import { g as getDataTestId } from '../../getDataTestId-c249e5c8.js';
+import { g as getDataTestId } from '../../getDataTestId-783cd717.js';
 import { processOptions } from '../../utils.js';
 import { Arrow } from '../arrow/Component.js';
 import { Field } from '../field/Component.js';

package/select/modern/components/base-select-mobile/index.js

@@ -20,5 +20,5 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../checkmark-mobile/Component.js';
 import '../options-list/Component.js';
 import '../../../../scrollbar/modern';
-import '../../getDataTestId-c249e5c8.js';
+import '../../getDataTestId-783cd717.js';
 import '../../utils.js';

package/select/modern/components/index.js

@@ -1,6 +1,6 @@
 export { Arrow } from './arrow/Component.js';
 export { BaseSelect } from './base-select/Component.js';
-export { S as SelectMobile, a as SelectModalMobile } from '../Component-16021a40.js';
+export { S as SelectMobile, a as SelectModalMobile } from '../Component-09104d57.js';
 export { Field } from './field/Component.js';
 export { Optgroup } from './optgroup/Component.js';
 export { Option } from './option/Component.js';
@@ -29,12 +29,12 @@ import '../../../checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../../skeleton/modern';
-import '../intersection-observer-d1779518.js';
+import '../intersection-observer-22cae339.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import './checkmark/Component.js';
 import './checkmark-mobile/Component.js';
 import '../../../scrollbar/modern';
 import 'react-virtual';
 import './base-checkmark/Component.js';
-import '../getDataTestId-c249e5c8.js';
+import '../getDataTestId-783cd717.js';
 import '../utils.js';

package/select/modern/components/select-mobile/Component.js

@@ -1,5 +1,5 @@
 import 'react';
-export { S as SelectMobile } from '../../Component-16021a40.js';
+export { S as SelectMobile } from '../../Component-09104d57.js';
 import '../arrow/Component.js';
 import '../base-select-mobile/Component.js';
 import '../base-select-mobile/footer/Component.js';
@@ -27,7 +27,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../checkmark-mobile/Component.js';
 import '../../../../scrollbar/modern';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-d1779518.js';
+import '../../intersection-observer-22cae339.js';
 import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../../button/modern';
 import '../../../../bottom-sheet/modern';
@@ -35,4 +35,4 @@ import '../../../../modal/modern/mobile';
 import '../../../../base-modal/modern';
 import 'react-virtual';
 import '../../utils.js';
-import '../../getDataTestId-c249e5c8.js';
+import '../../getDataTestId-783cd717.js';

package/select/modern/components/select-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-16021a40";
+export * from "../../Component-09104d57";

package/select/modern/components/select-mobile/index.js

@@ -1,4 +1,4 @@
-export { S as SelectMobile } from '../../Component-16021a40.js';
+export { S as SelectMobile } from '../../Component-09104d57.js';
 import 'react';
 import '../../Component.js';
 import '../arrow/Component.js';
@@ -32,7 +32,7 @@ import '../../../../button/modern';
 import '../virtual-options-list/Component.js';
 import 'react-virtual';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-d1779518.js';
+import '../../intersection-observer-22cae339.js';
 import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../utils.js';
-import '../../getDataTestId-c249e5c8.js';
+import '../../getDataTestId-783cd717.js';

package/select/modern/components/select-modal-mobile/Component.js

@@ -1,5 +1,5 @@
 import 'react';
-export { a as SelectModalMobile } from '../../Component-16021a40.js';
+export { a as SelectModalMobile } from '../../Component-09104d57.js';
 import '../arrow/Component.js';
 import '../base-select-mobile/Component.js';
 import '../base-select-mobile/footer/Component.js';
@@ -27,7 +27,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../checkmark-mobile/Component.js';
 import '../../../../scrollbar/modern';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-d1779518.js';
+import '../../intersection-observer-22cae339.js';
 import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../../button/modern';
 import '../../../../bottom-sheet/modern';
@@ -35,4 +35,4 @@ import '../../../../modal/modern/mobile';
 import '../../../../base-modal/modern';
 import 'react-virtual';
 import '../../utils.js';
-import '../../getDataTestId-c249e5c8.js';
+import '../../getDataTestId-783cd717.js';

package/select/modern/components/select-modal-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-16021a40";
+export * from "../../Component-09104d57";

package/select/modern/components/select-modal-mobile/index.js

@@ -1,4 +1,4 @@
-export { a as SelectModalMobile } from '../../Component-16021a40.js';
+export { a as SelectModalMobile } from '../../Component-09104d57.js';
 import 'react';
 import '../../Component.js';
 import '../arrow/Component.js';
@@ -32,7 +32,7 @@ import '../../../../button/modern';
 import '../virtual-options-list/Component.js';
 import 'react-virtual';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-d1779518.js';
+import '../../intersection-observer-22cae339.js';
 import '../../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../utils.js';
-import '../../getDataTestId-c249e5c8.js';
+import '../../getDataTestId-783cd717.js';

package/select/modern/index-3885b0d7.d.ts

@@ -1,3 +1,3 @@
 declare const isClient: () => boolean;
 export { isClient };
-export * from "./getDataTestId-c249e5c8";
+export * from "./getDataTestId-783cd717";

package/select/modern/index.js

@@ -1,7 +1,7 @@
 export { Select } from './Component.js';
 export { Arrow } from './components/arrow/Component.js';
 export { BaseSelect } from './components/base-select/Component.js';
-export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-16021a40.js';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-09104d57.js';
 export { Field } from './components/field/Component.js';
 export { Optgroup } from './components/optgroup/Component.js';
 export { Option } from './components/option/Component.js';
@@ -32,11 +32,11 @@ import '../../checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../skeleton/modern';
-import './intersection-observer-d1779518.js';
+import './intersection-observer-22cae339.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import './components/checkmark/Component.js';
 import './components/checkmark-mobile/Component.js';
 import '../../scrollbar/modern';
 import 'react-virtual';
 import './components/base-checkmark/Component.js';
-import './getDataTestId-c249e5c8.js';
+import './getDataTestId-783cd717.js';

package/select/modern/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-16021a40.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-09104d57.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';
@@ -11,7 +11,7 @@ import '../../../checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark-mobile/Component.js';
-import '../intersection-observer-d1779518.js';
+import '../intersection-observer-22cae339.js';
 import '../Component.js';
 import '../components/arrow/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
@@ -37,4 +37,4 @@ import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
 import './useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../utils.js';
-import '../getDataTestId-c249e5c8.js';
+import '../getDataTestId-783cd717.js';

package/select/modern/presets/useLazyLoading/hook.js

@@ -1,7 +1,7 @@
 import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
 import { Skeleton } from '../../../../skeleton/modern';
 import { Option } from '../../components/option/Component.js';
-import '../../intersection-observer-d1779518.js';
+import '../../intersection-observer-22cae339.js';
 import 'classnames';
 import '../../components/checkmark/Component.js';
 import '../../../../badge/modern';

package/select/modern/presets/useSelectWithApply/hook.js

@@ -3,7 +3,7 @@ import '../../Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '../../components/base-select/Component.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-16021a40.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-09104d57.js';
 import '../../../../form-control/modern';
 import '@alfalab/hooks';
 import '../../../../badge/modern';
@@ -13,7 +13,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/options-list/Component.js';
 import '../../components/virtual-options-list/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-d1779518.js';
+import '../../intersection-observer-22cae339.js';
 import '../../components/arrow/Component.js';
 import '../../components/field/Component.js';
 import '../../components/optgroup/Component.js';
@@ -34,5 +34,5 @@ import '../../../../base-modal/modern';
 import '../../../../button/modern';
 import './options-list-with-apply/footer/Component.js';
 import 'react-virtual';
-import '../../getDataTestId-c249e5c8.js';
+import '../../getDataTestId-783cd717.js';
 import '../../utils.js';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../Component-16021a40.js';
+export { O as OptionsListWithApply } from '../../../Component-09104d57.js';
 import './footer/Component.js';
 import 'react-merge-refs';
 import 'classnames';
@@ -33,6 +33,6 @@ import '../../../../../button/modern';
 import '../../../components/virtual-options-list/Component.js';
 import 'react-virtual';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-d1779518.js';
+import '../../../intersection-observer-22cae339.js';
 import '../../../utils.js';
-import '../../../getDataTestId-c249e5c8.js';
+import '../../../getDataTestId-783cd717.js';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../Component-16021a40";
+export * from "../../../Component-09104d57";

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../Component-16021a40.js';
+export { O as OptionsListWithApply } from '../../../Component-09104d57.js';
 import 'react';
 import '../../../Component.js';
 import '../../../components/arrow/Component.js';
@@ -32,7 +32,7 @@ import '../../../../../button/modern';
 import '../../../components/virtual-options-list/Component.js';
 import 'react-virtual';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-d1779518.js';
+import '../../../intersection-observer-22cae339.js';
 import './footer/Component.js';
 import '../../../utils.js';
-import '../../../getDataTestId-c249e5c8.js';
+import '../../../getDataTestId-783cd717.js';

package/select/modern/responsive.js

@@ -23,7 +23,7 @@ import '@alfalab/icons-glyph/CheckmarkMIcon';
 import './components/checkmark-mobile/Component.js';
 import './components/options-list/Component.js';
 import '../../scrollbar/modern';
-import './Component-16021a40.js';
+import './Component-09104d57.js';
 import './components/base-select-mobile/Component.js';
 import '../../bottom-sheet/modern';
 import '../../modal/modern/mobile';
@@ -33,7 +33,7 @@ import '../../button/modern';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
 import '../../skeleton/modern';
-import './intersection-observer-d1779518.js';
+import './intersection-observer-22cae339.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
-import './getDataTestId-c249e5c8.js';
+import './getDataTestId-783cd717.js';
 import './utils.js';

package/select/presets/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-64237391.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-97dfa7b9.js');
 require('tslib');
 require('react');
 require('../../skeleton');
@@ -14,7 +14,7 @@ require('../../checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../components/checkmark-mobile/Component.js');
-require('../intersection-observer-74cdb339.js');
+require('../intersection-observer-96f8d3e8.js');
 require('../Component.js');
 require('../components/arrow/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
@@ -24,7 +24,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('../../popover');
 require('@alfalab/hooks');
-require('../getDataTestId-535ea04f.js');
+require('../getDataTestId-cf4d6709.js');
 require('../utils.js');
 require('../components/native-select/Component.js');
 require('../components/field/Component.js');

package/select/presets/useLazyLoading/hook.js

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsSkeleton = require('../../../skeleton');
 var components_option_Component = require('../../components/option/Component.js');
-require('../../intersection-observer-74cdb339.js');
+require('../../intersection-observer-96f8d3e8.js');
 require('classnames');
 require('../../components/checkmark/Component.js');
 require('../../../badge');

package/select/presets/useSelectWithApply/hook.js

@@ -6,7 +6,7 @@ require('../../Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../../components/base-select/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-64237391.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-97dfa7b9.js');
 require('../../../form-control');
 require('@alfalab/hooks');
 require('../../utils.js');
@@ -17,7 +17,7 @@ require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../components/options-list/Component.js');
 require('../../components/virtual-options-list/Component.js');
 require('../../../skeleton');
-require('../../intersection-observer-74cdb339.js');
+require('../../intersection-observer-96f8d3e8.js');
 require('../../components/arrow/Component.js');
 require('../../components/field/Component.js');
 require('../../components/optgroup/Component.js');
@@ -28,7 +28,7 @@ require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
 require('../../../popover');
-require('../../getDataTestId-535ea04f.js');
+require('../../getDataTestId-cf4d6709.js');
 require('../../components/native-select/Component.js');
 require('../../../scrollbar');
 require('../../components/base-select-mobile/Component.js');

package/select/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('../../../components/options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-64237391.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-97dfa7b9.js');
 require('./footer/Component.js');
 require('react-merge-refs');
 require('classnames');
@@ -18,7 +18,7 @@ require('../../../components/base-select/Component.js');
 require('@juggle/resize-observer');
 require('downshift');
 require('../../../../popover');
-require('../../../getDataTestId-535ea04f.js');
+require('../../../getDataTestId-cf4d6709.js');
 require('../../../components/native-select/Component.js');
 require('../../../components/field/Component.js');
 require('../../../../form-control');
@@ -38,7 +38,7 @@ require('../../../../button');
 require('../../../components/virtual-options-list/Component.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-74cdb339.js');
+require('../../../intersection-observer-96f8d3e8.js');
 
 
 

package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../Component-64237391";
+export * from "../../../Component-97dfa7b9";

package/select/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-64237391.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-97dfa7b9.js');
 require('tslib');
 require('react');
 require('../../../Component.js');
@@ -13,7 +13,7 @@ require('@juggle/resize-observer');
 require('downshift');
 require('../../../../popover');
 require('@alfalab/hooks');
-require('../../../getDataTestId-535ea04f.js');
+require('../../../getDataTestId-cf4d6709.js');
 require('../../../utils.js');
 require('../../../components/native-select/Component.js');
 require('../../../components/field/Component.js');
@@ -37,7 +37,7 @@ require('../../../../button');
 require('../../../components/virtual-options-list/Component.js');
 require('react-virtual');
 require('../../../../skeleton');
-require('../../../intersection-observer-74cdb339.js');
+require('../../../intersection-observer-96f8d3e8.js');
 require('./footer/Component.js');
 
 

package/select/responsive.js

@@ -13,7 +13,7 @@ require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
 require('../popover');
-require('./getDataTestId-535ea04f.js');
+require('./getDataTestId-cf4d6709.js');
 require('./utils.js');
 require('./components/native-select/Component.js');
 require('./components/field/Component.js');
@@ -28,7 +28,7 @@ require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('./components/checkmark-mobile/Component.js');
 require('./components/options-list/Component.js');
 require('../scrollbar');
-require('./Component-64237391.js');
+require('./Component-97dfa7b9.js');
 require('./components/base-select-mobile/Component.js');
 require('../bottom-sheet');
 require('../modal/mobile');
@@ -38,7 +38,7 @@ require('../button');
 require('./components/virtual-options-list/Component.js');
 require('react-virtual');
 require('../skeleton');
-require('./intersection-observer-74cdb339.js');
+require('./intersection-observer-96f8d3e8.js');
 require('./presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 
 

package/side-panel/Component.mobile.js

@@ -28,7 +28,7 @@ var contextValue = { size: 's', view: 'mobile' };
 var SidePanelMobileComponent = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, transitionProps = _a.transitionProps, restProps = tslib.__rest(_a, ["children", "className", "transitionProps"]);
     var responsiveContext = React.useContext(ResponsiveContext.ResponsiveContext);
-    var renderContent = function () { return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { ref: ref, transitionProps: tslib.__assign({ classNames: transitions }, transitionProps), className: cn__default.default(className, styles.component) }),
+    var renderContent = function () { return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { ref: ref, transitionProps: tslib.__assign({ classNames: transitions }, transitionProps), className: cn__default.default(className, styles.component), scrollHandler: 'content' }),
         React__default.default.createElement("div", { className: styles.mobileContent }, children))); };
     var renderWithContext = function () { return (React__default.default.createElement(ResponsiveContext.ResponsiveContext.Provider, { value: contextValue }, renderContent())); };
     return responsiveContext ? renderContent() : renderWithContext();

package/side-panel/cssm/Component.mobile.js

@@ -34,7 +34,7 @@ var contextValue = { size: 's', view: 'mobile' };
 var SidePanelMobileComponent = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, transitionProps = _a.transitionProps, restProps = tslib.__rest(_a, ["children", "className", "transitionProps"]);
     var responsiveContext = React.useContext(ResponsiveContext.ResponsiveContext);
-    var renderContent = function () { return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { ref: ref, transitionProps: tslib.__assign({ classNames: transitions__default.default }, transitionProps), className: cn__default.default(className, styles__default.default.component) }),
+    var renderContent = function () { return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { ref: ref, transitionProps: tslib.__assign({ classNames: transitions__default.default }, transitionProps), className: cn__default.default(className, styles__default.default.component), scrollHandler: 'content' }),
         React__default.default.createElement("div", { className: styles__default.default.mobileContent }, children))); };
     var renderWithContext = function () { return (React__default.default.createElement(ResponsiveContext.ResponsiveContext.Provider, { value: contextValue }, renderContent())); };
     return responsiveContext ? renderContent() : renderWithContext();

package/side-panel/esm/Component.mobile.js

@@ -21,7 +21,7 @@ var contextValue = { size: 's', view: 'mobile' };
 var SidePanelMobileComponent = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, transitionProps = _a.transitionProps, restProps = __rest(_a, ["children", "className", "transitionProps"]);
     var responsiveContext = useContext(ResponsiveContext);
-    var renderContent = function () { return (React.createElement(BaseModal, __assign({}, restProps, { ref: ref, transitionProps: __assign({ classNames: transitions }, transitionProps), className: cn(className, styles.component) }),
+    var renderContent = function () { return (React.createElement(BaseModal, __assign({}, restProps, { ref: ref, transitionProps: __assign({ classNames: transitions }, transitionProps), className: cn(className, styles.component), scrollHandler: 'content' }),
         React.createElement("div", { className: styles.mobileContent }, children))); };
     var renderWithContext = function () { return (React.createElement(ResponsiveContext.Provider, { value: contextValue }, renderContent())); };
     return responsiveContext ? renderContent() : renderWithContext();

package/side-panel/modern/Component.mobile.js

@@ -22,7 +22,7 @@ const SidePanelMobileComponent = forwardRef(({ children, className, transitionPr
     const renderContent = () => (React.createElement(BaseModal, { ...restProps, ref: ref, transitionProps: {
             classNames: transitions,
             ...transitionProps,
-        }, className: cn(className, styles.component) },
+        }, className: cn(className, styles.component), scrollHandler: 'content' },
         React.createElement("div", { className: styles.mobileContent }, children)));
     const renderWithContext = () => (React.createElement(ResponsiveContext.Provider, { value: contextValue }, renderContent()));
     return responsiveContext ? renderContent() : renderWithContext();

package/system-message/Component.desktop.js

@@ -7,7 +7,7 @@ var utils = require('./utils.js');
 require('classnames');
 require('./Context.js');
 require('./components/caption/Component.js');
-require('./getDataTestId-ab3a9261.js');
+require('./getDataTestId-4834d9ea.js');
 require('./components/controls/Component.js');
 require('./components/graphic/Component.js');
 require('./components/subtitle/Component.js');

package/system-message/Component.mobile.js

@@ -7,7 +7,7 @@ var utils = require('./utils.js');
 require('classnames');
 require('./Context.js');
 require('./components/caption/Component.js');
-require('./getDataTestId-ab3a9261.js');
+require('./getDataTestId-4834d9ea.js');
 require('./components/controls/Component.js');
 require('./components/graphic/Component.js');
 require('./components/subtitle/Component.js');

package/system-message/Components.responsive.js

@@ -8,7 +8,7 @@ var utils = require('./utils.js');
 require('classnames');
 require('./Context.js');
 require('./components/caption/Component.js');
-require('./getDataTestId-ab3a9261.js');
+require('./getDataTestId-4834d9ea.js');
 require('./components/controls/Component.js');
 require('./components/graphic/Component.js');
 require('./components/subtitle/Component.js');

package/system-message/components/caption/Component.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-ab3a9261.js');
+var getDataTestId = require('../../getDataTestId-4834d9ea.js');
 var Context = require('../../Context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/system-message/components/caption/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_caption_Component = require('./Component.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-ab3a9261.js');
+require('../../getDataTestId-4834d9ea.js');
 require('../../Context.js');
 
 

package/system-message/components/controls/Component.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-ab3a9261.js');
+var getDataTestId = require('../../getDataTestId-4834d9ea.js');
 var Context = require('../../Context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/system-message/components/controls/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_controls_Component = require('./Component.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-ab3a9261.js');
+require('../../getDataTestId-4834d9ea.js');
 require('../../Context.js');
 
 

package/system-message/components/graphic/Component.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-ab3a9261.js');
+var getDataTestId = require('../../getDataTestId-4834d9ea.js');
 var Context = require('../../Context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/system-message/components/graphic/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_graphic_Component = require('./Component.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-ab3a9261.js');
+require('../../getDataTestId-4834d9ea.js');
 require('../../Context.js');
 
 

package/system-message/components/subtitle/Component.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-ab3a9261.js');
+var getDataTestId = require('../../getDataTestId-4834d9ea.js');
 var Context = require('../../Context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/system-message/components/subtitle/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_subtitle_Component = require('./Component.js');
 require('react');
 require('classnames');
-require('../../getDataTestId-ab3a9261.js');
+require('../../getDataTestId-4834d9ea.js');
 require('../../Context.js');
 
 

package/system-message/components/title/Component.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var getDataTestId = require('../../getDataTestId-ab3a9261.js');
+var getDataTestId = require('../../getDataTestId-4834d9ea.js');
 var Context = require('../../Context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }