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

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

@@ -4,6 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsNavigationBarPrivate = require('../../../../../navigation-bar-private/cssm');
+var coreComponentsShared = require('../../../../../shared/cssm');
 var Context = require('../../../Context.js');
 var styles = require('../base-header/index.module.css');
 var mobileStyles = require('./mobile.module.css');
@@ -17,19 +18,19 @@ var mobileStyles__default = /*#__PURE__*/_interopDefaultCompat(mobileStyles);
 
 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 = tslib.__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 = tslib.__rest(_a, ["className", "children", "contentClassName", "title", "sticky", "dataTestId", "bottomAddonsClassName"]);
     var _c = React.useContext(Context.ModalContext), setHasHeader = _c.setHasHeader, headerHighlighted = _c.headerHighlighted, componentRef = _c.componentRef;
     var titleRef = React.useRef(null);
     var hasContent = Boolean(title || children || restProps.bottomAddons);
     React.useEffect(function () {
         setHasHeader(true);
     }, [setHasHeader]);
-    return (React__default.default.createElement(coreComponentsNavigationBarPrivate.NavigationBarPrivate, tslib.__assign({}, restProps, { view: 'mobile', dataTestId: dataTestId, sticky: sticky, title: title, className: cn__default.default(styles__default.default.header, mobileStyles__default.default.header, className, (_b = {},
+    return (React__default.default.createElement(coreComponentsNavigationBarPrivate.NavigationBarPrivate, tslib.__assign({}, restProps, { view: 'mobile', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'header'), sticky: sticky, title: title, className: cn__default.default(styles__default.default.header, mobileStyles__default.default.header, className, (_b = {},
             _b[styles__default.default.highlighted] = sticky && headerHighlighted && hasContent,
             _b[styles__default.default.sticky] = sticky,
             _b[styles__default.default.hasContent] = hasContent,
             _b[mobileStyles__default.default.sticky] = sticky,
-            _b)), contentClassName: cn__default.default(mobileStyles__default.default.content, contentClassName), bottomAddonsClassName: mobileStyles__default.default.bottomAddons, scrollableParentRef: componentRef, titleRef: titleRef, addonClassName: mobileStyles__default.default.addon }), children));
+            _b)), contentClassName: cn__default.default(mobileStyles__default.default.content, contentClassName), bottomAddonsClassName: cn__default.default(mobileStyles__default.default.bottomAddons, bottomAddonsClassName), scrollableParentRef: componentRef, titleRef: titleRef, addonClassName: mobileStyles__default.default.addon }), children));
 };
 
 exports.HeaderMobile = HeaderMobile;

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

@@ -5,12 +5,10 @@ var React = require('react');
 require('../../../mq/cssm');
 var components_content_desktop_Component_desktop = require('../components/content/desktop/Component.desktop.js');
 require('classnames');
+require('../../../shared/cssm');
 require('../../../base-modal/cssm');
 require('../components/content/base-content/index.module.css');
 require('../components/content/mobile/mobile.module.css');
-var components_controls_desktop_Component_desktop = require('../components/controls/desktop/Component.desktop.js');
-require('../components/footer/desktop/layout.module.css');
-require('../components/controls/base-controls/index.module.css');
 var components_footer_desktop_Component_desktop = require('../components/footer/desktop/Component.desktop.js');
 require('../components/footer/base-footer/index.module.css');
 require('../components/footer/mobile/layout.mobile.module.css');
@@ -52,7 +50,6 @@ var UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {
     Header: components_header_desktop_Component_desktop.HeaderDesktop,
     Content: components_content_desktop_Component_desktop.ContentDesktop,
     Footer: components_footer_desktop_Component_desktop.FooterDesktop,
-    Controls: components_controls_desktop_Component_desktop.ControlsDesktop,
 });
 
 exports.UniversalModalDesktop = UniversalModalDesktop;

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

@@ -22,6 +22,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var safariTransitions__default = /*#__PURE__*/_interopDefaultCompat(safariTransitions);
 var transitions__default = /*#__PURE__*/_interopDefaultCompat(transitions);
 
