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

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

@@ -0,0 +1,45 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsBaseModal = require('../../../../../base-modal/cssm');
+var desktop_hooks_useModalHeight = require('../../hooks/useModalHeight.js');
+var desktop_hooks_useModalMargin = require('../../hooks/useModalMargin.js');
+var desktop_hooks_useModalWheel = require('../../hooks/useModalWheel.js');
+var desktop_hooks_useModalWidth = require('../../hooks/useModalWidth.js');
+var desktop_components_baseUniversalModalContent_baseUniversalModalContent = require('../base-universal-modal-content/base-universal-modal-content.js');
+var styles = require('./modal-by-center.module.css');
+var transitionsCenter = require('./transitions-center.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 transitionsCenter__default = /*#__PURE__*/_interopDefaultCompat(transitionsCenter);
+
+var ModalByCenter = React.forwardRef(function (props, ref) {
+    var _a;
+    var transitionProps = props.transitionProps, dataTestId = props.dataTestId, className = props.className, open = props.open, children = props.children, _b = props.width, width = _b === void 0 ? 500 : _b, _c = props.height, height = _c === void 0 ? 'fullHeight' : _c, _d = props.verticalAlign, verticalAlign = _d === void 0 ? 'center' : _d, _e = props.overlay, overlay = _e === void 0 ? true : _e, _f = props.margin, margin = _f === void 0 ? ['auto'] : _f, onClose = props.onClose, restProps = tslib.__rest(props, ["transitionProps", "dataTestId", "className", "open", "children", "width", "height", "verticalAlign", "overlay", "margin", "onClose"]);
+    var componentRef = React.useRef(null);
+    desktop_hooks_useModalMargin.useModalMargin({
+        margin: margin,
+        open: open,
+        componentRef: componentRef,
+        verticalAlign: verticalAlign,
+        horizontalAlign: restProps.horizontalAlign,
+    });
+    desktop_hooks_useModalWidth.useModalWidth(width, open, componentRef);
+    desktop_hooks_useModalHeight.useModalHeight(height, open, componentRef);
+    var _g = desktop_hooks_useModalWheel.useModalWheel(overlay), wheelDeltaY = _g.wheelDeltaY, handleWheel = _g.handleWheel;
+    return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { dataTestId: dataTestId, ref: ref, componentRef: componentRef, transitionProps: tslib.__assign({ classNames: transitionsCenter__default.default }, transitionProps), className: cn__default.default(className, styles__default.default.component, (_a = {},
+            _a[styles__default.default.overlayHidden] = !overlay,
+            _a)), scrollHandler: 'content', open: open, backdropProps: {
+            transparent: !overlay,
+        }, disableBlockingScroll: !overlay, onWheel: handleWheel, onClose: onClose }),
+        React__default.default.createElement("div", { className: styles__default.default.container },
+            React__default.default.createElement(desktop_components_baseUniversalModalContent_baseUniversalModalContent.BaseUniversalModalContent, { wheelDeltaY: wheelDeltaY }, children))));
+});
+
+exports.ModalByCenter = ModalByCenter;

package/universal-modal/cssm/desktop/components/modal-by-center/modal-by-center.module.css

@@ -0,0 +1,46 @@
+: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 */
+} .component {
+    min-width: 500px;
+    width: 500px;
+    min-height: 264px;
+    height: 100%;
+    border-radius: var(--border-radius-24);
+    overflow-x: hidden
+} .component.overlayHidden {
+        box-shadow: var(--shadow-m);
+    } .component .container {
+        height: 100%;
+    }

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

@@ -0,0 +1,23 @@
+.appear,
+.enter {
+    opacity: 0;
+    transform: scale(0.9);
+}
+
+.appearActive,
+.enterActive {
+    opacity: 1;
+    transform: translateX(0);
+    transition: opacity 200ms ease-in, transform 200ms ease-in;
+}
+
+.exit {
+    opacity: 1;
+}
+
+.exitActive,
+.exitDone {
+    opacity: 0;
+    transform: scale(0.9);
+    transition: opacity 200ms ease-out, transform 200ms ease-out;
+}

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

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

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

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_components_modalBySide_modalBySide = require('./modal-by-side.js');
+
+
+
+exports.ModalBySide = desktop_components_modalBySide_modalBySide.ModalBySide;

