@alfalab/core-components 47.20.0-beta.2 → 47.20.0-beta.4

package/universal-modal/modern/desktop/components/modal-by-center/modal-by-center.css

@@ -0,0 +1,47 @@
+/* hash: 1qs3x */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+    --shadow-m: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --border-radius-3xl: 24px; /* deprecated */
+
+    /* новые значения, используйте их */
+    --border-radius-24: var(--border-radius-3xl);
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+} :root {
+} :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
+
+    /* sizes */
+
+    /* paddings */
+
+    /* scroll */
+
+    /* desktop */
+
+    /* mobile */
+} .universal-modal__component_1cv8a {
+    min-width: 500px;
+    width: 500px;
+    min-height: 264px;
+    height: 100%;
+    border-radius: var(--border-radius-24);
+    overflow-x: hidden
+} .universal-modal__component_1cv8a.universal-modal__overlayHidden_1cv8a {
+        box-shadow: var(--shadow-m);
+    } .universal-modal__component_1cv8a .universal-modal__container_1cv8a {
+        height: 100%;
+    }

package/universal-modal/modern/desktop/components/modal-by-center/modal-by-center.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import React from 'react';
+declare const ModalByCenter: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId"> & Pick<import("../../../../../base-modal").BaseModalProps, "className" | "transitionProps"> & React.RefAttributes<HTMLDivElement>>;
+export { ModalByCenter };

package/universal-modal/modern/desktop/components/modal-by-center/modal-by-center.js

@@ -0,0 +1,45 @@
+import React, { forwardRef, useRef } from 'react';
+import cn from 'classnames';
+import { BaseModal } from '../../../../../base-modal/modern';
+import { useModalHeight } from '../../hooks/useModalHeight.js';
+import { useModalMargin } from '../../hooks/useModalMargin.js';
+import { useModalWheel } from '../../hooks/useModalWheel.js';
+import { useModalWidth } from '../../hooks/useModalWidth.js';
+import { BaseUniversalModalContent } from '../base-universal-modal-content/base-universal-modal-content.js';
+import '../../../../../shared/modern';
+import '../../../ResponsiveContext.js';
+import '../../../../../scrollbar/modern';
+import '../../constants/types.js';
+
+const styles = {"component":"universal-modal__component_1cv8a","overlayHidden":"universal-modal__overlayHidden_1cv8a","container":"universal-modal__container_1cv8a"};
+require('./modal-by-center.css');
+
+const transitionsCenter = {"appear":"universal-modal__appear_r8pc5","enter":"universal-modal__enter_r8pc5","appearActive":"universal-modal__appearActive_r8pc5","enterActive":"universal-modal__enterActive_r8pc5","exit":"universal-modal__exit_r8pc5","exitActive":"universal-modal__exitActive_r8pc5","exitDone":"universal-modal__exitDone_r8pc5"};
+require('./transitions-center.css');
+
+const ModalByCenter = forwardRef((props, ref) => {
+    const { transitionProps, dataTestId, className, open, children, width = 500, height = 'fullHeight', verticalAlign = 'center', overlay = true, margin = ['auto'], onClose, ...restProps } = props;
+    const componentRef = useRef(null);
+    useModalMargin({
+        margin,
+        open,
+        componentRef,
+        verticalAlign,
+        horizontalAlign: restProps.horizontalAlign,
+    });
+    useModalWidth(width, open, componentRef);
+    useModalHeight(height, open, componentRef);
+    const { wheelDeltaY, handleWheel } = useModalWheel(overlay);
+    return (React.createElement(BaseModal, { ...restProps, dataTestId: dataTestId, ref: ref, componentRef: componentRef, transitionProps: {
+            classNames: transitionsCenter,
+            ...transitionProps,
+        }, className: cn(className, styles.component, {
+            [styles.overlayHidden]: !overlay,
+        }), scrollHandler: 'content', open: open, backdropProps: {
+            transparent: !overlay,
+        }, disableBlockingScroll: !overlay, onWheel: handleWheel, onClose: onClose },
+        React.createElement("div", { className: styles.container },
+            React.createElement(BaseUniversalModalContent, { wheelDeltaY: wheelDeltaY }, children))));
+});
+
+export { ModalByCenter };

