@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.2

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

@@ -1,63 +1,60 @@
-import React, { forwardRef, useContext, useRef, isValidElement, cloneElement } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { Drawer } from '../../../drawer/cssm';
-import { ContentDesktop } from '../components/content/Component.desktop.js';
-import { Controls } from '../components/controls/Component.js';
-import { FooterDesktop } from '../components/footer/Component.desktop.js';
-import { Header } from '../components/header/Component.js';
-import { SIZE_TO_CLASSNAME_MAP } from '../consts.js';
-import { ResponsiveContext } from '../ResponsiveContext.js';
-import styles from './desktop.module.css';
-import transitions from './transitions.desktop.module.css';
-import '../components/content/Component.js';
-import '../../../shared/cssm';
-import '../Context.js';
-import '../../../base-modal/cssm';
-import '../components/content/index.module.css';
-import '../components/content/desktop.module.css';
-import '../components/footer/layout.module.css';
-import '../components/controls/index.module.css';
-import '../components/footer/Component.js';
-import '../components/footer/index.module.css';
-import '../components/footer/desktop.module.css';
-import '../../../navigation-bar/cssm';
-import '../components/header/desktop.module.css';
-import '../components/header/index.module.css';
-import '../components/header/mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const SidePanelDesktopComponent = forwardRef(({ size = 500, children, className, wrapperClassName, contentTransitionProps = {}, backdropProps, placement = 'right', dataTestId, ...restProps }, ref) => {
-    const responsiveContext = useContext(ResponsiveContext);
-    const modalRef = useRef(null);
-    const enterCn = cn({
-        [transitions.appearRight]: placement === 'right',
-        [transitions.appearLeft]: placement === 'left',
-    });
-    const exitCn = cn({
-        [transitions.exitActiveRight]: placement === 'right',
-        [transitions.exitActiveLeft]: placement === 'left',
-    });
-    const contextValue = React.useMemo(() => ({ size, view: 'desktop', dataTestId }), [size, dataTestId]);
-    const renderContent = () => (React.createElement(Drawer, { ...restProps, dataTestId: dataTestId, ref: mergeRefs([ref, modalRef]), placement: placement, wrapperClassName: wrapperClassName, className: cn(className, styles[SIZE_TO_CLASSNAME_MAP[size]], styles.hidden), backdropProps: backdropProps, contentTransitionProps: {
-            classNames: {
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsDrawer = require('../../../drawer/cssm');
+var components_content_Component_desktop = require('../components/content/Component.desktop.js');
+var components_controls_Component = require('../components/controls/Component.js');
+var components_footer_Component_desktop = require('../components/footer/Component.desktop.js');
+var components_header_Component = require('../components/header/Component.js');
+var consts = require('../consts.js');
+var ResponsiveContext = require('../ResponsiveContext.js');
+var styles = require('./desktop.module.css');
+var transitions = require('./transitions.desktop.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+var transitions__default = /*#__PURE__*/_interopDefaultCompat(transitions);
+
+var SidePanelDesktopComponent = React.forwardRef(function (_a, ref) {
+    var _b, _c;
+    var _d = _a.size, size = _d === void 0 ? 500 : _d, children = _a.children, className = _a.className, wrapperClassName = _a.wrapperClassName, _e = _a.contentTransitionProps, contentTransitionProps = _e === void 0 ? {} : _e, backdropProps = _a.backdropProps, _f = _a.placement, placement = _f === void 0 ? 'right' : _f, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["size", "children", "className", "wrapperClassName", "contentTransitionProps", "backdropProps", "placement", "dataTestId"]);
+    var responsiveContext = React.useContext(ResponsiveContext.ResponsiveContext);
+    var modalRef = React.useRef(null);
+    var enterCn = cn__default.default((_b = {},
+        _b[transitions__default.default.appearRight] = placement === 'right',
+        _b[transitions__default.default.appearLeft] = placement === 'left',
+        _b));
+    var exitCn = cn__default.default((_c = {},
+        _c[transitions__default.default.exitActiveRight] = placement === 'right',
+        _c[transitions__default.default.exitActiveLeft] = placement === 'left',
+        _c));
+    var contextValue = React__default.default.useMemo(function () { return ({ size: size, view: 'desktop', dataTestId: dataTestId }); }, [size, dataTestId]);
+    var renderContent = function () { return (React__default.default.createElement(coreComponentsDrawer.Drawer, tslib.__assign({}, restProps, { dataTestId: dataTestId, ref: mergeRefs__default.default([ref, modalRef]), placement: placement, wrapperClassName: wrapperClassName, className: cn__default.default(className, styles__default.default[consts.SIZE_TO_CLASSNAME_MAP[size]], styles__default.default.hidden), backdropProps: backdropProps, contentTransitionProps: tslib.__assign({ classNames: {
                 appear: enterCn,
                 enter: enterCn,
-                appearActive: transitions.enterActive,
-                enterActive: transitions.enterActive,
-                exit: transitions.exit,
+                appearActive: transitions__default.default.enterActive,
+                enterActive: transitions__default.default.enterActive,
+                exit: transitions__default.default.exit,
                 exitActive: exitCn,
                 exitDone: exitCn,
-            },
-            ...contentTransitionProps,
-        } }, React.Children.map(children, (child) => isValidElement(child) ? cloneElement(child, { size }) : child)));
-    const renderWithContext = () => (React.createElement(ResponsiveContext.Provider, { value: contextValue }, renderContent()));
+            } }, contentTransitionProps) }), React__default.default.Children.map(children, function (child) {
+        return React.isValidElement(child) ? React.cloneElement(child, { size: size }) : child;
+    }))); };
+    var renderWithContext = function () { return (React__default.default.createElement(ResponsiveContext.ResponsiveContext.Provider, { value: contextValue }, renderContent())); };
     return responsiveContext ? renderContent() : renderWithContext();
 });