package/universal-modal/cssm/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/cssm/desktop/components/modal-by-side/modal-by-side.js

@@ -0,0 +1,79 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var coreComponentsDrawer = require('../../../../../drawer/cssm');
+var coreComponentsShared = require('../../../../../shared/cssm');
+var desktop_hooks_useModalHeight = require('../../hooks/useModalHeight.js');
+var desktop_hooks_useModalMargin = require('../../hooks/useModalMargin.js');
+var desktop_hooks_useModalWheel = require('../../hooks/useModalWheel.js');
+var desktop_hooks_useModalWidth = require('../../hooks/useModalWidth.js');
+var desktop_components_baseUniversalModalContent_baseUniversalModalContent = require('../base-universal-modal-content/base-universal-modal-content.js');
+var styles = require('./modal-by-side.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 ModalBySide = React.forwardRef(function (props, ref) {
+    var _a, _b, _c, _d;
+    var _e = props.horizontalAlign, horizontalAlign = _e === void 0 ? 'center' : _e, _f = props.verticalAlign, verticalAlign = _f === void 0 ? 'center' : _f, dataTestId = props.dataTestId, wrapperClassName = props.wrapperClassName, className = props.className, _g = props.width, width = _g === void 0 ? 500 : _g, _h = props.height, height = _h === void 0 ? 'fullHeight' : _h, contentTransitionProps = props.contentTransitionProps, children = props.children, _j = props.margin, margin = _j === void 0 ? [0] : _j, _k = props.overlay, overlay = _k === void 0 ? true : _k, onClose = props.onClose, restProps = tslib.__rest(props, ["horizontalAlign", "verticalAlign", "dataTestId", "wrapperClassName", "className", "width", "height", "contentTransitionProps", "children", "margin", "overlay", "onClose"]);
+    var modalRef = React.useRef(null);
+    var componentRef = React.useRef(null);
+    desktop_hooks_useModalMargin.useModalMargin({ margin: margin, open: restProps.open, componentRef: componentRef, horizontalAlign: horizontalAlign, verticalAlign: verticalAlign });
+    desktop_hooks_useModalWidth.useModalWidth(width, restProps.open, componentRef);
+    desktop_hooks_useModalHeight.useModalHeight(height, restProps.open, componentRef);
+    var _l = desktop_hooks_useModalWheel.useModalWheel(overlay), wheelDeltaY = _l.wheelDeltaY, handleWheel = _l.handleWheel;
+    var appearCn = cn__default.default((_a = {},
+        _a[transitions__default.default.appearLeft] = horizontalAlign === 'start',
+        _a[transitions__default.default.appearRight] = horizontalAlign === 'end',
+        _a));
+    var enterCn = cn__default.default((_b = {},
+        _b[transitions__default.default.enterLeft] = horizontalAlign === 'start',
+        _b[transitions__default.default.enterRight] = horizontalAlign === 'end',
+        _b));
+    var exitCn = cn__default.default((_c = {},
+        _c[transitions__default.default.exitActiveLeft] = horizontalAlign === 'start',
+        _c[transitions__default.default.exitActiveRight] = horizontalAlign === 'end',
+        _c));
+    // устанавливает боковое модальное окно вертикально по центру
+    React.useEffect(function () {
+        if (verticalAlign === 'center' && height !== 'fullHeight' && componentRef.current) {
+            var offsetHeight = componentRef.current.offsetHeight;
+            var computedMarginTop = '0';
+            if (coreComponentsShared.isClient()) {
+                computedMarginTop = window.getComputedStyle(componentRef.current).marginTop;
+            }
+            componentRef.current.style.top = "calc(50% - ".concat(offsetHeight / 2, "px - ").concat(computedMarginTop, ")");
+        }
+    }, [restProps.open, verticalAlign, componentRef, height]);
+    if (horizontalAlign === 'start' || horizontalAlign === 'end') {
+        var placement = horizontalAlign === 'start' ? 'left' : 'right';
+        return (React__default.default.createElement(coreComponentsDrawer.Drawer, tslib.__assign({}, restProps, { dataTestId: dataTestId, ref: mergeRefs__default.default([ref, modalRef]), componentRef: componentRef, placement: placement, wrapperClassName: wrapperClassName, className: cn__default.default(className, styles__default.default.component, styles__default.default[verticalAlign], (_d = {},
+                _d[styles__default.default.horizontalLeft] = horizontalAlign === 'start',
+                _d[styles__default.default.horizontalRight] = horizontalAlign === 'end',
+                _d[styles__default.default.verticalBottom] = verticalAlign === 'bottom',
+                _d[styles__default.default.overlayHidden] = !overlay,
+                _d)), backdropProps: {
+                transparent: !overlay,
+            }, contentTransitionProps: tslib.__assign({ classNames: {
+                    appear: appearCn,
+                    enter: enterCn,
+                    appearActive: transitions__default.default.enterActive,
+                    enterActive: transitions__default.default.enterActive,
+                    exit: transitions__default.default.exit,
+                    exitActive: exitCn,
+                } }, contentTransitionProps), disableBlockingScroll: !overlay, contentClassName: styles__default.default.drawerContent, onWheel: handleWheel, transitionProps: { timeout: 200 }, onClose: onClose }),
+            React__default.default.createElement(desktop_components_baseUniversalModalContent_baseUniversalModalContent.BaseUniversalModalContent, { wheelDeltaY: wheelDeltaY }, children)));
+    }
+    return null;
+});
+
+exports.ModalBySide = ModalBySide;