package/universal-modal/modern/desktop/components/modal-by-center/transitions-center.css

@@ -0,0 +1,24 @@
+/* hash: 1w6nb */
+.universal-modal__appear_r8pc5,
+.universal-modal__enter_r8pc5 {
+    opacity: 0;
+    transform: scale(0.9);
+}
+
+.universal-modal__appearActive_r8pc5,
+.universal-modal__enterActive_r8pc5 {
+    opacity: 1;
+    transform: translateX(0);
+    transition: opacity 200ms ease-in, transform 200ms ease-in;
+}
+
+.universal-modal__exit_r8pc5 {
+    opacity: 1;
+}
+
+.universal-modal__exitActive_r8pc5,
+.universal-modal__exitDone_r8pc5 {
+    opacity: 0;
+    transform: scale(0.9);
+    transition: opacity 200ms ease-out, transform 200ms ease-out;
+}

package/universal-modal/modern/desktop/components/modal-by-side/index.d.ts

@@ -0,0 +1 @@
+export { ModalBySide } from "./modal-by-side";

package/universal-modal/modern/desktop/components/modal-by-side/index.js

@@ -0,0 +1,14 @@
+export { ModalBySide } from './modal-by-side.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '../../../../../drawer/modern';
+import '../../../../../shared/modern';
+import '../../hooks/useModalHeight.js';
+import '../../hooks/useModalMargin.js';
+import '../../hooks/useModalWheel.js';
+import '../../hooks/useModalWidth.js';
+import '../../../ResponsiveContext.js';
+import '../base-universal-modal-content/base-universal-modal-content.js';
+import '../../../../../scrollbar/modern';
+import '../../constants/types.js';

package/universal-modal/modern/desktop/components/modal-by-side/modal-by-side.css

@@ -0,0 +1,56 @@
+/* hash: 177ie */
+:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+    --shadow-m: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --border-radius-3xl: 24px; /* deprecated */
+
+    /* новые значения, используйте их */
+    --border-radius-24: var(--border-radius-3xl);
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+
+    /* новые значения, используйте их */
+} :root {
+} :root {
+} /* сбрасывает синюю подсветку при нажатии */ :root {
+
+    /* sizes */
+
+    /* paddings */
+
+    /* scroll */
+
+    /* desktop */
+
+    /* mobile */
+} .universal-modal__component_q3b2h {
+    top: 0;
+    min-width: 500px;
+    width: 500px;
+    min-height: 264px;
+    height: 100%;
+    border-radius: var(--border-radius-24);
+    will-change: transform;
+    overflow-x: hidden
+} .universal-modal__component_q3b2h.universal-modal__horizontalLeft_q3b2h {
+        left: 0;
+    } .universal-modal__component_q3b2h.universal-modal__horizontalRight_q3b2h {
+        right: 0;
+    } .universal-modal__component_q3b2h.universal-modal__verticalBottom_q3b2h {
+        top: unset;
+        bottom: 0;
+    } .universal-modal__component_q3b2h.universal-modal__overlayHidden_q3b2h {
+        box-shadow: var(--shadow-m);
+    } .universal-modal__component_q3b2h .universal-modal__drawerContent_q3b2h {
+        height: 100%;
+    }

package/universal-modal/modern/desktop/components/modal-by-side/modal-by-side.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import React from 'react';
+declare const ModalBySide: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../../base-modal/src").BaseModalProps, "children" | "className" | "open" | "dataTestId"> & Pick<import("../../../../../drawer").DrawerProps, "contentTransitionProps"> & Pick<import("packages/base-modal").BaseModalProps, "className" | "wrapperClassName"> & React.RefAttributes<HTMLDivElement>>;
+export { ModalBySide };

package/universal-modal/modern/desktop/components/modal-by-side/modal-by-side.js

