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

package/select/modern/components/base-select-mobile/virtual-options-list/Component.js

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useRef, useMemo } from 'react';
+import React, { forwardRef, useContext, useEffect, useRef, useMemo } from 'react';
 import { useVirtual } from 'react-virtual';
 import cn from 'classnames';
 import { BaseModalContext } from '../../../../../base-modal/modern';
@@ -10,14 +10,14 @@ import { Optgroup } from '../../optgroup/Component.js';
 const styles = {"virtualOptionsList":"select__virtualOptionsList_ux6q8","inner":"select__inner_ux6q8","virtualRow":"select__virtualRow_ux6q8","highlighted":"select__highlighted_ux6q8","emptyPlaceholder":"select__emptyPlaceholder_ux6q8","l":"select__l_ux6q8","xl":"select__xl_ux6q8","footer":"select__footer_ux6q8","footerButton":"select__footerButton_ux6q8","footerHighlighted":"select__footerHighlighted_ux6q8"};
 require('./index.css');
 
-const VirtualOptionsList = ({ flatOptions = [], highlightedIndex = -1, size = 's', className, Option, getOptionProps, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, showFooter, open, onApply = () => null, onClear = () => null, }) => {
+const VirtualOptionsList = forwardRef(({ flatOptions = [], highlightedIndex = -1, size = 's', className, Option, getOptionProps, options = [], Optgroup: Optgroup$1 = Optgroup, dataTestId, emptyPlaceholder, showFooter, open, onApply = () => null, onClear = () => null, }, ref) => {
     const { footerHighlighted, setHasFooter } = useContext(BaseModalContext);
     useEffect(() => {
         setHasFooter(true);
     }, [setHasFooter]);
     const listRef = useRef(null);
-    const parentRef = useRef(null);
     const prevHighlightedIndex = usePrevious(highlightedIndex) || -1;
+    const parentRef = ref && typeof ref === 'object' ? ref : listRef;
     const rowVirtualizer = useVirtual({
         size: flatOptions.length,
         parentRef,
@@ -81,19 +81,19 @@ const VirtualOptionsList = ({ flatOptions = [], highlightedIndex = -1, size = 's
                 transform: `translateY(${virtualRow.start}px)`,
             } },
             group && React.createElement(Optgroup$1, { label: group.label }),
-            !isGroup(option) && React.createElement(Option, { ...getOptionProps(option, virtualRow.index) })));
+            !isGroup(option) && (React.createElement(Option, { ...getOptionProps(option, virtualRow.index) }))));
     });
     if (options.length === 0 && !emptyPlaceholder) {
         return null;
     }