package/universal-modal/cssm/desktop/components/modal-by-side/modal-by-side.module.css

@@ -0,0 +1,55 @@
+: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 */
+} .component {
+    top: 0;
+    min-width: 500px;
+    width: 500px;
+    min-height: 264px;
+    height: 100%;
+    border-radius: var(--border-radius-24);
+    will-change: transform;
+    overflow-x: hidden
+} .component.horizontalLeft {
+        left: 0;
+    } .component.horizontalRight {
+        right: 0;
+    } .component.verticalBottom {
+        top: unset;
+        bottom: 0;
+    } .component.overlayHidden {
+        box-shadow: var(--shadow-m);
+    } .component .drawerContent {
+        height: 100%;
+    }

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

@@ -0,0 +1,34 @@
+.appearRight {
+    opacity: 0;
+}
+
+.enterRight {
+    opacity: 0;
+}
+
+.appearLeft {
+    opacity: 0;
+}
+
+.enterLeft {
+    opacity: 0;
+}
+
+.enterActive {
+    opacity: 1;
+    transition: opacity 200ms ease-in;
+}
+
+.exit {
+    opacity: 1;
+}
+
+.exitActiveRight {
+    opacity: 0;
+    transition: opacity 200ms ease-out;
+}
+
+.exitActiveLeft {
+    opacity: 0;
+    transition: opacity 200ms ease-out;
+}

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

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

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

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var FooterPresetTypes = {
+    FOOTER_WITH_CONTENT: 'footer_with_content',
+};
+
+exports.FooterPresetTypes = FooterPresetTypes;

package/universal-modal/cssm/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/cssm/desktop/constants/headerPresetTypes.js

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var 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',
+};
+var FOOTER_MEDIUM_BREAKPOINT = 800;
+
+exports.FOOTER_MEDIUM_BREAKPOINT = FOOTER_MEDIUM_BREAKPOINT;
+exports.HeaderPresetTypes = HeaderPresetTypes;

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

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

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