@@ -0,0 +1,77 @@
+import React, { forwardRef, useRef, useEffect } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import { Drawer } from '../../../../../drawer/modern';
+import { isClient } from '../../../../../shared/modern';
+import { useModalHeight } from '../../hooks/useModalHeight.js';
+import { useModalMargin } from '../../hooks/useModalMargin.js';
+import { useModalWheel } from '../../hooks/useModalWheel.js';
+import { useModalWidth } from '../../hooks/useModalWidth.js';
+import { BaseUniversalModalContent } from '../base-universal-modal-content/base-universal-modal-content.js';
+import '../../../ResponsiveContext.js';
+import '../../../../../scrollbar/modern';
+import '../../constants/types.js';
+
+const styles = {"component":"universal-modal__component_q3b2h","horizontalLeft":"universal-modal__horizontalLeft_q3b2h","horizontalRight":"universal-modal__horizontalRight_q3b2h","verticalBottom":"universal-modal__verticalBottom_q3b2h","overlayHidden":"universal-modal__overlayHidden_q3b2h","drawerContent":"universal-modal__drawerContent_q3b2h"};
+require('./modal-by-side.css');
+
+const transitions = {"appearRight":"universal-modal__appearRight_1ko11","enterRight":"universal-modal__enterRight_1ko11","appearLeft":"universal-modal__appearLeft_1ko11","enterLeft":"universal-modal__enterLeft_1ko11","enterActive":"universal-modal__enterActive_1ko11","exit":"universal-modal__exit_1ko11","exitActiveRight":"universal-modal__exitActiveRight_1ko11","exitActiveLeft":"universal-modal__exitActiveLeft_1ko11"};
+require('./transitions.desktop.css');
+
+const ModalBySide = forwardRef((props, ref) => {
+    const { horizontalAlign = 'center', verticalAlign = 'center', dataTestId, wrapperClassName, className, width = 500, height = 'fullHeight', contentTransitionProps, children, margin = [0], overlay = true, onClose, ...restProps } = props;
+    const modalRef = useRef(null);
+    const componentRef = useRef(null);
+    useModalMargin({ margin, open: restProps.open, componentRef, horizontalAlign, verticalAlign });
+    useModalWidth(width, restProps.open, componentRef);
+    useModalHeight(height, restProps.open, componentRef);
+    const { wheelDeltaY, handleWheel } = useModalWheel(overlay);
+    const appearCn = cn({
+        [transitions.appearLeft]: horizontalAlign === 'start',
+        [transitions.appearRight]: horizontalAlign === 'end',
+    });
+    const enterCn = cn({
+        [transitions.enterLeft]: horizontalAlign === 'start',
+        [transitions.enterRight]: horizontalAlign === 'end',
+    });
+    const exitCn = cn({
+        [transitions.exitActiveLeft]: horizontalAlign === 'start',
+        [transitions.exitActiveRight]: horizontalAlign === 'end',
+    });
+    // устанавливает боковое модальное окно вертикально по центру
+    useEffect(() => {
+        if (verticalAlign === 'center' && height !== 'fullHeight' && componentRef.current) {
+            const { offsetHeight } = componentRef.current;
+            let computedMarginTop = '0';
+            if (isClient()) {
+                computedMarginTop = window.getComputedStyle(componentRef.current).marginTop;
+            }
+            componentRef.current.style.top = `calc(50% - ${offsetHeight / 2}px - ${computedMarginTop})`;
+        }
+    }, [restProps.open, verticalAlign, componentRef, height]);
+    if (horizontalAlign === 'start' || horizontalAlign === 'end') {
+        const placement = horizontalAlign === 'start' ? 'left' : 'right';
+        return (React.createElement(Drawer, { ...restProps, dataTestId: dataTestId, ref: mergeRefs([ref, modalRef]), componentRef: componentRef, placement: placement, wrapperClassName: wrapperClassName, className: cn(className, styles.component, styles[verticalAlign], {
+                [styles.horizontalLeft]: horizontalAlign === 'start',
+                [styles.horizontalRight]: horizontalAlign === 'end',
+                [styles.verticalBottom]: verticalAlign === 'bottom',
+                [styles.overlayHidden]: !overlay,
+            }), backdropProps: {
+                transparent: !overlay,
+            }, contentTransitionProps: {
+                classNames: {
+                    appear: appearCn,
+                    enter: enterCn,
+                    appearActive: transitions.enterActive,
+                    enterActive: transitions.enterActive,
+                    exit: transitions.exit,
+                    exitActive: exitCn,
+                },
+                ...contentTransitionProps,
+            }, disableBlockingScroll: !overlay, contentClassName: styles.drawerContent, onWheel: handleWheel, transitionProps: { timeout: 200 }, onClose: onClose },
+            React.createElement(BaseUniversalModalContent, { wheelDeltaY: wheelDeltaY }, children)));
+    }
+    return null;
+});
+
+export { ModalBySide };

