@alfalab/core-components 48.9.0-beta.1 → 48.9.0-beta.3

package/universal-modal/esm/Component.responsive.js

@@ -3,8 +3,8 @@ import React, { forwardRef } from 'react';
 import { useIsDesktop } from '../../mq/esm';
 import { ContentResponsive } from './components/content/responsive/Component.responsive.js';
 import 'classnames';
+import '../../shared/esm';
 import '../../base-modal/esm';
-import { ControlsResponsive } from './components/controls/responsive/Component.responsive.js';
 import { FooterResponsive } from './components/footer/responsive/Component.responsive.js';
 import './ResponsiveContext.js';
 import { HeaderResponsive } from './components/header/responsive/Component.responsive.js';
@@ -22,19 +22,14 @@ import './components/content/desktop/Component.desktop.js';
 import './components/content/base-content/base-content.js';
 import './Context.js';
 import './components/content/mobile/Component.mobile.js';
-import './components/controls/desktop/Component.desktop.js';
-import './layout.module-4e46cdba.js';
-import './index.module-c0792c5b.js';
-import './components/controls/mobile/Component.mobile.js';
 import './components/footer/desktop/Component.desktop.js';
 import './desktop/const/index.js';
 import './components/footer/base-footer/base-footer.js';
 import './components/footer/mobile/Component.mobile.js';
 import './components/header/desktop/Component.desktop.js';
-import './index.module-cd589e1c.js';
+import './index.module-eecf6519.js';
 import './components/header/mobile/Component.mobile.js';
 import './desktop/components/center-modal/center-modal.js';
-import '../../shared/esm';
 import './desktop/hooks/useModalHeight.js';
 import './desktop/hooks/useModalMargin.js';
 import './desktop/hooks/useModalWheel.js';
@@ -54,7 +49,6 @@ var UniversalModalResponsive = Object.assign(UniversalModal, {
     Header: HeaderResponsive,
     Content: ContentResponsive,
     Footer: FooterResponsive,
-    Controls: ControlsResponsive,
 });
 UniversalModalResponsive.displayName = 'UniversalModalResponsive';
 

package/universal-modal/esm/components/content/base-content/base-content.js

@@ -1,5 +1,6 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
+import { getDataTestId } from '../../../../../shared/esm';
 import { ModalContext } from '../../../Context.js';
 import '../../../../../base-modal/esm';
 
@@ -13,7 +14,7 @@ var BaseContent = function (_a) {
     return (React.createElement("div", { className: cn(styles.content, styles.flex, className, (_b = {},
             _b[styles.withHeader] = hasHeader,
             _b[styles.withFooter] = hasFooter,
-            _b)), ref: contentRef, "data-test-id": dataTestId }, children));
+            _b)), ref: contentRef, "data-test-id": getDataTestId(dataTestId, 'content') }, children));
 };
 
 export { BaseContent };

package/universal-modal/esm/components/content/desktop/Component.desktop.js

@@ -2,6 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
 import { BaseContent } from '../base-content/base-content.js';
+import '../../../../../shared/esm';
 import '../../../Context.js';
 import '../../../../../base-modal/esm';
 

package/universal-modal/esm/components/content/index.js

@@ -6,5 +6,6 @@ import 'react';
 import '../../../../mq/esm';
 import 'classnames';
 import './base-content/base-content.js';
+import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';

package/universal-modal/esm/components/content/mobile/Component.mobile.js

@@ -2,6 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import cn from 'classnames';
 import { BaseContent } from '../base-content/base-content.js';
+import '../../../../../shared/esm';
 import '../../../Context.js';
 import '../../../../../base-modal/esm';
 

package/universal-modal/esm/components/content/responsive/Component.responsive.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
-import { ContentDesktopProps, ContentMobileProps } from "../index";
+import { ContentDesktopProps } from "../desktop/Component.desktop";
+import { ContentMobileProps } from "../mobile/Component.mobile";
 type ContentResponsiveProps = ContentDesktopProps | ContentMobileProps;
 declare const ContentResponsive: FC<ContentResponsiveProps>;
 export { ContentResponsiveProps, ContentResponsive };