-    return (React.createElement("div", { className: cn(styles.virtualOptionsList, styles[size], className), "data-test-id": dataTestId, ref: parentRef },
+    return (React.createElement("div", { className: cn(styles.virtualOptionsList, styles[size], className), "data-test-id": dataTestId },
         React.createElement("div", { ...contentNodeProps }, renderList()),
         emptyPlaceholder && options.length === 0 && (React.createElement("div", { className: styles.emptyPlaceholder }, emptyPlaceholder)),
         showFooter && (React.createElement("div", { className: cn(styles.footer, className, {
-                [styles.highlighted]: footerHighlighted,
+                [styles.footerHighlighted]: footerHighlighted,
             }) },
             React.createElement(Button, { size: 's', view: 'primary', onClick: onApply, className: styles.footerButton }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
             React.createElement(Button, { size: 's', view: 'secondary', onClick: onClear, className: styles.footerButton }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C")))));
-};
+});
 
 export { VirtualOptionsList };

package/select/modern/components/base-select-mobile/virtual-options-list/index.css

@@ -42,7 +42,6 @@
     outline: none;
     box-sizing: border-box;
     position: relative;
-    overflow: auto;
 }
 .select__inner_ux6q8 {
     position: relative;

package/select/modern/components/index.js

@@ -1,6 +1,6 @@
 export { Arrow } from './arrow/Component.js';
-export { B as BaseSelect } from '../Component-21acd49a.js';
-export { S as SelectMobile, a as SelectModalMobile } from '../Component-6d0c20ed.js';
+export { B as BaseSelect } from '../Component-0cf0b97d.js';
+export { S as SelectMobile, a as SelectModalMobile } from '../Component-82e15643.js';
 export { Field } from './field/Component.js';
 export { Optgroup } from './optgroup/Component.js';
 export { Option } from './option/Component.js';
@@ -29,7 +29,7 @@ import '../../../checkbox/modern';
 import '../../../scrollbar/modern';
 import 'react-virtual';
 import '../../../skeleton/modern';
-import '../intersection-observer-b4b778a8.js';
+import '../intersection-observer-66d0ef98.js';
 import '../../../button/modern';
 import './base-checkmark/Component.js';
 import './base-select-mobile/options-list/Component.js';

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

@@ -1,6 +1,6 @@
 import 'react';
 import '../arrow/Component.js';
-export { S as SelectMobile } from '../../Component-6d0c20ed.js';
+export { S as SelectMobile } from '../../Component-82e15643.js';
 import '../field/Component.js';
 import '../optgroup/Component.js';
 import '../option/Component.js';
@@ -11,7 +11,7 @@ import 'downshift';
 import '../../../../bottom-sheet/modern';
 import '../../../../modal/modern/mobile';
 import '../../Component.js';
-import '../../Component-21acd49a.js';
+import '../../Component-0cf0b97d.js';
 import '@juggle/resize-observer';
 import '../../../../popover/modern';
 import '@alfalab/hooks';
@@ -29,7 +29,7 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-b4b778a8.js';
+import '../../intersection-observer-66d0ef98.js';
 import '../../../../button/modern';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/modern';

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

@@ -1 +1 @@
-export * from "../../Component-6d0c20ed";
+export * from "../../Component-82e15643";

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

@@ -1,4 +1,4 @@
-export { S as SelectMobile } from '../../Component-6d0c20ed.js';
+export { S as SelectMobile } from '../../Component-82e15643.js';
 import 'react';
 import '../arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '../../../../bottom-sheet/modern';
 import '../../../../modal/modern/mobile';
 import '../../Component.js';
-import '../../Component-21acd49a.js';
+import '../../Component-0cf0b97d.js';
 import '@juggle/resize-observer';
 import '../../../../popover/modern';
 import '@alfalab/hooks';
@@ -29,7 +29,7 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-b4b778a8.js';
+import '../../intersection-observer-66d0ef98.js';
 import '../../../../button/modern';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/modern';

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

@@ -1,6 +1,6 @@
 import 'react';
 import '../arrow/Component.js';
-export { a as SelectModalMobile } from '../../Component-6d0c20ed.js';
+export { a as SelectModalMobile } from '../../Component-82e15643.js';
 import '../field/Component.js';
 import '../optgroup/Component.js';
 import '../option/Component.js';
@@ -11,7 +11,7 @@ import 'downshift';
 import '../../../../bottom-sheet/modern';
 import '../../../../modal/modern/mobile';
 import '../../Component.js';
-import '../../Component-21acd49a.js';
+import '../../Component-0cf0b97d.js';
 import '@juggle/resize-observer';
 import '../../../../popover/modern';
 import '@alfalab/hooks';
@@ -29,7 +29,7 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-b4b778a8.js';
+import '../../intersection-observer-66d0ef98.js';
 import '../../../../button/modern';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/modern';

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

@@ -1 +1 @@
-export * from "../../Component-6d0c20ed";
+export * from "../../Component-82e15643";

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

@@ -1,4 +1,4 @@
-export { a as SelectModalMobile } from '../../Component-6d0c20ed.js';
+export { a as SelectModalMobile } from '../../Component-82e15643.js';
 import 'react';
 import '../arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '../../../../bottom-sheet/modern';
 import '../../../../modal/modern/mobile';
 import '../../Component.js';
-import '../../Component-21acd49a.js';
+import '../../Component-0cf0b97d.js';
 import '@juggle/resize-observer';
 import '../../../../popover/modern';
 import '@alfalab/hooks';
@@ -29,7 +29,7 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-b4b778a8.js';
+import '../../intersection-observer-66d0ef98.js';
 import '../../../../button/modern';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/modern';

package/select/modern/index.js

@@ -1,7 +1,7 @@
 export { Select } from './Component.js';
 export { Arrow } from './components/arrow/Component.js';
-export { B as BaseSelect } from './Component-21acd49a.js';
-export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-6d0c20ed.js';
+export { B as BaseSelect } from './Component-0cf0b97d.js';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-82e15643.js';
 export { Field } from './components/field/Component.js';
 export { Optgroup } from './components/optgroup/Component.js';
 export { Option } from './components/option/Component.js';
@@ -32,7 +32,7 @@ import '../../bottom-sheet/modern';
 import '../../modal/modern/mobile';
 import 'react-virtual';
 import '../../skeleton/modern';
-import './intersection-observer-b4b778a8.js';
+import './intersection-observer-66d0ef98.js';
 import '../../button/modern';
 import './components/base-checkmark/Component.js';
 import './components/base-select-mobile/options-list/Component.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-6d0c20ed.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-82e15643.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';
@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark/Component.js';
 import '../../../checkbox/modern';
-import '../intersection-observer-b4b778a8.js';
+import '../intersection-observer-66d0ef98.js';
 import '../components/arrow/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-merge-refs';
@@ -19,7 +19,7 @@ import 'downshift';
 import '../../../bottom-sheet/modern';
 import '../../../modal/modern/mobile';
 import '../Component.js';
-import '../Component-21acd49a.js';
+import '../Component-0cf0b97d.js';
 import '@juggle/resize-observer';
 import '../../../popover/modern';
 import '@alfalab/hooks';

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-b4b778a8.js';
+import '../../intersection-observer-66d0ef98.js';
 import 'classnames';
 import '../../components/base-select-mobile/checkmark/Component.js';
 import '../../../../badge/modern';

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

@@ -2,8 +2,8 @@ import 'react';
 import '../../Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../Component-21acd49a.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-6d0c20ed.js';
+import '../../Component-0cf0b97d.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-82e15643.js';
 import '../../../../form-control/modern';
 import '@alfalab/hooks';
 import '../../../../badge/modern';
@@ -14,7 +14,7 @@ import '../../components/options-list/Component.js';
 import 'react-virtual';
 import '../../../../scrollbar/modern';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-b4b778a8.js';
+import '../../intersection-observer-66d0ef98.js';
 import '../../components/arrow/Component.js';
 import '../../components/field/Component.js';
 import '../../components/optgroup/Component.js';

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

@@ -2,8 +2,8 @@ import 'react';
 import 'classnames';
 import '../../../../../button/modern';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../../Component-21acd49a.js';
-export { O as OptionsListWithApply } from '../../../Component-6d0c20ed.js';
+import '../../../Component-0cf0b97d.js';
+export { O as OptionsListWithApply } from '../../../Component-82e15643.js';
 import '../../../../../form-control/modern';
 import '@alfalab/hooks';
 import '../../../../../badge/modern';
@@ -30,7 +30,7 @@ import '../../../components/checkmark/Component.js';
 import '../../../components/base-option/Component.js';
 import '../../../components/base-checkmark/Component.js';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-b4b778a8.js';
+import '../../../intersection-observer-66d0ef98.js';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../../../base-modal/modern';
 import '../../../components/base-select-mobile/virtual-options-list/Component.js';

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

@@ -1 +1 @@
-export * from "../../../Component-6d0c20ed";
+export * from "../../../Component-82e15643";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../Component-6d0c20ed.js';
+export { O as OptionsListWithApply } from '../../../Component-82e15643.js';
 import 'react';
 import '../../../components/arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '../../../../../bottom-sheet/modern';
 import '../../../../../modal/modern/mobile';
 import '../../../Component.js';
-import '../../../Component-21acd49a.js';
+import '../../../Component-0cf0b97d.js';
 import '@juggle/resize-observer';
 import '../../../../../popover/modern';
 import '@alfalab/hooks';
@@ -29,7 +29,7 @@ import 'react-virtual';
 import '../../../components/base-option/Component.js';
 import '../../../components/base-checkmark/Component.js';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-b4b778a8.js';
+import '../../../intersection-observer-66d0ef98.js';
 import '../../../../../button/modern';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../../../base-modal/modern';

package/select/modern/responsive.js

@@ -5,7 +5,7 @@ import './Component.js';
 import './components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './Component-21acd49a.js';
+import './Component-0cf0b97d.js';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'downshift';
@@ -23,14 +23,14 @@ import './components/checkmark/Component.js';
 import '../../checkbox/modern';
 import './components/options-list/Component.js';
 import '../../scrollbar/modern';
-import './Component-6d0c20ed.js';
+import './Component-82e15643.js';
 import '../../bottom-sheet/modern';
 import '../../modal/modern/mobile';
 import 'react-virtual';
 import './components/base-option/Component.js';
 import './components/base-checkmark/Component.js';
 import '../../skeleton/modern';
-import './intersection-observer-b4b778a8.js';
+import './intersection-observer-66d0ef98.js';
 import '../../button/modern';
 import './components/base-select-mobile/options-list/Component.js';
 import '../../base-modal/modern';

package/select/presets/index.js

@@ -1,7 +1,7 @@
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-4a0f00e5.js');
-require('../tslib.es6-6f11dc9c.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-902c22f8.js');
+require('../tslib.es6-c37aac9e.js');
 require('react');
 require('../../skeleton');
 require('../components/option/Component.js');
@@ -12,7 +12,7 @@ require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../components/checkmark/Component.js');
 require('../../checkbox');
-require('../intersection-observer-9e5235a0.js');
+require('../intersection-observer-2c89c05a.js');
 require('../components/arrow/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('react-merge-refs');
@@ -20,7 +20,7 @@ require('downshift');
 require('../../bottom-sheet');
 require('../../modal/mobile');
 require('../Component.js');
-require('../Component-6276339a.js');
+require('../Component-c28d8000.js');
 require('@juggle/resize-observer');
 require('../../popover');
 require('@alfalab/hooks');

package/select/presets/useLazyLoading/hook.js

@@ -1,8 +1,8 @@
-var tslib_es6 = require('../../tslib.es6-6f11dc9c.js');
+var tslib_es6 = require('../../tslib.es6-c37aac9e.js');
 var React = require('react');
 var coreComponentsSkeleton = require('../../../skeleton');
 var components_option_Component = require('../../components/option/Component.js');
-require('../../intersection-observer-9e5235a0.js');
+require('../../intersection-observer-2c89c05a.js');
 require('classnames');
 require('../../components/base-select-mobile/checkmark/Component.js');
 require('../../../badge');

package/select/presets/useSelectWithApply/hook.js

@@ -1,10 +1,10 @@
-require('../../tslib.es6-6f11dc9c.js');
+require('../../tslib.es6-c37aac9e.js');
 require('react');
 require('../../Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../Component-6276339a.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-4a0f00e5.js');
+require('../../Component-c28d8000.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-902c22f8.js');
 require('../../../form-control');
 require('@alfalab/hooks');
 require('../../utils.js');
@@ -16,7 +16,7 @@ require('../../components/options-list/Component.js');
 require('react-virtual');
 require('../../../scrollbar');
 require('../../../skeleton');
-require('../../intersection-observer-9e5235a0.js');
+require('../../intersection-observer-2c89c05a.js');
 require('../../components/arrow/Component.js');
 require('../../components/field/Component.js');
 require('../../components/optgroup/Component.js');

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

@@ -1,10 +1,10 @@
-require('../../../tslib.es6-6f11dc9c.js');
+require('../../../tslib.es6-c37aac9e.js');
 require('react');
 require('classnames');
 require('../../../../button');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../../Component-6276339a.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-4a0f00e5.js');
+require('../../../Component-c28d8000.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-902c22f8.js');
 require('../../../../form-control');
 require('@alfalab/hooks');
 require('../../../../badge');
@@ -32,7 +32,7 @@ require('../../../components/checkmark/Component.js');
 require('../../../components/base-option/Component.js');
 require('../../../components/base-checkmark/Component.js');
 require('../../../../skeleton');
-require('../../../intersection-observer-9e5235a0.js');
+require('../../../intersection-observer-2c89c05a.js');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../../base-modal');
 require('../../../components/base-select-mobile/virtual-options-list/Component.js');

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

@@ -1 +1 @@
-export * from "../../../Component-4a0f00e5";
+export * from "../../../Component-902c22f8";

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

@@ -1,5 +1,5 @@
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-4a0f00e5.js');
-require('../../../tslib.es6-6f11dc9c.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-902c22f8.js');
+require('../../../tslib.es6-c37aac9e.js');
 require('react');
 require('../../../components/arrow/Component.js');
 require('classnames');
@@ -9,7 +9,7 @@ require('downshift');
 require('../../../../bottom-sheet');
 require('../../../../modal/mobile');
 require('../../../Component.js');
-require('../../../Component-6276339a.js');
+require('../../../Component-c28d8000.js');
 require('@juggle/resize-observer');
 require('../../../../popover');
 require('@alfalab/hooks');
@@ -31,7 +31,7 @@ require('react-virtual');
 require('../../../components/base-option/Component.js');
 require('../../../components/base-checkmark/Component.js');
 require('../../../../skeleton');
-require('../../../intersection-observer-9e5235a0.js');
+require('../../../intersection-observer-2c89c05a.js');
 require('../../../../button');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../../base-modal');

package/select/presets/useSelectWithLoading/hook.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-6f11dc9c.js');
+var tslib_es6 = require('../../tslib.es6-c37aac9e.js');
 var React = require('react');
 var coreComponentsSkeleton = require('../../../skeleton');
 var components_option_Component = require('../../components/option/Component.js');

package/select/responsive.js

@@ -1,12 +1,12 @@
 var Component_responsive = require('./Component.responsive.js');
-require('./tslib.es6-6f11dc9c.js');
+require('./tslib.es6-c37aac9e.js');
 require('react');
 require('@alfalab/hooks');
 require('./Component.js');
 require('./components/arrow/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('./Component-6276339a.js');
+require('./Component-c28d8000.js');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
@@ -25,14 +25,14 @@ require('./components/checkmark/Component.js');
 require('../checkbox');
 require('./components/options-list/Component.js');
 require('../scrollbar');
-require('./Component-4a0f00e5.js');
+require('./Component-902c22f8.js');
 require('../bottom-sheet');
 require('../modal/mobile');
 require('react-virtual');
 require('./components/base-option/Component.js');
 require('./components/base-checkmark/Component.js');
 require('../skeleton');
-require('./intersection-observer-9e5235a0.js');
+require('./intersection-observer-2c89c05a.js');
 require('../button');
 require('./components/base-select-mobile/options-list/Component.js');
 require('../base-modal');

package/side-panel/Component.desktop.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-66e612d5.js');
+var tslib_es6 = require('./tslib.es6-2e1d894a.js');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');

package/side-panel/Component.mobile.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-66e612d5.js');
+var tslib_es6 = require('./tslib.es6-2e1d894a.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');

package/side-panel/Component.responsive.d.ts

@@ -44,7 +44,7 @@ declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProp
      */
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.FC<import("./components/header/Component.mobile").HeaderMobileProps> | React.FC<import("./components/header/Component.desktop").HeaderDesktopProps>;
+    Header: React.FC<import("./components/header/Component.desktop").HeaderDesktopProps> | React.FC<import("./components/header/Component.mobile").HeaderMobileProps>;
     Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
     Footer: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
     Closer: React.FC<import("./components/closer/Component").CloserProps>;

package/side-panel/Component.responsive.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-66e612d5.js');
+var tslib_es6 = require('./tslib.es6-2e1d894a.js');
 var React = require('react');
 var coreComponentsMq = require('../mq');
 var components_closer_Component = require('./components/closer/Component.js');

package/side-panel/components/closer/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-66e612d5.js');
+var tslib_es6 = require('../../tslib.es6-2e1d894a.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');

package/side-panel/components/content/Component.desktop.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-66e612d5.js');
+var tslib_es6 = require('../../tslib.es6-2e1d894a.js');
 var React = require('react');
 var cn = require('classnames');
 var components_content_Component = require('./Component.js');

package/side-panel/components/content/Component.mobile.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-66e612d5.js');
+var tslib_es6 = require('../../tslib.es6-2e1d894a.js');
 var React = require('react');
 var cn = require('classnames');
 var components_content_Component = require('./Component.js');

package/side-panel/components/footer/Component.desktop.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-66e612d5.js');
+var tslib_es6 = require('../../tslib.es6-2e1d894a.js');
 var React = require('react');
 var cn = require('classnames');
 var components_footer_Component = require('./Component.js');

package/side-panel/components/footer/Component.mobile.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-66e612d5.js');
+var tslib_es6 = require('../../tslib.es6-2e1d894a.js');
 var React = require('react');
 var cn = require('classnames');
 var components_footer_Component = require('./Component.js');

package/side-panel/components/header/Component.desktop.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-66e612d5.js');
+var tslib_es6 = require('../../tslib.es6-2e1d894a.js');
 var React = require('react');
 var cn = require('classnames');
 var CrossHeavyMIcon = require('@alfalab/icons-glyph/CrossHeavyMIcon');

package/side-panel/components/header/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-66e612d5.js');
+var tslib_es6 = require('../../tslib.es6-2e1d894a.js');
 var React = require('react');
 var cn = require('classnames');
 var Context = require('../../Context.js');

package/side-panel/components/header/Component.mobile.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-66e612d5.js');
+var tslib_es6 = require('../../tslib.es6-2e1d894a.js');
 var React = require('react');
 var cn = require('classnames');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');

package/side-panel/desktop.js

@@ -1,5 +1,5 @@
 var Component_desktop = require('./Component.desktop.js');
-require('./tslib.es6-66e612d5.js');
+require('./tslib.es6-2e1d894a.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

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

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-f0c673d5.js';
+import { _ as __rest, a as __assign } from './tslib.es6-6ee90533.js';
 import React, { forwardRef, useRef, isValidElement, cloneElement } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';