package/universal-modal/modern/desktop/components/modal-by-side/transitions.desktop.css

@@ -0,0 +1,35 @@
+/* hash: q964o */
+.universal-modal__appearRight_1ko11 {
+    opacity: 0;
+}
+
+.universal-modal__enterRight_1ko11 {
+    opacity: 0;
+}
+
+.universal-modal__appearLeft_1ko11 {
+    opacity: 0;
+}
+
+.universal-modal__enterLeft_1ko11 {
+    opacity: 0;
+}
+
+.universal-modal__enterActive_1ko11 {
+    opacity: 1;
+    transition: opacity 200ms ease-in;
+}
+
+.universal-modal__exit_1ko11 {
+    opacity: 1;
+}
+
+.universal-modal__exitActiveRight_1ko11 {
+    opacity: 0;
+    transition: opacity 200ms ease-out;
+}
+
+.universal-modal__exitActiveLeft_1ko11 {
+    opacity: 0;
+    transition: opacity 200ms ease-out;
+}

package/universal-modal/modern/desktop/constants/footerPresetTypes.d.ts

@@ -0,0 +1,4 @@
+declare const FooterPresetTypes: {
+    readonly FOOTER_WITH_CONTENT: "footer_with_content";
+};
+export { FooterPresetTypes };

package/universal-modal/modern/desktop/constants/footerPresetTypes.js

@@ -0,0 +1,5 @@
+const FooterPresetTypes = {
+    FOOTER_WITH_CONTENT: 'footer_with_content',
+};
+
+export { FooterPresetTypes };

package/universal-modal/modern/desktop/constants/headerPresetTypes.d.ts

@@ -0,0 +1,7 @@
+declare const HeaderPresetTypes: {
+    readonly HEADER_WITH_NAVIGATION_WITHOUT_TITLE: "header_with_navigation_without_title";
+    readonly HEADER_WITH_NAVIGATION_WITH_TITLE: "header_with_navigation_with_title";
+    readonly HEADER_WITH_TITLE: "get_header_with_title";
+};
+declare const FOOTER_MEDIUM_BREAKPOINT = 800;
+export { HeaderPresetTypes, FOOTER_MEDIUM_BREAKPOINT };

package/universal-modal/modern/desktop/constants/headerPresetTypes.js

@@ -0,0 +1,8 @@
+const HeaderPresetTypes = {
+    HEADER_WITH_NAVIGATION_WITHOUT_TITLE: 'header_with_navigation_without_title',
+    HEADER_WITH_NAVIGATION_WITH_TITLE: 'header_with_navigation_with_title',
+    HEADER_WITH_TITLE: 'get_header_with_title',
+};
+const FOOTER_MEDIUM_BREAKPOINT = 800;
+
+export { FOOTER_MEDIUM_BREAKPOINT, HeaderPresetTypes };

package/universal-modal/modern/desktop/constants/types.d.ts

@@ -0,0 +1,2 @@
+declare const SCROLLBAR_DEFAULT_GAP = 16;
+export { SCROLLBAR_DEFAULT_GAP };

package/universal-modal/modern/desktop/constants/types.js

@@ -0,0 +1,3 @@
+const SCROLLBAR_DEFAULT_GAP = 16;
+
+export { SCROLLBAR_DEFAULT_GAP };