package/universal-modal/esm/components/content/responsive/Component.responsive.js

@@ -5,6 +5,7 @@ import { ContentDesktop } from '../desktop/Component.desktop.js';
 import { ContentMobile } from '../mobile/Component.mobile.js';
 import 'classnames';
 import '../base-content/base-content.js';
+import '../../../../../shared/esm';
 import '../../../Context.js';
 import '../../../../../base-modal/esm';
 

package/universal-modal/esm/components/footer/base-footer/base-footer.js

@@ -1,5 +1,6 @@
 import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
+import { getDataTestId } from '../../../../../shared/esm';
 import { ModalContext } from '../../../Context.js';
 import '../../../../../base-modal/esm';
 
@@ -19,7 +20,7 @@ var BaseFooter = function (_a) {
     return (React.createElement("div", { className: cn(styles.footer, className, (_b = {},
             _b[styles.highlighted] = sticky && isHighlighted,
             _b[styles.sticky] = sticky,
-            _b)), "data-test-id": dataTestId, "data-name": 'modalFooterDesktop' }, children));
+            _b)), "data-test-id": getDataTestId(dataTestId, 'footer'), "data-name": 'modalFooterDesktop' }, children));
 };
 
 export { BaseFooter };

package/universal-modal/esm/components/footer/desktop/Component.desktop.js

@@ -4,13 +4,16 @@ import cn from 'classnames';
 import { FOOTER_MEDIUM_BREAKPOINT } from '../../../desktop/const/index.js';
 import { ResponsiveContext } from '../../../ResponsiveContext.js';
 import { BaseFooter } from '../base-footer/base-footer.js';
-import { l as layoutStyles } from '../../../layout.module-4e46cdba.js';
+import '../../../../../shared/esm';
 import '../../../Context.js';
 import '../../../../../base-modal/esm';
 
 var styles = {"sticky":"universal-modal__sticky_8zhgk"};
 require('./desktop.css');
 