+// safari некорректно отрабатывает transform:scale(?), поэтому применяем немного другую анимацию
 var transitionProps = coreComponentsShared.os.isMacOS() && coreComponentsShared.browser.isSafari() ? safariTransitions__default.default : transitions__default.default;
 var CenterModal = React.forwardRef(function (props, ref) {
     var _a;
@@ -37,9 +38,7 @@ var CenterModal = React.forwardRef(function (props, ref) {
     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: {
-            classNames: transitionProps,
-        }, className: cn__default.default(className, styles__default.default.component, (_a = {},
+    return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { dataTestId: dataTestId, ref: ref, componentRef: componentRef, transitionProps: tslib.__assign({ classNames: transitionProps }, restProps.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,

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

@@ -39,10 +39,7 @@ var SideModal = React.forwardRef(function (props, ref) {
             _a[styles__default.default.wrapperJustifyEnd] = isVerticalBottom,
             _a)), className: cn__default.default(className, styles__default.default.component, (_b = {},
             _b[styles__default.default.overlayHidden] = !overlay,
-            _b)), contentClassName: styles__default.default.content, transitionProps: {
-            classNames: {},
-            timeout: 200,
-            onEnter: function () {
+            _b)), contentClassName: styles__default.default.content, transitionProps: tslib.__assign({ classNames: {}, timeout: 200, onEnter: function () {
                 if (componentRef.current) {
                     if (isHorizontalStart) {
                         componentRef.current.style.transform = "translateX(calc(-100% - ".concat(left, "px))");
@@ -51,24 +48,20 @@ var SideModal = React.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) {
@@ -78,8 +71,7 @@ var SideModal = React.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__default.default.createElement("div", { className: styles__default.default.container },

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

@@ -7,6 +7,7 @@ require('../../../mq/cssm');
 var components_header_desktop_Component_desktop = require('../components/header/desktop/Component.desktop.js');
 require('classnames');
 require('../../../navigation-bar-private/cssm');
+require('../../../shared/cssm');
 require('../../../base-modal/cssm');
 require('../components/header/base-header/index.module.css');
 require('../components/header/mobile/mobile.module.css');
@@ -17,9 +18,6 @@ require('../components/footer/mobile/mobile.module.css');
 var components_content_desktop_Component_desktop = require('../components/content/desktop/Component.desktop.js');
 require('../components/content/base-content/index.module.css');
 require('../components/content/mobile/mobile.module.css');
-var components_controls_desktop_Component_desktop = require('../components/controls/desktop/Component.desktop.js');
-require('../components/footer/desktop/layout.module.css');
-require('../components/controls/base-controls/index.module.css');
 var desktop_components_buttons_crossButton_crossButton = require('./components/buttons/cross-button/cross-button.js');
 var desktop_components_buttons_arrowButton_arrowButton = require('./components/buttons/arrow-button/arrow-button.js');
 
@@ -30,6 +28,5 @@ exports.UniversalModalDesktopComponent = desktop_Component_desktop.UniversalModa
 exports.HeaderDesktop = components_header_desktop_Component_desktop.HeaderDesktop;
 exports.FooterDesktop = components_footer_desktop_Component_desktop.FooterDesktop;
 exports.ContentDesktop = components_content_desktop_Component_desktop.ContentDesktop;
-exports.ControlsDesktop = components_controls_desktop_Component_desktop.ControlsDesktop;
 exports.CrossButtonDesktop = desktop_components_buttons_crossButton_crossButton.CrossButtonDesktop;
 exports.ArrowButtonDesktop = desktop_components_buttons_arrowButton_arrowButton.ArrowButtonDesktop;

package/universal-modal/cssm/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/cssm/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/cssm/index.js

@@ -5,12 +5,10 @@ var components_content_responsive_Component_responsive = require('./components/c
 require('tslib');
 require('react');
 require('classnames');
+require('../../shared/cssm');
 require('../../base-modal/cssm');
 require('./components/content/base-content/index.module.css');
 require('./components/content/mobile/mobile.module.css');
-var components_controls_responsive_Component_responsive = require('./components/controls/responsive/Component.responsive.js');
-require('./components/footer/desktop/layout.module.css');
-require('./components/controls/base-controls/index.module.css');
 var components_header_responsive_Component_responsive = require('./components/header/responsive/Component.responsive.js');
 require('../../navigation-bar-private/cssm');
 require('./ResponsiveContext.js');
@@ -20,6 +18,7 @@ require('./components/header/mobile/mobile.module.css');
 var components_footer_responsive_Component_responsive = require('./components/footer/responsive/Component.responsive.js');
 require('./components/footer/base-footer/index.module.css');
 require('./components/footer/desktop/desktop.module.css');
+require('./components/footer/desktop/layout.module.css');
 require('./components/footer/mobile/layout.mobile.module.css');
 require('./components/footer/mobile/mobile.module.css');
 
@@ -28,6 +27,5 @@ require('./components/footer/mobile/mobile.module.css');
 exports.UniversalModal = Component_responsive.UniversalModal;
 exports.UniversalModalResponsive = Component_responsive.UniversalModalResponsive;
 exports.ContentResponsive = components_content_responsive_Component_responsive.ContentResponsive;
-exports.ControlsResponsive = components_controls_responsive_Component_responsive.ControlsResponsive;
 exports.HeaderResponsive = components_header_responsive_Component_responsive.HeaderResponsive;
 exports.FooterResponsive = components_footer_responsive_Component_responsive.FooterResponsive;

package/universal-modal/cssm/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/cssm/mobile/Component.mobile.js

@@ -5,14 +5,13 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../../../base-modal/cssm');
 require('../../../mq/cssm');
+require('../../../shared/cssm');
 require('../components/content/base-content/index.module.css');
 var components_content_mobile_Component_mobile = require('../components/content/mobile/Component.mobile.js');
-require('../components/footer/desktop/layout.module.css');
-require('../components/controls/base-controls/index.module.css');
-var components_controls_mobile_Component_mobile = require('../components/controls/mobile/Component.mobile.js');
 require('../ResponsiveContext.js');
 require('../components/footer/base-footer/index.module.css');
 require('../components/footer/desktop/desktop.module.css');
+require('../components/footer/desktop/layout.module.css');
 var components_footer_mobile_Component_mobile = require('../components/footer/mobile/Component.mobile.js');
 require('../../../navigation-bar-private/cssm');
 require('../components/header/base-header/index.module.css');
@@ -30,18 +29,14 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var rightSideTransitions__default = /*#__PURE__*/_interopDefaultCompat(rightSideTransitions);
 var transitions__default = /*#__PURE__*/_interopDefaultCompat(transitions);
 
-var UniversalModalMobileComponent = React.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 = tslib.__rest(_a, ["children", "className", "dataTestId", "onClose", "appearance"]);
-    return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { dataTestId: dataTestId, ref: ref, transitionProps: {
-            timeout: appearance === 'right' ? 360 : 200,
-            classNames: appearance === 'right' ? rightSideTransitions__default.default : transitions__default.default,
-        }, className: cn__default.default(className, styles__default.default.component), scrollHandler: 'content', contentClassName: styles__default.default.content }), children));
+var UniversalModalMobileComponent = React.forwardRef(function (props, ref) {
+    var children = props.children, className = props.className, dataTestId = props.dataTestId, _a = props.appearance, appearance = _a === void 0 ? 'bottom' : _a, restProps = tslib.__rest(props, ["children", "className", "dataTestId", "appearance"]);
+    return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { dataTestId: dataTestId, ref: ref, transitionProps: tslib.__assign({ timeout: appearance === 'right' ? 360 : 200, classNames: appearance === 'right' ? rightSideTransitions__default.default : transitions__default.default }, restProps.transitionProps), className: cn__default.default(className, styles__default.default.component), scrollHandler: 'content', contentClassName: styles__default.default.content }), children));
 });
 var UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {
     Header: components_header_mobile_Component_mobile.HeaderMobile,
     Content: components_content_mobile_Component_mobile.ContentMobile,
     Footer: components_footer_mobile_Component_mobile.FooterMobile,
-    Controls: components_controls_mobile_Component_mobile.ControlsMobile,
 });
 
 exports.UniversalModalMobile = UniversalModalMobile;

package/universal-modal/cssm/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";

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

@@ -6,6 +6,7 @@ require('react');
 require('../../../mq/cssm');
 require('classnames');
 require('../../../navigation-bar-private/cssm');
+require('../../../shared/cssm');
 require('../../../base-modal/cssm');
 require('../ResponsiveContext.js');
 require('../components/header/base-header/index.module.css');
@@ -17,8 +18,6 @@ require('../components/footer/desktop/layout.module.css');
 var components_footer_mobile_Component_mobile = require('../components/footer/mobile/Component.mobile.js');
 require('../components/content/base-content/index.module.css');
 var components_content_mobile_Component_mobile = require('../components/content/mobile/Component.mobile.js');
-require('../components/controls/base-controls/index.module.css');
-var components_controls_mobile_Component_mobile = require('../components/controls/mobile/Component.mobile.js');
 var mobile_components_buttons_crossButton_crossButton = require('./components/buttons/cross-button/cross-button.js');
 var mobile_components_buttons_arrowButton_arrowButton = require('./components/buttons/arrow-button/arrow-button.js');
 
@@ -29,6 +28,5 @@ exports.UniversalModalMobileComponent = mobile_Component_mobile.UniversalModalMo
 exports.HeaderMobile = components_header_mobile_Component_mobile.HeaderMobile;
 exports.FooterMobile = components_footer_mobile_Component_mobile.FooterMobile;
 exports.ContentMobile = components_content_mobile_Component_mobile.ContentMobile;
-exports.ControlsMobile = components_controls_mobile_Component_mobile.ControlsMobile;
 exports.CrossButtonMobile = mobile_components_buttons_crossButton_crossButton.CrossButtonMobile;
 exports.ArrowButtonMobile = mobile_components_buttons_arrowButton_arrowButton.ArrowButtonMobile;

package/universal-modal/cssm/mobile/types/props.d.ts

@@ -7,5 +7,5 @@ type BaseUniversalModalMobileProps = {
     /** Сторона с которой будет появляться модальное окно */
     appearance?: 'bottom' | 'right';
 };
-type UniversalModalMobileProps = BaseUniversalModalMobileProps & Pick<BaseModalProps, 'children' | 'dataTestId' | 'open' | 'className'>;
+type UniversalModalMobileProps = BaseUniversalModalMobileProps & Pick<BaseModalProps, 'children' | 'dataTestId' | 'open' | 'className' | 'wrapperClassName' | 'onUnmount' | 'transitionProps'>;
 export { BaseUniversalModalMobileProps, UniversalModalMobileProps };

package/universal-modal/cssm/utils/getMarginValues.d.ts

@@ -1,9 +1,9 @@
 import { TMargin } from "../typings/margin-type";
 declare const getMarginValues: (margin: TMargin) => {
-    top: 0 | 2 | 4 | "auto" | 16 | 24 | 32 | 8 | 12 | 20 | 40 | 48 | 56 | 64 | 72 | 80 | 96 | 128;
-    right: 0 | 2 | 4 | "auto" | 16 | 24 | 32 | 8 | 12 | 20 | 40 | 48 | 56 | 64 | 72 | 80 | 96 | 128;
-    bottom: 0 | 2 | 4 | "auto" | 16 | 24 | 32 | 8 | 12 | 20 | 40 | 48 | 56 | 64 | 72 | 80 | 96 | 128;
-    left: 0 | 2 | 4 | "auto" | 16 | 24 | 32 | 8 | 12 | 20 | 40 | 48 | 56 | 64 | 72 | 80 | 96 | 128;
+    top: 0 | 2 | 4 | "auto" | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96 | 128;
+    right: 0 | 2 | 4 | "auto" | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96 | 128;
+    bottom: 0 | 2 | 4 | "auto" | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96 | 128;
+    left: 0 | 2 | 4 | "auto" | 8 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96 | 128;
 } | {
     top?: undefined;
     right?: undefined;

package/universal-modal/cssm/utils/getUniversalModalTestIds.d.ts

@@ -1,7 +1,7 @@
 declare function getUniversalModalTestIds(dataTestId: string): {
     modal: string;
-    header: string;
     title: string;
+    header: string;
     content: string;
     footer: string;
 };

package/universal-modal/cssm/utils/getUniversalModalTestIds.js

@@ -5,8 +5,8 @@ var coreComponentsShared = require('../../../shared/cssm');
 function getUniversalModalTestIds(dataTestId) {
     return {
         modal: dataTestId,
-        header: coreComponentsShared.getDataTestId(dataTestId, 'header'),
         title: coreComponentsShared.getDataTestId(dataTestId, 'header-title'),
+        header: coreComponentsShared.getDataTestId(dataTestId, 'header'),
         content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
         footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
     };

package/universal-modal/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, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../base-modal").BaseModalProps, "children" | "className" | "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/desktop/Component.desktop.js

@@ -5,8 +5,8 @@ var React = require('react');
 require('../../mq');
 var components_content_desktop_Component_desktop = require('../components/content/desktop/Component.desktop.js');
 require('classnames');
+require('../../shared');
 require('../../base-modal');
-var components_controls_desktop_Component_desktop = require('../components/controls/desktop/Component.desktop.js');
 var components_footer_desktop_Component_desktop = require('../components/footer/desktop/Component.desktop.js');
 var components_header_desktop_Component_desktop = require('../components/header/desktop/Component.desktop.js');
 require('../../navigation-bar-private');
@@ -43,7 +43,6 @@ var UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {
     Header: components_header_desktop_Component_desktop.HeaderDesktop,
     Content: components_content_desktop_Component_desktop.ContentDesktop,
     Footer: components_footer_desktop_Component_desktop.FooterDesktop,
-    Controls: components_controls_desktop_Component_desktop.ControlsDesktop,
 });
 
 exports.UniversalModalDesktop = UniversalModalDesktop;

package/universal-modal/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, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
 export { CenterModal };

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

@@ -25,6 +25,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 = coreComponentsShared.os.isMacOS() && coreComponentsShared.browser.isSafari() ? safariTransitions : transitions;
 var CenterModal = React.forwardRef(function (props, ref) {
     var _a;
@@ -40,9 +41,7 @@ var CenterModal = React.forwardRef(function (props, ref) {
     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: {
-            classNames: transitionProps,
-        }, className: cn__default.default(className, styles.component, (_a = {},
+    return (React__default.default.createElement(coreComponentsBaseModal.BaseModal, tslib.__assign({}, restProps, { dataTestId: dataTestId, ref: ref, componentRef: componentRef, transitionProps: tslib.__assign({ classNames: transitionProps }, restProps.transitionProps), className: cn__default.default(className, styles.component, (_a = {},
             _a[styles.overlayHidden] = !overlay,
             _a)), scrollHandler: 'content', open: open, backdropProps: {
             transparent: !overlay,

package/universal-modal/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, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
 export { SideModal };

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

@@ -40,10 +40,7 @@ var SideModal = React.forwardRef(function (props, ref) {
             _a[styles.wrapperJustifyEnd] = isVerticalBottom,
             _a)), className: cn__default.default(className, styles.component, (_b = {},
             _b[styles.overlayHidden] = !overlay,
-            _b)), contentClassName: styles.content, transitionProps: {
-            classNames: {},
-            timeout: 200,
-            onEnter: function () {
+            _b)), contentClassName: styles.content, transitionProps: tslib.__assign({ classNames: {}, timeout: 200, onEnter: function () {
                 if (componentRef.current) {
                     if (isHorizontalStart) {
                         componentRef.current.style.transform = "translateX(calc(-100% - ".concat(left, "px))");
@@ -52,24 +49,20 @@ var SideModal = React.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) {
@@ -79,8 +72,7 @@ var SideModal = React.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__default.default.createElement("div", { className: styles.container },

package/universal-modal/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/desktop/index.js

@@ -7,10 +7,10 @@ require('../../mq');
 var components_header_desktop_Component_desktop = require('../components/header/desktop/Component.desktop.js');
 require('classnames');
 require('../../navigation-bar-private');
+require('../../shared');
 require('../../base-modal');
 var components_footer_desktop_Component_desktop = require('../components/footer/desktop/Component.desktop.js');
 var components_content_desktop_Component_desktop = require('../components/content/desktop/Component.desktop.js');
-var components_controls_desktop_Component_desktop = require('../components/controls/desktop/Component.desktop.js');
 var desktop_components_buttons_crossButton_crossButton = require('./components/buttons/cross-button/cross-button.js');
 var desktop_components_buttons_arrowButton_arrowButton = require('./components/buttons/arrow-button/arrow-button.js');
 
@@ -21,6 +21,5 @@ exports.UniversalModalDesktopComponent = desktop_Component_desktop.UniversalModa
 exports.HeaderDesktop = components_header_desktop_Component_desktop.HeaderDesktop;
 exports.FooterDesktop = components_footer_desktop_Component_desktop.FooterDesktop;
 exports.ContentDesktop = components_content_desktop_Component_desktop.ContentDesktop;
-exports.ControlsDesktop = components_controls_desktop_Component_desktop.ControlsDesktop;
 exports.CrossButtonDesktop = desktop_components_buttons_crossButton_crossButton.CrossButtonDesktop;
 exports.ArrowButtonDesktop = desktop_components_buttons_arrowButton_arrowButton.ArrowButtonDesktop;

package/universal-modal/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/Component.responsive.d.ts

@@ -1,16 +1,15 @@
 /// <reference types="react" />
 import React from 'react';
-declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "open"> & import("./mobile/types/props").BaseUniversalModalMobileProps & {
+declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "open"> & import("./mobile/types/props").BaseUniversalModalMobileProps & {
+declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<import("./components/header/index").HeaderResponsiveProps>;
     Content: React.FC<import("./components/content/index").ContentResponsiveProps>;
     Footer: React.FC<import("./components/footer/index").FooterResponsiveProps>;
-    Controls: React.FC<import("./components/controls/index").ControlsResponsiveProps>;
 };
 export { UniversalModal, UniversalModalResponsive };