package/universal-modal/modern/desktop/hooks/useModalHeight.d.ts

@@ -0,0 +1,4 @@
+import { MutableRefObject } from 'react';
+/** Устанавливает необходимую высоту модального окна */
+declare const useModalHeight: (height: number | 'fullHeight', open: boolean, componentRef: MutableRefObject<HTMLDivElement | null>) => void;
+export { useModalHeight };

package/universal-modal/modern/desktop/hooks/useModalHeight.js

@@ -0,0 +1,29 @@
+import { useEffect } from 'react';
+import { isClient } from '../../../../shared/modern';
+
+/** Устанавливает необходимую высоту модального окна */
+const useModalHeight = (height, open, componentRef) => {
+    const ref = componentRef;
+    useEffect(() => {
+        if (ref.current) {
+            let viewportHeight = 0;
+            let computedMarginTop = 0;
+            let computedMarginBottom = 0;
+            if (isClient()) {
+                viewportHeight = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
+                // рассчитываем margin'ы для дальнейшего вычитания из высоты viewport'а
+                computedMarginTop = parseFloat(window.getComputedStyle(ref.current).marginTop);
+                computedMarginBottom = parseFloat(window.getComputedStyle(ref.current).marginBottom);
+            }
+            if (height > viewportHeight || height === 'fullHeight') {
+                ref.current.style.height = `calc(100% - ${computedMarginTop}px - ${computedMarginBottom}px)`;
+                return;
+            }
+            if (!Number.isNaN(parseFloat(String(height)))) {
+                ref.current.style.height = `${parseFloat(String(height))}px`;
+            }
+        }
+    }, [open, height, ref]);
+};
+
+export { useModalHeight };

package/universal-modal/modern/desktop/hooks/useModalMargin.d.ts

@@ -0,0 +1,12 @@
+import { MutableRefObject } from 'react';
+import { BaseUniversalModalProps } from "../types/props";
+type UseModalMarginProps = {
+    margin: BaseUniversalModalProps['margin'];
+    open: boolean;
+    componentRef: MutableRefObject<HTMLDivElement | null>;
+    horizontalAlign: BaseUniversalModalProps['horizontalAlign'];
+    verticalAlign: BaseUniversalModalProps['verticalAlign'];
+};
+/** Преобразует переданный массив отступов [12, 12] => '12px 12px' и устанавливает стиль модалке */
+declare const useModalMargin: ({ margin, open, componentRef, horizontalAlign, verticalAlign, }: UseModalMarginProps) => void;
+export { useModalMargin };

package/universal-modal/modern/desktop/hooks/useModalMargin.js

@@ -0,0 +1,24 @@
+import { useEffect } from 'react';
+
+/** Преобразует переданный массив отступов [12, 12] => '12px 12px' и устанавливает стиль модалке */
+const useModalMargin = ({ margin, open, componentRef, horizontalAlign, verticalAlign, }) => {
+    const ref = componentRef;
+    useEffect(() => {
+        if (ref.current && open && margin) {
+            ref.current.style.margin = margin
+                .map((value) => (value === 'auto' ? value : `${value}px`))
+                .join(' ');
+            // Корректируем margin для top / bottom. Иначе при значении auto будет по центру, при любом другом значении всегда сверху.
+            if (horizontalAlign === 'center' && verticalAlign) {
+                if (verticalAlign === 'top' && ref.current.style.marginTop === 'auto') {
+                    ref.current.style.marginTop = '0';
+                }
+                if (verticalAlign === 'bottom' && ref.current.style.marginBottom === 'auto') {
+                    ref.current.style.marginBottom = '0';
+                }
+            }
+        }
+    }, [open, ref, margin, horizontalAlign, verticalAlign]);
+};
+
+export { useModalMargin };

package/universal-modal/modern/desktop/hooks/useModalWheel.d.ts