+var layoutStyles = {"column":"universal-modal__column_1tu25","middle":"universal-modal__middle_1tu25","start":"universal-modal__start_1tu25","center":"universal-modal__center_1tu25","space-between":"universal-modal__space-between_1tu25"};
+require('./layout.css');
+
 var FooterDesktop = function (_a) {
     var _b;
     var className = _a.className, sticky = _a.sticky, _c = _a.layout, layout = _c === void 0 ? 'start' : _c, restProps = __rest(_a, ["className", "sticky", "layout"]);

package/universal-modal/esm/components/footer/index.js

@@ -8,6 +8,6 @@ import 'classnames';
 import '../../desktop/const/index.js';
 import '../../ResponsiveContext.js';
 import './base-footer/base-footer.js';
+import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';
-import '../../layout.module-4e46cdba.js';

package/universal-modal/esm/components/footer/mobile/Component.mobile.js

@@ -4,6 +4,7 @@ import cn from 'classnames';
 import { ModalContext } from '../../../Context.js';
 import { BaseFooter } from '../base-footer/base-footer.js';
 import '../../../../../base-modal/esm';
+import '../../../../../shared/esm';
 
 var layoutStylesMobile = {"column":"universal-modal__column_m1a5p","start":"universal-modal__start_m1a5p","center":"universal-modal__center_m1a5p","space-between":"universal-modal__space-between_m1a5p"};
 require('./layout.mobile.css');

package/universal-modal/esm/components/footer/responsive/Component.responsive.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
-import { FooterDesktopProps, FooterMobileProps } from "../index";
+import { FooterDesktopProps } from "../desktop/Component.desktop";
+import { FooterMobileProps } from "../mobile/Component.mobile";
 type FooterResponsiveProps = FooterDesktopProps | FooterMobileProps;
 declare const FooterResponsive: FC<FooterResponsiveProps>;
 export { FooterResponsiveProps, FooterResponsive };

package/universal-modal/esm/components/footer/responsive/Component.responsive.js

@@ -7,9 +7,9 @@ import 'classnames';
 import '../../../desktop/const/index.js';
 import '../../../ResponsiveContext.js';
 import '../base-footer/base-footer.js';
+import '../../../../../shared/esm';
 import '../../../Context.js';
 import '../../../../../base-modal/esm';
-import '../../../layout.module-4e46cdba.js';
 
 var FooterResponsive = function (_a) {
     var restProps = __rest(_a, []);

package/universal-modal/esm/components/header/desktop/Component.desktop.js

@@ -2,9 +2,10 @@ import { __rest, __assign } from 'tslib';
 import React, { useContext, useRef, useEffect } from 'react';
 import cn from 'classnames';
 import { NavigationBarPrivate } from '../../../../../navigation-bar-private/esm';
+import { getDataTestId } from '../../../../../shared/esm';
 import { ModalContext } from '../../../Context.js';
 import { ResponsiveContext } from '../../../ResponsiveContext.js';
-import { s as styles } from '../../../index.module-cd589e1c.js';
+import { s as styles } from '../../../index.module-eecf6519.js';
 import '../../../../../base-modal/esm';
 
 var desktopStyles = {"content":"universal-modal__content_gl39h","sticky":"universal-modal__sticky_gl39h","bottomAddons":"universal-modal__bottomAddons_gl39h","headerTitle":"universal-modal__headerTitle_gl39h","medium":"universal-modal__medium_gl39h"};
@@ -12,7 +13,7 @@ require('./desktop.css');
 
 var HeaderDesktop = function (_a) {
     var _b, _c, _d;
-    var className = _a.className, children = _a.children, contentClassName = _a.contentClassName, title = _a.title, sticky = _a.sticky, _e = _a.bigTitle, bigTitle = _e === void 0 ? false : _e; _a.titleClassName; var dataTestId = _a.dataTestId, restProps = __rest(_a, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId"]);
+    var className = _a.className, children = _a.children, contentClassName = _a.contentClassName, title = _a.title, sticky = _a.sticky, _e = _a.bigTitle, bigTitle = _e === void 0 ? false : _e, titleClassName = _a.titleClassName, dataTestId = _a.dataTestId, bottomAddonsClassName = _a.bottomAddonsClassName, restProps = __rest(_a, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName"]);
     var _f = useContext(ModalContext), setHasHeader = _f.setHasHeader, componentRef = _f.componentRef;
     var modalHeaderHighlighted = (useContext(ResponsiveContext) || {}).modalHeaderHighlighted;
     var titleRef = useRef(null);
@@ -20,14 +21,14 @@ var HeaderDesktop = function (_a) {
     useEffect(function () {
         setHasHeader(true);
     }, [setHasHeader]);
-    return (React.createElement(NavigationBarPrivate, __assign({}, restProps, { view: 'desktop', dataTestId: dataTestId, dataName: 'modalHeaderDesktop', sticky: sticky, title: title, className: cn(styles.header, className, (_b = {},
+    return (React.createElement(NavigationBarPrivate, __assign({}, restProps, { view: 'desktop', dataTestId: getDataTestId(dataTestId, 'header'), dataName: 'modalHeaderDesktop', sticky: sticky, title: title, className: cn(styles.header, className, (_b = {},
             _b[styles.highlighted] = sticky && modalHeaderHighlighted && hasContent,
             _b[styles.sticky] = sticky,
             _b[styles.hasContent] = hasContent,
             _b[desktopStyles.sticky] = sticky,
-            _b)), contentClassName: cn(desktopStyles.content, contentClassName), bottomAddonsClassName: cn(desktopStyles.bottomAddons, (_c = {},
+            _b)), contentClassName: cn(desktopStyles.content, contentClassName), bottomAddonsClassName: cn(desktopStyles.bottomAddons, bottomAddonsClassName, (_c = {},
             _c[desktopStyles.medium] = bigTitle,
-            _c)), scrollableParentRef: componentRef, titleClassName: cn(desktopStyles.headerTitle, (_d = {},
+            _c)), scrollableParentRef: componentRef, titleClassName: cn(desktopStyles.headerTitle, titleClassName, (_d = {},
             _d[desktopStyles.medium] = bigTitle,
             _d)), titleRef: titleRef }), children));
 };

package/universal-modal/esm/components/header/index.js

@@ -6,7 +6,8 @@ import 'react';
 import '../../../../mq/esm';
 import 'classnames';
 import '../../../../navigation-bar-private/esm';
+import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../index.module-cd589e1c.js';
+import '../../index.module-eecf6519.js';

package/universal-modal/esm/components/header/mobile/Component.mobile.js

@@ -2,8 +2,9 @@ import { __rest, __assign } from 'tslib';
 import React, { useContext, useRef, useEffect } from 'react';
 import cn from 'classnames';
 import { NavigationBarPrivate } from '../../../../../navigation-bar-private/esm';
+import { getDataTestId } from '../../../../../shared/esm';
 import { ModalContext } from '../../../Context.js';
-import { s as styles } from '../../../index.module-cd589e1c.js';
+import { s as styles } from '../../../index.module-eecf6519.js';
 import '../../../../../base-modal/esm';
 
 var mobileStyles = {"header":"universal-modal__header_mg721","sticky":"universal-modal__sticky_mg721","content":"universal-modal__content_mg721","bottomAddons":"universal-modal__bottomAddons_mg721","addon":"universal-modal__addon_mg721"};
@@ -11,19 +12,19 @@ require('./mobile.css');
 
 var HeaderMobile = function (_a) {
     var _b;
-    var className = _a.className, children = _a.children, contentClassName = _a.contentClassName, title = _a.title, sticky = _a.sticky; _a.titleClassName; var dataTestId = _a.dataTestId, restProps = __rest(_a, ["className", "children", "contentClassName", "title", "sticky", "titleClassName", "dataTestId"]);
+    var className = _a.className, children = _a.children, contentClassName = _a.contentClassName, title = _a.title, sticky = _a.sticky, dataTestId = _a.dataTestId, bottomAddonsClassName = _a.bottomAddonsClassName, restProps = __rest(_a, ["className", "children", "contentClassName", "title", "sticky", "dataTestId", "bottomAddonsClassName"]);
     var _c = useContext(ModalContext), setHasHeader = _c.setHasHeader, headerHighlighted = _c.headerHighlighted, componentRef = _c.componentRef;
     var titleRef = useRef(null);
     var hasContent = Boolean(title || children || restProps.bottomAddons);
     useEffect(function () {
         setHasHeader(true);
     }, [setHasHeader]);
-    return (React.createElement(NavigationBarPrivate, __assign({}, restProps, { view: 'mobile', dataTestId: dataTestId, sticky: sticky, title: title, className: cn(styles.header, mobileStyles.header, className, (_b = {},
+    return (React.createElement(NavigationBarPrivate, __assign({}, restProps, { view: 'mobile', dataTestId: getDataTestId(dataTestId, 'header'), sticky: sticky, title: title, className: cn(styles.header, mobileStyles.header, className, (_b = {},
             _b[styles.highlighted] = sticky && headerHighlighted && hasContent,
             _b[styles.sticky] = sticky,
             _b[styles.hasContent] = hasContent,
             _b[mobileStyles.sticky] = sticky,
-            _b)), contentClassName: cn(mobileStyles.content, contentClassName), bottomAddonsClassName: mobileStyles.bottomAddons, scrollableParentRef: componentRef, titleRef: titleRef, addonClassName: mobileStyles.addon }), children));
+            _b)), contentClassName: cn(mobileStyles.content, contentClassName), bottomAddonsClassName: cn(mobileStyles.bottomAddons, bottomAddonsClassName), scrollableParentRef: componentRef, titleRef: titleRef, addonClassName: mobileStyles.addon }), children));
 };
 
 export { HeaderMobile };

package/universal-modal/esm/components/header/responsive/Component.responsive.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
-import { HeaderDesktopProps, HeaderMobileProps } from "../index";
+import { HeaderDesktopProps } from "../desktop/Component.desktop";
+import { HeaderMobileProps } from "../mobile/Component.mobile";
 type HeaderResponsiveProps = HeaderDesktopProps | HeaderMobileProps;
 declare const HeaderResponsive: FC<HeaderResponsiveProps>;
 export { HeaderResponsiveProps, HeaderResponsive };

package/universal-modal/esm/components/header/responsive/Component.responsive.js

@@ -5,10 +5,11 @@ import { HeaderDesktop } from '../desktop/Component.desktop.js';
 import { HeaderMobile } from '../mobile/Component.mobile.js';
 import 'classnames';
 import '../../../../../navigation-bar-private/esm';
+import '../../../../../shared/esm';
 import '../../../Context.js';
 import '../../../../../base-modal/esm';
 import '../../../ResponsiveContext.js';
-import '../../../index.module-cd589e1c.js';
+import '../../../index.module-eecf6519.js';
 
 var HeaderResponsive = function (_a) {
     var restProps = __rest(_a, []);

package/universal-modal/esm/desktop/Component.desktop.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
 import React from 'react';
-declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "open"> & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "open"> & React.RefAttributes<HTMLDivElement>> & {
+declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<import("../components/header/index").HeaderDesktopProps>;
     Content: React.FC<import("../components/content/index").ContentDesktopProps>;
     Footer: React.FC<import("../components/footer/index").FooterDesktopProps>;
-    Controls: React.FC<import("../components/controls/index").ControlsDesktopProps>;
 };
 export { UniversalModalDesktopComponent, UniversalModalDesktop };

package/universal-modal/esm/desktop/Component.desktop.js

@@ -3,8 +3,8 @@ import React, { forwardRef, useState, useMemo } from 'react';
 import '../../../mq/esm';
 import { ContentDesktop } from '../components/content/desktop/Component.desktop.js';
 import 'classnames';
+import '../../../shared/esm';
 import '../../../base-modal/esm';
-import { ControlsDesktop } from '../components/controls/desktop/Component.desktop.js';
 import { FooterDesktop } from '../components/footer/desktop/Component.desktop.js';
 import { HeaderDesktop } from '../components/header/desktop/Component.desktop.js';
 import '../../../navigation-bar-private/esm';
@@ -13,12 +13,9 @@ import { CenterModal } from './components/center-modal/center-modal.js';
 import { SideModal } from './components/side-modal/side-modal.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
-import '../layout.module-4e46cdba.js';
-import '../index.module-c0792c5b.js';
 import './const/index.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-cd589e1c.js';
-import '../../../shared/esm';
+import '../index.module-eecf6519.js';
 import './hooks/useModalHeight.js';
 import './hooks/useModalMargin.js';
 import './hooks/useModalWheel.js';
@@ -52,7 +49,6 @@ var UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {
     Header: HeaderDesktop,
     Content: ContentDesktop,
     Footer: FooterDesktop,
-    Controls: ControlsDesktop,
 });
 
 export { UniversalModalDesktop, UniversalModalDesktopComponent };

package/universal-modal/esm/desktop/components/center-modal/center-modal.d.ts

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

package/universal-modal/esm/desktop/components/center-modal/center-modal.js

@@ -21,6 +21,7 @@ require('./safari-transitions.css');
 var transitions = {"appear":"universal-modal__appear_3jfin","enter":"universal-modal__enter_3jfin","appearActive":"universal-modal__appearActive_3jfin","enterActive":"universal-modal__enterActive_3jfin","exit":"universal-modal__exit_3jfin","exitActive":"universal-modal__exitActive_3jfin","exitDone":"universal-modal__exitDone_3jfin"};
 require('./transitions.css');
 
+// safari некорректно отрабатывает transform:scale(?), поэтому применяем немного другую анимацию
 var transitionProps = os.isMacOS() && browser.isSafari() ? safariTransitions : transitions;
 var CenterModal = forwardRef(function (props, ref) {
     var _a;
@@ -36,9 +37,7 @@ var CenterModal = forwardRef(function (props, ref) {
     useModalWidth(width, open, componentRef);
     useModalHeight(height, open, componentRef);
     var _g = useModalWheel(overlay), wheelDeltaY = _g.wheelDeltaY, handleWheel = _g.handleWheel;
-    return (React.createElement(BaseModal, __assign({}, restProps, { dataTestId: dataTestId, ref: ref, componentRef: componentRef, transitionProps: {
-            classNames: transitionProps,
-        }, className: cn(className, styles.component, (_a = {},
+    return (React.createElement(BaseModal, __assign({}, restProps, { dataTestId: dataTestId, ref: ref, componentRef: componentRef, transitionProps: __assign({ classNames: transitionProps }, restProps.transitionProps), className: cn(className, styles.component, (_a = {},
             _a[styles.overlayHidden] = !overlay,
             _a)), scrollHandler: 'content', open: open, backdropProps: {
             transparent: !overlay,

package/universal-modal/esm/desktop/components/side-modal/side-modal.d.ts

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

package/universal-modal/esm/desktop/components/side-modal/side-modal.js

@@ -37,10 +37,7 @@ var SideModal = forwardRef(function (props, ref) {
             _a[styles.wrapperJustifyEnd] = isVerticalBottom,
             _a)), className: cn(className, styles.component, (_b = {},
             _b[styles.overlayHidden] = !overlay,
-            _b)), contentClassName: styles.content, transitionProps: {
-            classNames: {},
-            timeout: 200,
-            onEnter: function () {
+            _b)), contentClassName: styles.content, transitionProps: __assign({ classNames: {}, timeout: 200, onEnter: function () {
                 if (componentRef.current) {
                     if (isHorizontalStart) {
                         componentRef.current.style.transform = "translateX(calc(-100% - ".concat(left, "px))");
@@ -49,24 +46,20 @@ var SideModal = forwardRef(function (props, ref) {
                         componentRef.current.style.transform = "translateX(calc(100% + ".concat(right, "px))");
                     }
                 }
-            },
-            onEntering: function () {
+            }, onEntering: function () {
                 if (componentRef.current) {
                     componentRef.current.style.transform = 'translateX(0)';
                     componentRef.current.style.transition = 'transform 200ms ease-in';
                 }
-            },
-            onEntered: function () {
+            }, onEntered: function () {
                 if (componentRef.current) {
                     componentRef.current.style.transform = 'translateX(0)';
                 }
-            },
-            onExit: function () {
+            }, onExit: function () {
                 if (componentRef.current) {
                     componentRef.current.style.transform = 'translateX(0)';
                 }
-            },
-            onExiting: function () {
+            }, onExiting: function () {
                 if (componentRef.current) {
                     componentRef.current.style.transition = 'transform 200ms ease-out';
                     if (isHorizontalStart) {
@@ -76,8 +69,7 @@ var SideModal = forwardRef(function (props, ref) {
                         componentRef.current.style.transform = "translateX(calc(100% + ".concat(right, "px))");
                     }
                 }
-            },
-        }, backdropProps: {
+            } }, restProps.transitionProps), backdropProps: {
             transparent: !overlay,
         }, onWheel: handleWheel, onClose: onClose }),
         React.createElement("div", { className: styles.container },

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

@@ -6,7 +6,5 @@ export { FooterDesktop } from "../components/footer/index";
 export type { FooterDesktopProps } from "../components/footer/index";
 export { ContentDesktop } from "../components/content/index";
 export type { ContentDesktopProps } from "../components/content/index";
-export { ControlsDesktop } from "../components/controls/index";
-export type { ControlsDesktopProps } from "../components/controls/index";
 export { CrossButtonDesktop } from "./components/buttons/cross-button/index";
 export { ArrowButtonDesktop } from "./components/buttons/arrow-button/index";

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

@@ -5,15 +5,14 @@ import '../../../mq/esm';
 export { HeaderDesktop } from '../components/header/desktop/Component.desktop.js';
 import 'classnames';
 import '../../../navigation-bar-private/esm';
+import '../../../shared/esm';
 import '../../../base-modal/esm';
 export { FooterDesktop } from '../components/footer/desktop/Component.desktop.js';
 export { ContentDesktop } from '../components/content/desktop/Component.desktop.js';
-export { ControlsDesktop } from '../components/controls/desktop/Component.desktop.js';
 export { CrossButtonDesktop } from './components/buttons/cross-button/cross-button.js';
 export { ArrowButtonDesktop } from './components/buttons/arrow-button/arrow-button.js';
 import '../ResponsiveContext.js';
 import './components/center-modal/center-modal.js';
-import '../../../shared/esm';
 import './hooks/useModalHeight.js';
 import './hooks/useModalMargin.js';
 import './hooks/useModalWheel.js';
@@ -25,10 +24,8 @@ import './components/side-modal/side-modal.js';
 import '../utils/getMarginValues.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
-import '../layout.module-4e46cdba.js';
-import '../index.module-c0792c5b.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-cd589e1c.js';
+import '../index.module-eecf6519.js';
 import '../../../button/esm/desktop';
 import '@alfalab/icons-glyph/CrossMediumMIcon';
 import '../../../typography/esm';

package/universal-modal/esm/desktop/types/props.d.ts

@@ -40,7 +40,7 @@ type BaseUniversalModalProps = {
      */
     onClose?: () => void;
 };
-type UniversalModalDesktopProps = BaseUniversalModalProps & Pick<BaseModalProps, 'children' | 'dataTestId' | 'open' | 'className'>;
+type UniversalModalDesktopProps = BaseUniversalModalProps & Pick<BaseModalProps, 'children' | 'dataTestId' | 'open' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps'>;
 type ModalBySideProps = UniversalModalDesktopProps;
 type ModalByCenterProps = UniversalModalDesktopProps;
 export { BaseUniversalModalProps, UniversalModalDesktopProps, ModalBySideProps, ModalByCenterProps };

package/universal-modal/esm/index.d.ts

@@ -2,8 +2,6 @@ export { UniversalModalResponsive, UniversalModal } from "./Component.responsive
 export type { UniversalModalResponsiveProps } from "./typings/index";
 export { ContentResponsive } from "./components/content/index";
 export type { ContentResponsiveProps } from "./components/content/index";
-export { ControlsResponsive } from "./components/controls/index";
-export type { ControlsResponsiveProps } from "./components/controls/index";
 export { HeaderResponsive } from "./components/header/index";
 export type { HeaderResponsiveProps } from "./components/header/index";
 export { FooterResponsive } from "./components/footer/index";

package/universal-modal/esm/index.js

@@ -3,8 +3,8 @@ export { ContentResponsive } from './components/content/responsive/Component.res
 import 'tslib';
 import 'react';
 import 'classnames';
+import '../../shared/esm';
 import '../../base-modal/esm';
-export { ControlsResponsive } from './components/controls/responsive/Component.responsive.js';
 export { HeaderResponsive } from './components/header/responsive/Component.responsive.js';
 import '../../navigation-bar-private/esm';
 import './ResponsiveContext.js';
@@ -14,16 +14,12 @@ import './desktop/Component.desktop.js';
 import './components/content/desktop/Component.desktop.js';
 import './components/content/base-content/base-content.js';
 import './Context.js';
-import './components/controls/desktop/Component.desktop.js';
-import './layout.module-4e46cdba.js';
-import './index.module-c0792c5b.js';
 import './components/footer/desktop/Component.desktop.js';
 import './desktop/const/index.js';
 import './components/footer/base-footer/base-footer.js';
 import './components/header/desktop/Component.desktop.js';
-import './index.module-cd589e1c.js';
+import './index.module-eecf6519.js';
 import './desktop/components/center-modal/center-modal.js';
-import '../../shared/esm';
 import './desktop/hooks/useModalHeight.js';
 import './desktop/hooks/useModalMargin.js';
 import './desktop/hooks/useModalWheel.js';
@@ -38,7 +34,6 @@ import '../../typography/esm';
 import '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
 import './mobile/Component.mobile.js';
 import './components/content/mobile/Component.mobile.js';
-import './components/controls/mobile/Component.mobile.js';
 import './components/footer/mobile/Component.mobile.js';
 import './components/header/mobile/Component.mobile.js';
 import '../../button/esm/mobile';

package/universal-modal/esm/mobile/Component.mobile.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
 import React from 'react';
-declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "open"> & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "open"> & React.RefAttributes<HTMLDivElement>> & {
+declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<import("../components/header/index").HeaderMobileProps>;
     Content: React.FC<import("../components/content/base-content/base-content").ContentProps>;
     Footer: React.FC<import("../components/footer/base-footer/base-footer").FooterProps>;
-    Controls: React.FC<import("../components/controls/index").ControlsMobileProps>;
 };
 export { UniversalModalMobileComponent, UniversalModalMobile };

package/universal-modal/esm/mobile/Component.mobile.js

@@ -3,18 +3,16 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '../../../base-modal/esm';
 import '../../../mq/esm';
+import '../../../shared/esm';
 import { ContentMobile } from '../components/content/mobile/Component.mobile.js';
-import { ControlsMobile } from '../components/controls/mobile/Component.mobile.js';
 import '../ResponsiveContext.js';
 import { FooterMobile } from '../components/footer/mobile/Component.mobile.js';
 import '../../../navigation-bar-private/esm';
 import { HeaderMobile } from '../components/header/mobile/Component.mobile.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
-import '../layout.module-4e46cdba.js';
-import '../index.module-c0792c5b.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-cd589e1c.js';
+import '../index.module-eecf6519.js';
 
 var styles = {"component":"universal-modal__component_1c8jq","content":"universal-modal__content_1c8jq"};
 require('./mobile.css');
@@ -25,18 +23,14 @@ require('./transitions/right-side-transitions.mobile.css');
 var transitions = {"appear":"universal-modal__appear_hyh5d","enter":"universal-modal__enter_hyh5d","appearActive":"universal-modal__appearActive_hyh5d","enterActive":"universal-modal__enterActive_hyh5d","exit":"universal-modal__exit_hyh5d","exitActive":"universal-modal__exitActive_hyh5d","exitDone":"universal-modal__exitDone_hyh5d"};
 require('./transitions/transitions.mobile.css');
 
-var UniversalModalMobileComponent = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, dataTestId = _a.dataTestId; _a.onClose; var _b = _a.appearance, appearance = _b === void 0 ? 'bottom' : _b, restProps = __rest(_a, ["children", "className", "dataTestId", "onClose", "appearance"]);
-    return (React.createElement(BaseModal, __assign({}, restProps, { dataTestId: dataTestId, ref: ref, transitionProps: {
-            timeout: appearance === 'right' ? 360 : 200,
-            classNames: appearance === 'right' ? rightSideTransitions : transitions,
-        }, className: cn(className, styles.component), scrollHandler: 'content', contentClassName: styles.content }), children));
+var UniversalModalMobileComponent = forwardRef(function (props, ref) {
+    var children = props.children, className = props.className, dataTestId = props.dataTestId, _a = props.appearance, appearance = _a === void 0 ? 'bottom' : _a, restProps = __rest(props, ["children", "className", "dataTestId", "appearance"]);
+    return (React.createElement(BaseModal, __assign({}, restProps, { dataTestId: dataTestId, ref: ref, transitionProps: __assign({ timeout: appearance === 'right' ? 360 : 200, classNames: appearance === 'right' ? rightSideTransitions : transitions }, restProps.transitionProps), className: cn(className, styles.component), scrollHandler: 'content', contentClassName: styles.content }), children));
 });
 var UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {
     Header: HeaderMobile,
     Content: ContentMobile,
     Footer: FooterMobile,
-    Controls: ControlsMobile,
 });
 
 export { UniversalModalMobile, UniversalModalMobileComponent };

package/universal-modal/esm/mobile/index.d.ts

@@ -6,7 +6,5 @@ export { FooterMobile } from "../components/footer/index";
 export type { FooterMobileProps } from "../components/footer/index";
 export { ContentMobile } from "../components/content/index";
 export type { ContentMobileProps } from "../components/content/index";
-export { ControlsMobile } from "../components/controls/index";
-export type { ControlsMobileProps } from "../components/controls/index";
 export { CrossButtonMobile } from "./components/buttons/cross-button/index";
 export { ArrowButtonMobile } from "./components/buttons/arrow-button/index";