@@ -0,0 +1,5 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SCROLLBAR_DEFAULT_GAP = 16;
+
+exports.SCROLLBAR_DEFAULT_GAP = SCROLLBAR_DEFAULT_GAP;

package/universal-modal/cssm/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/cssm/desktop/hooks/useModalHeight.js

@@ -0,0 +1,31 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var coreComponentsShared = require('../../../../shared/cssm');
+
+/** Устанавливает необходимую высоту модального окна */
+var useModalHeight = function (height, open, componentRef) {
+    var ref = componentRef;
+    React.useEffect(function () {
+        if (ref.current) {
+            var viewportHeight = 0;
+            var computedMarginTop = 0;
+            var computedMarginBottom = 0;
+            if (coreComponentsShared.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% - ".concat(computedMarginTop, "px - ").concat(computedMarginBottom, "px)");
+                return;
+            }
+            if (!Number.isNaN(parseFloat(String(height)))) {
+                ref.current.style.height = "".concat(parseFloat(String(height)), "px");
+            }
+        }
+    }, [open, height, ref]);
+};
+
+exports.useModalHeight = useModalHeight;

package/universal-modal/cssm/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/cssm/desktop/hooks/useModalMargin.js

@@ -0,0 +1,27 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/** Преобразует переданный массив отступов [12, 12] => '12px 12px' и устанавливает стиль модалке */
+var useModalMargin = function (_a) {
+    var margin = _a.margin, open = _a.open, componentRef = _a.componentRef, horizontalAlign = _a.horizontalAlign, verticalAlign = _a.verticalAlign;
+    var ref = componentRef;
+    React.useEffect(function () {
+        if (ref.current && open && margin) {
+            ref.current.style.margin = margin
+                .map(function (value) { return (value === 'auto' ? value : "".concat(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]);
+};
+
+exports.useModalMargin = useModalMargin;

package/universal-modal/cssm/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/cssm/desktop/hooks/useModalWheel.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var useModalWheel = function (overlay) {
+    var _a = React.useState(0), wheelDeltaY = _a[0], setWheelDeltaY = _a[1];
+    // передаем e.deltaY от события на элементе dialog компонента base-modal
+    var handleWheel = function (e) {
+        var target = e.target;
+        if (target.getAttribute('role') === 'dialog' && overlay) {
+            setWheelDeltaY(e.deltaY);
+        }
+    };
+    return { wheelDeltaY: wheelDeltaY, handleWheel: handleWheel };
+};
+
+exports.useModalWheel = useModalWheel;

package/universal-modal/cssm/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/cssm/desktop/hooks/useModalWidth.js

@@ -0,0 +1,39 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var coreComponentsShared = require('../../../../shared/cssm');
+var ResponsiveContext = require('../../ResponsiveContext.js');
+
+/** Устанавливает необходимую ширину модального окна */
+var useModalWidth = function (width, open, componentRef) {
+    var ref = componentRef;
+    var context = React.useContext(ResponsiveContext.ResponsiveContext);
+    var setModalWidth = (context || {}).setModalWidth;
+    React.useEffect(function () {
+        if (ref.current) {
+            var viewportWidth = 0;
+            var computedMarginLeft = 0;
+            var computedMarginRight = 0;
+            if (coreComponentsShared.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% - ".concat(computedMarginLeft, "px - ").concat(computedMarginRight, "px)");
+                if (setModalWidth) {
+                    setModalWidth(viewportWidth - computedMarginLeft - computedMarginRight);
+                }
+                return;
+            }
+            if (!Number.isNaN(parseFloat(String(width)))) {
+                ref.current.style.width = "".concat(parseFloat(String(width)), "px");
+                if (setModalWidth) {
+                    setModalWidth(width);
+                }
+            }
+        }
+    }, [open, width, ref, setModalWidth, context]);
+};
+
+exports.useModalWidth = useModalWidth;

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

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

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

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.UniversalModalDesktop = desktop_Component_desktop.UniversalModalDesktop;