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

package/select/mobile/index.js

@@ -40,7 +40,7 @@ require('../../input');
 require('@alfalab/icons-glyph/MagnifierMIcon');
 require('../components/virtual-options-list/Component.js');
 require('react-virtual');
-require('../hook-1a09de48.js');
+require('../hook-c2cc0737.js');
 require('../presets/useSelectWithApply/options-list-with-apply/footer/Component.js');
 require('../../button/desktop');
 require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');

package/select/modern/Component.responsive.js

@@ -38,7 +38,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-13eac5b3.js';
+import './hook-5d0d0b8f.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

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

@@ -1,4 +1,4 @@
-import React, { forwardRef, useRef, useMemo, useCallback, useEffect } from 'react';
+import React, { forwardRef, useRef, useMemo, useEffect, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
@@ -27,7 +27,6 @@ const BaseSelect = forwardRef(
     const listRef = useRef(null);
     const initiatorRef = useRef(null);
     const searchRef = useRef(null);
-    const alreadyClickedRef = useRef(false);
     const scrollableContainerRef = useRef(null);
     const onOpenRef = useRef(onOpen);
     const [searchState, setSearchState] = React.useState('');
@@ -88,6 +87,24 @@ const BaseSelect = forwardRef(
         isItemDisabled,
         defaultHighlightedIndex: selectedItems.length === 0 ? -1 : undefined,
         scrollIntoView,
+        onSelectedItemChange: (changes) => {
+            const selectedItem = changes.selectedItem || initiatorRef.current;
+            if (selectedItem && !selectedItem.disabled) {
+                const alreadySelected = selectedItems.includes(selectedItem);
+                const allowRemove = allowUnselect || (multiple && selectedItems.length > 1);
+                if (alreadySelected && allowRemove) {
+                    removeSelectedItem(selectedItem);
+                }
+                if (!alreadySelected) {
+                    if (multiple) {
+                        addSelectedItem(selectedItem);
+                    }
+                    else {
+                        setSelectedItems([selectedItem]);
+                    }
+                }
+            }
+        },
         onIsOpenChange: (changes) => {
             if (onOpenRef.current) {
                 /**
@@ -114,16 +131,9 @@ const BaseSelect = forwardRef(
                 }
             }
         },
-        // eslint-disable-next-line complexity
         stateReducer: (state, actionAndChanges) => {
             const { type, changes } = actionAndChanges;
-            const { selectedItem } = changes;
             switch (type) {
-                case useCombobox.stateChangeTypes.InputBlur:
-                    if (view === 'mobile') {
-                        return state;
-                    }
-                    return changes;
                 case useCombobox.stateChangeTypes.InputKeyDownArrowDown:
                     if (!circularNavigation && state.highlightedIndex === options.length - 1) {
                         return { ...changes, highlightedIndex: state.highlightedIndex };
@@ -135,45 +145,40 @@ const BaseSelect = forwardRef(
                     }
                     return changes;
                 case useCombobox.stateChangeTypes.InputKeyDownEnter:
-                case useCombobox.stateChangeTypes.ItemClick:
+                case useCombobox.stateChangeTypes.ItemClick: {
+                    const { selectedItem } = changes;
                     initiatorRef.current = selectedItem || null;
-                    if (selectedItem && !selectedItem.disabled && !alreadyClickedRef.current) {
-                        // TODO!!! Проблема downshift + React 18. ItemClick срабатывает дважды. См https://github.com/downshift-js/downshift/issues/1384
-                        if (view === 'mobile' && React.version.indexOf('18') === 0) {
-                            alreadyClickedRef.current = true;
-                            setTimeout(() => {
-                                alreadyClickedRef.current = false;
-                            });
-                        }
-                        const alreadySelected = selectedItems.includes(selectedItem);
-                        const allowRemove = allowUnselect || (multiple && selectedItems.length > 1);
-                        if (alreadySelected && allowRemove) {
-                            removeSelectedItem(selectedItem);
-                        }
-                        if (!alreadySelected) {
-                            if (multiple) {
-                                addSelectedItem(selectedItem);
-                            }
-                            else {
-                                setSelectedItems([selectedItem]);
-                            }
-                        }
-                    }
                     return {
                         ...changes,
+                        selectedItem: state.selectedItem === selectedItem ? null : selectedItem,
                         isOpen: !closeOnSelect || (view === 'mobile' && multiple),
                         // при closeOnSelect === false - сохраняем подсвеченный индекс
                         highlightedIndex: state.isOpen && !closeOnSelect
                             ? state.highlightedIndex
                             : changes.highlightedIndex,
                     };
+                }
                 default:
                     return changes;
             }
         },
     });
-    const menuProps = getMenuProps({ ref: listRef }, { suppressRefError: true });
+    useEffect(() => {
+        /*
+         * При изменении openProp, состояние внутри downshift в useEnhancedReducer не меняется, поэтому меняем его таким способом
+         * Скорее всего это исправят в будущих версиях downshift
+         */
+        if (openProp !== undefined) {
+            if (openProp) {
+                openMenu();
+            }
+            else {
+                closeMenu();
+            }
+        }
+    }, [openProp, openMenu, closeMenu]);
     const inputProps = getInputProps(getDropdownProps({ ref: mergeRefs([ref, fieldRef]) }));
+    const { ref: menuRef, ...menuProps } = getMenuProps({ ref: listRef }, { suppressRefError: true });
     const handleEntered = (node, isAppearing) => {
         if (showSearch)
             searchRef.current?.focus();
@@ -342,7 +347,7 @@ const BaseSelect = forwardRef(
         if (flatOptions.length === 0 && !showEmptyOptionsList && !showSearch)
             return null;
         const listProps = optionsListProps;
-        return (React.createElement("div", { ...menuProps, className: cn(optionsListClassName, view === 'mobile' && mobileStyles.optionsListWrapper, view === 'desktop' && styles.optionsListWrapper) },
+        return (React.createElement("div", { ...menuProps, ref: view === 'desktop' ? menuRef : undefined, className: cn(optionsListClassName, view === 'mobile' && mobileStyles.optionsListWrapper, view === 'desktop' && styles.optionsListWrapper) },
             React.createElement(OptionsList, { ...listProps, ref: view === 'desktop' ? listProps.ref : scrollableContainerRef, setHighlightedIndex: view === 'desktop' ? setHighlightedIndex : undefined, className: cn({ [mobileStyles.optionsList]: view === 'mobile' }), scrollbarClassName: cn({ [mobileStyles.scrollbar]: view === 'mobile' }), optionsListWidth: optionsListWidth, flatOptions: flatOptions, highlightedIndex: highlightedIndex, open: open, size: size, options: filteredOptions, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, visibleOptions: view === 'desktop' ? visibleOptions : 0, dataTestId: getDataTestId(dataTestId, 'options-list'), header: renderOptionsListHeader(), optionGroupClassName: cn(optionGroupClassName, {
                     [mobileStyles.optionGroup]: view === 'mobile',
                 }), emptyPlaceholder: renderEmptyPlaceholder(), onScroll: onScroll }),
@@ -356,7 +361,7 @@ const BaseSelect = forwardRef(
     };
     const renderInBottomSheet = () => {
         if (!nativeSelect && BottomSheet) {
-            return (React.createElement(BottomSheet, { dataTestId: getDataTestId(dataTestId, 'bottom-sheet'), open: open, className: mobileStyles.sheet, contentClassName: mobileStyles.sheetContent, containerClassName: mobileStyles.sheetContainer, title: label || placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, initialHeight: showSearch ? 'full' : 'default', ...bottomSheetProps, scrollableContainerRef: scrollableContainerRef, onClose: () => {
+            return (React.createElement(BottomSheet, { dataTestId: getDataTestId(dataTestId, 'bottom-sheet'), open: open, className: mobileStyles.sheet, contentClassName: mobileStyles.sheetContent, containerClassName: mobileStyles.sheetContainer, title: label || placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, initialHeight: showSearch ? 'full' : 'default', ...bottomSheetProps, sheetContainerRef: menuRef, scrollableContainerRef: scrollableContainerRef, onClose: () => {
                     closeMenu();
                     bottomSheetProps?.onClose?.();
                 }, transitionProps: {
@@ -373,7 +378,7 @@ const BaseSelect = forwardRef(
     };
     const renderInModalMobile = () => {
         if (!nativeSelect && ModalMobile) {
-            return (React.createElement(ModalMobile, { open: open, hasCloser: true, ...modalProps, onClose: (...args) => {
+            return (React.createElement(ModalMobile, { open: open, hasCloser: true, ...modalProps, componentRef: menuRef, onClose: (...args) => {
                     closeMenu();
                     modalProps?.onClose?.(...args);
                 }, contentClassName: cn(mobileStyles.sheetContent, modalProps?.contentClassName), ref: mergeRefs([

package/select/modern/index.js

@@ -38,7 +38,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-13eac5b3.js';
+import './hook-5d0d0b8f.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

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

@@ -11,7 +11,7 @@ import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-13eac5b3.js';
+import { u as useSelectWithApply } from '../hook-5d0d0b8f.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

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

@@ -34,7 +34,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-13eac5b3.js';
+import '../hook-5d0d0b8f.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/mobile/index.js

@@ -35,7 +35,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-13eac5b3.js';
+import '../hook-5d0d0b8f.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/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 { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-13eac5b3.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-5d0d0b8f.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';

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

@@ -1,5 +1,5 @@
 import 'react';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-13eac5b3.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-5d0d0b8f.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';
 import 'classnames';

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 '../../../hook-13eac5b3.js';
+export { O as OptionsListWithApply } from '../../../hook-5d0d0b8f.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

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

@@ -1 +1 @@
-export * from "../../../hook-13eac5b3";
+export * from "../../../hook-5d0d0b8f";

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

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-13eac5b3.js';
+export { O as OptionsListWithApply } from '../../../hook-5d0d0b8f.js';
 import 'react';
 import '../../../components/options-list/Component.js';
 import 'react-merge-refs';

package/select/modern/shared/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-13eac5b3.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-5d0d0b8f.js';
 export { defaultAccessor, defaultFilterFn, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.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('../hook-1a09de48.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-c2cc0737.js');
 require('tslib');
 require('react');
 require('../../skeleton');

package/select/presets/useSelectWithApply/hook.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-1a09de48.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-c2cc0737.js');
 require('../../components/options-list/Component.js');
 require('react-merge-refs');
 require('classnames');

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

@@ -4,7 +4,7 @@ require('tslib');
 require('react');
 require('../../../components/options-list/Component.js');
 require('../../../consts.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-1a09de48.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-c2cc0737.js');
 require('./footer/Component.js');
 require('./header/Component.js');
 require('react-merge-refs');

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

@@ -1 +1 @@
-export * from "../../../hook-1a09de48";
+export * from "../../../hook-c2cc0737";

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('../../../hook-1a09de48.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-c2cc0737.js');
 require('tslib');
 require('react');
 require('../../../utils.js');

package/select/shared/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('../presets/useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('../presets/useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-1a09de48.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-c2cc0737.js');
 var utils = require('../utils.js');
 var components_option_Component = require('../components/option/Component.js');
 var components_baseOption_Component = require('../components/base-option/Component.js');

package/select-with-tags/Component.responsive.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-declare const SelectWithTags: React.ForwardRefExoticComponent<Omit<import("../select/typings").BaseSelectProps, "onChange" | "selected" | "multiple" | "autocomplete" | "nativeSelect" | "Field"> & {
+declare const SelectWithTags: React.ForwardRefExoticComponent<Omit<import("../select/typings").BaseSelectProps, "onChange" | "autocomplete" | "multiple" | "selected" | "nativeSelect" | "Field"> & {
     value: string;
     onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
     selected?: (string | import("../select/typings").OptionShape)[] | undefined;

package/select-with-tags/components/base-select-with-tags/Component.d.ts

@@ -5,7 +5,7 @@ import { BottomSheetProps } from "../../../bottom-sheet";
 import { FormControlProps } from "../../../form-control";
 import { PopoverProps } from "../../../popover";
 import { BaseSelectProps, OptionShape } from "../../../select/shared";
-declare const BaseSelectWithTags: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onChange" | "selected" | "multiple" | "autocomplete" | "nativeSelect" | "Field"> & {
+declare const BaseSelectWithTags: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onChange" | "autocomplete" | "multiple" | "selected" | "nativeSelect" | "Field"> & {
     value: string;
     onInput: (event: React.ChangeEvent<HTMLInputElement>) => void;
     selected?: (string | OptionShape)[] | undefined;

package/side-panel/Component.responsive.js

@@ -10,7 +10,7 @@ var desktop_Component_desktop = require('./desktop/Component.desktop.js');
 var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 var ResponsiveContext = require('./ResponsiveContext.js');
 require('classnames');
-require('./layout.module-2eab8ea4.js');
+require('./layout.module-63bb425f.js');
 require('../navigation-bar');
 require('./Context.js');
 require('../base-modal');

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

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-2eab8ea4.js');
+var layout_module = require('../../layout.module-63bb425f.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/side-panel/components/controls/index.js

@@ -5,7 +5,7 @@ require('react');
 require('classnames');
 require('../../../shared');
 require('../../ResponsiveContext.js');
-require('../../layout.module-2eab8ea4.js');
+require('../../layout.module-63bb425f.js');
 
 
 

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

@@ -8,7 +8,7 @@ require('../../../shared');
 require('../../Context.js');
 require('../../../base-modal');
 require('../../ResponsiveContext.js');
-require('../../layout.module-2eab8ea4.js');
+require('../../layout.module-63bb425f.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

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

@@ -5,7 +5,7 @@ var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-2eab8ea4.js');
+var layout_module = require('../../layout.module-63bb425f.js');
 require('../../../base-modal');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

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

@@ -8,7 +8,7 @@ require('../../../shared');
 require('../../Context.js');
 require('../../../base-modal');
 require('../../ResponsiveContext.js');
-require('../../layout.module-2eab8ea4.js');
+require('../../layout.module-63bb425f.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

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

@@ -14,7 +14,7 @@ require('../components/content/Component.js');
 require('../../shared');
 require('../Context.js');
 require('../../base-modal');
-require('../layout.module-2eab8ea4.js');
+require('../layout.module-63bb425f.js');
 require('../components/footer/Component.js');
 require('../../navigation-bar');
 

package/side-panel/desktop/index.js

@@ -13,7 +13,7 @@ require('../Context.js');
 require('../../base-modal');
 require('../ResponsiveContext.js');
 require('../components/controls/Component.js');
-require('../layout.module-2eab8ea4.js');
+require('../layout.module-63bb425f.js');
 require('../components/footer/Component.desktop.js');
 require('../components/footer/Component.js');
 require('../components/header/Component.js');

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

@@ -8,7 +8,7 @@ import { SidePanelDesktop } from './desktop/Component.desktop.js';
 import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
-import './layout.module-cd17a8d9.js';
+import './layout.module-9b1b1597.js';
 import '../../navigation-bar/esm';
 import '../../base-modal/esm';
 import 'react-merge-refs';

package/side-panel/esm/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-cd17a8d9.js';
+import { l as layoutStyles } from '../../layout.module-9b1b1597.js';
 
 var styles = {"component":"side-panel__component_1nqcw"};
 require('./index.css');

package/side-panel/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-cd17a8d9.js';
+import '../../layout.module-9b1b1597.js';

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

@@ -5,7 +5,7 @@ import { Footer } from './Component.js';
 import '../../../../shared/esm';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-cd17a8d9.js';
+import '../../layout.module-9b1b1597.js';
 import '../../Context.js';
 
 var styles = {"sticky":"side-panel__sticky_erzxd","s":"side-panel__s_erzxd"};

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-cd17a8d9.js';
+import { l as layoutStyles } from '../../layout.module-9b1b1597.js';
 import '../../../../base-modal/esm';
 
 var styles = {"footer":"side-panel__footer_19kfm","sticky":"side-panel__sticky_19kfm","highlighted":"side-panel__highlighted_19kfm"};

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

@@ -5,7 +5,7 @@ import { Footer } from './Component.js';
 import '../../../../shared/esm';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-cd17a8d9.js';
+import '../../layout.module-9b1b1597.js';
 import '../../Context.js';
 
 var styles = {"footer":"side-panel__footer_irfh8","sticky":"side-panel__sticky_irfh8"};

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

@@ -11,7 +11,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../../../base-modal/esm';
-import '../layout.module-cd17a8d9.js';
+import '../layout.module-9b1b1597.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/esm';
 import '../Context.js';

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

@@ -10,7 +10,7 @@ import '../../../shared/esm';
 import '../../../base-modal/esm';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-cd17a8d9.js';
+import '../layout.module-9b1b1597.js';
 import '../components/footer/Component.desktop.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/esm/index.js

@@ -6,7 +6,7 @@ import '../../shared/esm';
 import './components/controls/Component.js';
 import 'classnames';
 import './ResponsiveContext.js';
-import './layout.module-cd17a8d9.js';
+import './layout.module-9b1b1597.js';
 import './components/header/Component.js';
 import '../../navigation-bar/esm';
 import '../../base-modal/esm';

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

@@ -9,7 +9,7 @@ import { Header } from '../components/header/Component.js';
 import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/esm';
-import '../layout.module-cd17a8d9.js';
+import '../layout.module-9b1b1597.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/esm';
 import '../Context.js';

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

@@ -8,7 +8,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-cd17a8d9.js';
+import '../layout.module-9b1b1597.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/index.js

@@ -8,7 +8,7 @@ require('../shared');
 require('./components/controls/Component.js');
 require('classnames');
 require('./ResponsiveContext.js');
-require('./layout.module-2eab8ea4.js');
+require('./layout.module-63bb425f.js');
 require('./components/header/Component.js');
 require('../navigation-bar');
 require('./Context.js');

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

@@ -12,7 +12,7 @@ var ResponsiveContext = require('../ResponsiveContext.js');
 require('../components/content/Component.js');
 require('../../shared');
 require('../Context.js');
-require('../layout.module-2eab8ea4.js');
+require('../layout.module-63bb425f.js');
 require('../components/footer/Component.js');
 require('../../navigation-bar');
 

package/side-panel/mobile/index.js

@@ -11,7 +11,7 @@ require('../../shared');
 require('../Context.js');
 require('../ResponsiveContext.js');
 require('../components/controls/Component.js');
-require('../layout.module-2eab8ea4.js');
+require('../layout.module-63bb425f.js');
 require('../components/footer/Component.mobile.js');
 require('../components/footer/Component.js');
 require('../components/header/Component.js');

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

@@ -7,7 +7,7 @@ import { SidePanelDesktop } from './desktop/Component.desktop.js';
 import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
-import './layout.module-2fbef196.js';
+import './layout.module-294dd7f0.js';
 import '../../navigation-bar/modern';
 import '../../base-modal/modern';
 import 'react-merge-refs';

package/side-panel/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-2fbef196.js';
+import { l as layoutStyles } from '../../layout.module-294dd7f0.js';
 
 const styles = {"component":"side-panel__component_1nqcw"};
 require('./index.css');

package/side-panel/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-2fbef196.js';
+import '../../layout.module-294dd7f0.js';

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

@@ -4,7 +4,7 @@ import { Footer } from './Component.js';
 import '../../../../shared/modern';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-2fbef196.js';
+import '../../layout.module-294dd7f0.js';
 import '../../Context.js';
 
 const styles = {"sticky":"side-panel__sticky_erzxd","s":"side-panel__s_erzxd"};

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-2fbef196.js';
+import { l as layoutStyles } from '../../layout.module-294dd7f0.js';
 import '../../../../base-modal/modern';
 
 const styles = {"footer":"side-panel__footer_19kfm","sticky":"side-panel__sticky_19kfm","highlighted":"side-panel__highlighted_19kfm"};