@@ -0,0 +1,6 @@
+import { WheelEvent } from 'react';
+declare const useModalWheel: (overlay: boolean) => {
+    wheelDeltaY: number;
+    handleWheel: (e: WheelEvent<HTMLElement>) => void;
+};
+export { useModalWheel };

package/universal-modal/modern/desktop/hooks/useModalWheel.js

@@ -0,0 +1,15 @@
+import { useState } from 'react';
+
+const useModalWheel = (overlay) => {
+    const [wheelDeltaY, setWheelDeltaY] = useState(0);
+    // передаем e.deltaY от события на элементе dialog компонента base-modal
+    const handleWheel = (e) => {
+        const target = e.target;
+        if (target.getAttribute('role') === 'dialog' && overlay) {
+            setWheelDeltaY(e.deltaY);
+        }
+    };
+    return { wheelDeltaY, handleWheel };
+};
+
+export { useModalWheel };

package/universal-modal/modern/desktop/hooks/useModalWidth.d.ts

@@ -0,0 +1,4 @@
+import { MutableRefObject } from 'react';
+/** Устанавливает необходимую ширину модального окна */
+declare const useModalWidth: (width: number | 'fullWidth', open: boolean, componentRef: MutableRefObject<HTMLDivElement | null>) => void;
+export { useModalWidth };

package/universal-modal/modern/desktop/hooks/useModalWidth.js

@@ -0,0 +1,37 @@
+import { useContext, useEffect } from 'react';
+import { isClient } from '../../../../shared/modern';
+import { ResponsiveContext } from '../../ResponsiveContext.js';
+
+/** Устанавливает необходимую ширину модального окна */
+const useModalWidth = (width, open, componentRef) => {
+    const ref = componentRef;
+    const context = useContext(ResponsiveContext);
+    const { setModalWidth } = context || {};
+    useEffect(() => {
+        if (ref.current) {
+            let viewportWidth = 0;
+            let computedMarginLeft = 0;
+            let computedMarginRight = 0;
+            if (isClient()) {
+                viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
+                computedMarginLeft = parseFloat(window.getComputedStyle(ref.current).marginLeft);
+                computedMarginRight = parseFloat(window.getComputedStyle(ref.current).marginRight);
+            }
+            if (width > viewportWidth || width === 'fullWidth') {
+                ref.current.style.width = `calc(100% - ${computedMarginLeft}px - ${computedMarginRight}px)`;
+                if (setModalWidth) {
+                    setModalWidth(viewportWidth - computedMarginLeft - computedMarginRight);
+                }
+                return;
+            }
+            if (!Number.isNaN(parseFloat(String(width)))) {
+                ref.current.style.width = `${parseFloat(String(width))}px`;
+                if (setModalWidth) {
+                    setModalWidth(width);
+                }
+            }
+        }
+    }, [open, width, ref, setModalWidth, context]);
+};
+
+export { useModalWidth };

package/universal-modal/modern/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.desktop";
+export {};

package/universal-modal/modern/desktop/index.js

@@ -0,0 +1,27 @@
+export { UniversalModalDesktop } from './Component.desktop.js';
+import 'react';
+import '../components/content/Component.desktop.js';
+import 'classnames';
+import '../Component-9c054db3.js';
+import '../../../shared/modern';
+import '../Context.js';
+import '../../../base-modal/modern';
+import '../ResponsiveContext.js';
+import '../components/controls/Component.js';
+import '../layout.module-7ed15fa2.js';
+import '../components/footer/Component.desktop.js';
+import '../components/footer/Component.js';
+import './constants/headerPresetTypes.js';
+import '../components/header/Component.js';
+import '../../../navigation-bar-private/modern';
+import './components/modal-by-center/modal-by-center.js';
+import './hooks/useModalHeight.js';
+import './hooks/useModalMargin.js';
+import './hooks/useModalWheel.js';
+import './hooks/useModalWidth.js';
+import './components/base-universal-modal-content/base-universal-modal-content.js';
+import '../../../scrollbar/modern';
+import './constants/types.js';
+import './components/modal-by-side/modal-by-side.js';
+import 'react-merge-refs';
+import '../../../drawer/modern';