-const SidePanelDesktop = Object.assign(SidePanelDesktopComponent, {
-    Content: ContentDesktop,
-    Header: Header,
-    Footer: FooterDesktop,
-    Controls: Controls,
+var SidePanelDesktop = Object.assign(SidePanelDesktopComponent, {
+    Content: components_content_Component_desktop.ContentDesktop,
+    Header: components_header_Component.Header,
+    Footer: components_footer_Component_desktop.FooterDesktop,
+    Controls: components_controls_Component.Controls,
 });
 
-export { SidePanelDesktop };
+exports.SidePanelDesktop = SidePanelDesktop;

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

@@ -1,28 +1,7 @@
-export { SidePanelDesktop } from './Component.desktop.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../drawer/cssm';
-import '../components/content/Component.desktop.js';
-import '../consts.js';
-import '../components/content/Component.js';
-import '../../../shared/cssm';
-import '../Context.js';
-import '../../../base-modal/cssm';
-import '../ResponsiveContext.js';
-import '../components/content/index.module.css';
-import '../components/content/desktop.module.css';
-import '../components/controls/Component.js';
-import '../components/footer/layout.module.css';
-import '../components/controls/index.module.css';
-import '../components/footer/Component.desktop.js';
-import '../components/footer/Component.js';
-import '../components/footer/index.module.css';
-import '../components/footer/desktop.module.css';
-import '../components/header/Component.js';
-import '../../../navigation-bar/cssm';
-import '../components/header/desktop.module.css';
-import '../components/header/index.module.css';
-import '../components/header/mobile.module.css';
-import './desktop.module.css';
-import './transitions.desktop.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.SidePanelDesktop = desktop_Component_desktop.SidePanelDesktop;

package/side-panel/cssm/index.js

@@ -1,37 +1,7 @@
-export { SidePanelResponsive as SidePanel } from './Component.responsive.js';
-import 'react';
-import '../../mq/cssm';
-import '../../shared/cssm';
-import './components/controls/Component.js';
-import 'classnames';
-import './ResponsiveContext.js';
-import './components/footer/layout.module.css';
-import './components/controls/index.module.css';
-import './components/header/Component.js';
-import '../../navigation-bar/cssm';
-import './consts.js';
-import './Context.js';
-import '../../base-modal/cssm';
-import './components/header/desktop.module.css';
-import './components/header/index.module.css';
-import './components/header/mobile.module.css';
-import './desktop/Component.desktop.js';
-import 'react-merge-refs';
-import '../../drawer/cssm';
-import './components/content/Component.desktop.js';
-import './components/content/Component.js';
-import './components/content/index.module.css';
-import './components/content/desktop.module.css';
-import './components/footer/Component.desktop.js';
-import './components/footer/Component.js';
-import './components/footer/index.module.css';
-import './components/footer/desktop.module.css';
-import './desktop/desktop.module.css';
-import './desktop/transitions.desktop.module.css';
-import './mobile/Component.mobile.js';
-import './components/content/Component.mobile.js';
-import './components/content/mobile.module.css';
-import './components/footer/Component.mobile.js';
-import './components/footer/mobile.module.css';
-import './mobile/mobile.module.css';
-import './mobile/transitions.mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.SidePanel = Component_responsive.SidePanelResponsive;

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

@@ -1,45 +1,38 @@
-import React, { forwardRef, useContext, useMemo } from 'react';
-import cn from 'classnames';
-import { BaseModal } from '../../../base-modal/cssm';
-import { ContentMobile } from '../components/content/Component.mobile.js';
-import { Controls } from '../components/controls/Component.js';
-import { FooterMobile } from '../components/footer/Component.mobile.js';
-import { Header } from '../components/header/Component.js';
-import { ResponsiveContext } from '../ResponsiveContext.js';
-import styles from './mobile.module.css';
-import transitions from './transitions.mobile.module.css';
-import '../components/content/Component.js';
-import '../../../shared/cssm';
-import '../Context.js';
-import '../components/content/index.module.css';
-import '../components/content/mobile.module.css';
-import '../components/footer/layout.module.css';
-import '../components/controls/index.module.css';
-import '../components/footer/Component.js';
-import '../components/footer/index.module.css';
-import '../components/footer/mobile.module.css';
-import '../../../navigation-bar/cssm';
-import '../consts.js';
-import '../components/header/desktop.module.css';
-import '../components/header/index.module.css';
-import '../components/header/mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const SidePanelMobileComponent = forwardRef(({ children, className, transitionProps, dataTestId, ...restProps }, ref) => {
-    const responsiveContext = useContext(ResponsiveContext);
-    const contextValue = useMemo(() => ({ size: 500, view: 'mobile', dataTestId }), [dataTestId]);
-    const renderContent = () => (React.createElement(BaseModal, { ...restProps, dataTestId: dataTestId, ref: ref, transitionProps: {
-            classNames: transitions,
-            ...transitionProps,
-        }, className: cn(className, styles.component), scrollHandler: 'content' },
-        React.createElement("div", { className: styles.mobileContent }, children)));
-    const renderWithContext = () => (React.createElement(ResponsiveContext.Provider, { value: contextValue }, renderContent()));
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsBaseModal = require('../../../base-modal/cssm');
+var components_content_Component_mobile = require('../components/content/Component.mobile.js');
+var components_controls_Component = require('../components/controls/Component.js');
+var components_footer_Component_mobile = require('../components/footer/Component.mobile.js');
+var components_header_Component = require('../components/header/Component.js');
+var ResponsiveContext = require('../ResponsiveContext.js');
+var styles = require('./mobile.module.css');
+var transitions = require('./transitions.mobile.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+var transitions__default = /*#__PURE__*/_interopDefaultCompat(transitions);
+
+var SidePanelMobileComponent = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, transitionProps = _a.transitionProps, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["children", "className", "transitionProps", "dataTestId"]);
+    var responsiveContext = React.useContext(ResponsiveContext.ResponsiveContext);
+    var contextValue = React.useMemo(function () { return ({ size: 500, view: 'mobile', dataTestId: dataTestId }); }, [dataTestId]);
+    var renderContent = function () { return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { dataTestId: dataTestId, 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();
 });
-const SidePanelMobile = Object.assign(SidePanelMobileComponent, {
-    Content: ContentMobile,
-    Header,
-    Footer: FooterMobile,
-    Controls: Controls,
+var SidePanelMobile = Object.assign(SidePanelMobileComponent, {
+    Content: components_content_Component_mobile.ContentMobile,
+    Header: components_header_Component.Header,
+    Footer: components_footer_Component_mobile.FooterMobile,
+    Controls: components_controls_Component.Controls,
 });
 
-export { SidePanelMobile };
+exports.SidePanelMobile = SidePanelMobile;

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

@@ -1,26 +1,7 @@
-export { SidePanelMobile } from './Component.mobile.js';
-import 'react';
-import 'classnames';
-import '../../../base-modal/cssm';
-import '../components/content/Component.mobile.js';
-import '../components/content/Component.js';
-import '../../../shared/cssm';
-import '../Context.js';
-import '../ResponsiveContext.js';
-import '../components/content/index.module.css';
-import '../components/content/mobile.module.css';
-import '../components/controls/Component.js';
-import '../components/footer/layout.module.css';
-import '../components/controls/index.module.css';
-import '../components/footer/Component.mobile.js';
-import '../components/footer/Component.js';
-import '../components/footer/index.module.css';
-import '../components/footer/mobile.module.css';
-import '../components/header/Component.js';
-import '../../../navigation-bar/cssm';
-import '../consts.js';
-import '../components/header/desktop.module.css';
-import '../components/header/index.module.css';
-import '../components/header/mobile.module.css';
-import './mobile.module.css';
-import './transitions.mobile.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mobile_Component_mobile = require('./Component.mobile.js');
+
+
+
+exports.SidePanelMobile = mobile_Component_mobile.SidePanelMobile;

package/side-panel/cssm/shared/index.js

@@ -1,4 +1,9 @@
-export { ModalContext } from '../Context.js';
-export { getSidePanelTestIds } from '../utils.js';
-import '../../../base-modal/cssm';
-import '../../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Context = require('../Context.js');
+var utils = require('../utils.js');
+
+
+
+exports.ModalContext = Context.ModalContext;
+exports.getSidePanelTestIds = utils.getSidePanelTestIds;

package/side-panel/cssm/utils.js

@@ -1,16 +1,18 @@
-import { getDataTestId } from '../../shared/cssm';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('../../shared/cssm');
 
 function getSidePanelTestIds(dataTestId) {
     return {
         modal: dataTestId,
-        content: getDataTestId(dataTestId, 'content'),
-        footer: getDataTestId(dataTestId, 'footer'),
-        controls: getDataTestId(dataTestId, 'controls'),
-        header: getDataTestId(dataTestId, 'header'),
-        title: getDataTestId(dataTestId, 'header-title'),
-        closer: getDataTestId(dataTestId, 'header-closer'),
-        backButton: getDataTestId(dataTestId, 'header-back-button'),
+        content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
+        footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
+        controls: coreComponentsShared.getDataTestId(dataTestId, 'controls'),
+        header: coreComponentsShared.getDataTestId(dataTestId, 'header'),
+        title: coreComponentsShared.getDataTestId(dataTestId, 'header-title'),
+        closer: coreComponentsShared.getDataTestId(dataTestId, 'header-closer'),
+        backButton: coreComponentsShared.getDataTestId(dataTestId, 'header-back-button'),
     };
 }
 
-export { getSidePanelTestIds };
+exports.getSidePanelTestIds = getSidePanelTestIds;

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

@@ -1,14 +1,14 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef, useMemo, useContext } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { isClient } from '../../shared/esm';
+import { getComponentBreakpoint, isClient } from '../../shared/esm';
 import { Controls } from './components/controls/Component.js';
 import { Header } from './components/header/Component.js';
 import { SidePanelDesktop } from './desktop/Component.desktop.js';
 import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
-import './layout.module-07fad522.js';
+import './layout.module-e12cdb7b.js';
 import '../../navigation-bar/esm';
 import './consts.js';
 import './Context.js';
@@ -32,7 +32,7 @@ function createResponsive(desktop, mobile) {
     return ResponsiveChild;
 }
 var SidePanelResponsiveComponent = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, _c = _a.size, size = _c === void 0 ? 500 : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = __rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
+    var children = _a.children, _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, _c = _a.size, size = _c === void 0 ? 500 : _c, defaultMatchMediaValue = _a.defaultMatchMediaValue, dataTestId = _a.dataTestId, restProps = __rest(_a, ["children", "breakpoint", "size", "defaultMatchMediaValue", "dataTestId"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var getDefaultValue = function () { return (isClient() ? window.matchMedia(query).matches : false); };
     var isDesktop = useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];

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-07fad522.js';
+import { l as layoutStyles } from '../../layout.module-e12cdb7b.js';
 
 var styles = {"component":"side-panel__component_69mo8"};
 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-07fad522.js';
+import '../../layout.module-e12cdb7b.js';

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

@@ -7,7 +7,7 @@ import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-07fad522.js';
+import '../../layout.module-e12cdb7b.js';
 
 var styles = {"sticky":"side-panel__sticky_nej0v","size-500":"side-panel__size-500_nej0v"};
 require('./desktop.css');

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-07fad522.js';
+import { l as layoutStyles } from '../../layout.module-e12cdb7b.js';
 import '../../../../base-modal/esm';
 
 var styles = {"footer":"side-panel__footer_1cn7q","sticky":"side-panel__sticky_1cn7q","highlighted":"side-panel__highlighted_1cn7q"};

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

@@ -6,7 +6,7 @@ import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-07fad522.js';
+import '../../layout.module-e12cdb7b.js';
 
 var styles = {"footer":"side-panel__footer_171n6","sticky":"side-panel__sticky_171n6"};
 require('./mobile.css');

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

@@ -13,7 +13,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../../../base-modal/esm';
-import '../layout.module-07fad522.js';
+import '../layout.module-e12cdb7b.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/esm';
 

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

@@ -12,7 +12,7 @@ import '../Context.js';
 import '../../../base-modal/esm';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-07fad522.js';
+import '../layout.module-e12cdb7b.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-07fad522.js';
+import './layout.module-e12cdb7b.js';
 import './components/header/Component.js';
 import '../../navigation-bar/esm';
 import './consts.js';

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

@@ -10,7 +10,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-07fad522.js';
+import '../layout.module-e12cdb7b.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/esm';
 import '../consts.js';

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

@@ -9,7 +9,7 @@ import '../../../shared/esm';
 import '../Context.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-07fad522.js';
+import '../layout.module-e12cdb7b.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

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

@@ -1,13 +1,13 @@
 import React, { forwardRef, useMemo, useContext } from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { isClient } from '../../shared/modern';
+import { getComponentBreakpoint, isClient } from '../../shared/modern';
 import { Controls } from './components/controls/Component.js';
 import { Header } from './components/header/Component.js';
 import { SidePanelDesktop } from './desktop/Component.desktop.js';
 import { SidePanelMobile } from './mobile/Component.mobile.js';
 import { ResponsiveContext } from './ResponsiveContext.js';
 import 'classnames';
-import './layout.module-7200d95f.js';
+import './layout.module-71f1888e.js';
 import '../../navigation-bar/modern';
 import './consts.js';
 import './Context.js';
@@ -30,7 +30,7 @@ function createResponsive(desktop, mobile) {
     }
     return ResponsiveChild;
 }
-const SidePanelResponsiveComponent = forwardRef(({ children, breakpoint = 1024, size = 500, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {
+const SidePanelResponsiveComponent = forwardRef(({ children, breakpoint = getComponentBreakpoint(), size = 500, defaultMatchMediaValue, dataTestId, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;
     const getDefaultValue = () => (isClient() ? window.matchMedia(query).matches : false);
     const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue ?? getDefaultValue);

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-7200d95f.js';
+import { l as layoutStyles } from '../../layout.module-71f1888e.js';
 
 const styles = {"component":"side-panel__component_69mo8"};
 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-7200d95f.js';
+import '../../layout.module-71f1888e.js';

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

@@ -6,7 +6,7 @@ import '../../../../shared/modern';
 import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-7200d95f.js';
+import '../../layout.module-71f1888e.js';
 
 const styles = {"sticky":"side-panel__sticky_nej0v","size-500":"side-panel__size-500_nej0v"};
 require('./desktop.css');

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-7200d95f.js';
+import { l as layoutStyles } from '../../layout.module-71f1888e.js';
 import '../../../../base-modal/modern';
 
 const styles = {"footer":"side-panel__footer_1cn7q","sticky":"side-panel__sticky_1cn7q","highlighted":"side-panel__highlighted_1cn7q"};

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

@@ -5,7 +5,7 @@ import '../../../../shared/modern';
 import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-7200d95f.js';
+import '../../layout.module-71f1888e.js';
 
 const styles = {"footer":"side-panel__footer_171n6","sticky":"side-panel__sticky_171n6"};
 require('./mobile.css');

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

@@ -12,7 +12,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../../../base-modal/modern';
-import '../layout.module-7200d95f.js';
+import '../layout.module-71f1888e.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/modern';
 

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

@@ -11,7 +11,7 @@ import '../Context.js';
 import '../../../base-modal/modern';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-7200d95f.js';
+import '../layout.module-71f1888e.js';
 import '../components/footer/Component.desktop.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/modern/index.js

@@ -5,7 +5,7 @@ import '../../shared/modern';
 import './components/controls/Component.js';
 import 'classnames';
 import './ResponsiveContext.js';
-import './layout.module-7200d95f.js';
+import './layout.module-71f1888e.js';
 import './components/header/Component.js';
 import '../../navigation-bar/modern';
 import './consts.js';

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

@@ -9,7 +9,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-7200d95f.js';
+import '../layout.module-71f1888e.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar/modern';
 import '../consts.js';

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

@@ -8,7 +8,7 @@ import '../../../shared/modern';
 import '../Context.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-7200d95f.js';
+import '../layout.module-71f1888e.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';