npm - @alfalab/core-components - Versions diffs - 48.23.0-beta.0 → 48.23.0 - Mend

@alfalab/core-components 48.23.0-beta.0 → 48.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (688) hide show

package/typography/text/component.js CHANGED Viewed

@@ -5,7 +5,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
-var colors_module = require('../colors.module-6207a2cb.js');
+var colors_module = require('../colors.module-60c27fcf.js');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/typography/title/component.js CHANGED Viewed

@@ -6,7 +6,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
 var title_utils = require('./utils.js');
-var colors_module = require('../colors.module-6207a2cb.js');
+var colors_module = require('../colors.module-60c27fcf.js');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/typography/title/index.js CHANGED Viewed

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('./component.js');
-var common_module = require('../common.module-da186315.js');
+var common_module = require('../common.module-4a8391af.js');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/typography/title-mobile/component.js CHANGED Viewed

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-da186315.js');
+var common_module = require('../common.module-4a8391af.js');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/universal-modal/Component.responsive.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import React from 'react';
-declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../base-modal/src").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & Pick<import("packages/base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & {
+declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../base-modal/src").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../base-modal/src").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & Pick<import("packages/base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & {
+declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../base-modal/src").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {

package/universal-modal/components/header/desktop/Component.desktop.js CHANGED Viewed

@@ -7,7 +7,7 @@ var coreComponentsNavigationBarPrivate = require('../../../../navigation-bar-pri
 var coreComponentsShared = require('../../../../shared');
 var Context = require('../../../Context.js');
 var ResponsiveContext = require('../../../ResponsiveContext.js');
-var index_module = require('../../../index.module-331fa14f.js');
+var index_module = require('../../../index.module-cf6eab05.js');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -19,11 +19,21 @@ 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, titleClassName = _a.titleClassName, dataTestId = _a.dataTestId, bottomAddonsClassName = _a.bottomAddonsClassName, restProps = tslib.__rest(_a, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName"]);
-    var _f = React.useContext(Context.ModalContext), setHasHeader = _f.setHasHeader, componentRef = _f.componentRef;
+    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, onClose = _a.onClose, restProps = tslib.__rest(_a, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName", "onClose"]);
+    var _f = React.useContext(Context.ModalContext), setHasHeader = _f.setHasHeader, componentRef = _f.componentRef, handleCloseByContext = _f.onClose;
     var modalHeaderHighlighted = (React.useContext(ResponsiveContext.ResponsiveContext) || {}).modalHeaderHighlighted;
     var titleRef = React.useRef(null);
     var hasContent = Boolean(title || children || restProps.bottomAddons);
+    var handleClose = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (onClose) {
+            return onClose.apply(void 0, args);
+        }
+        return handleCloseByContext.apply(void 0, args);
+    };
     React.useEffect(function () {
         setHasHeader(true);
     }, [setHasHeader]);
@@ -36,7 +46,7 @@ var HeaderDesktop = function (_a) {
             _c[desktopStyles.medium] = bigTitle,
             _c)), scrollableParentRef: componentRef, titleClassName: cn__default.default(desktopStyles.headerTitle, titleClassName, (_d = {},
             _d[desktopStyles.medium] = bigTitle,
-            _d)), titleRef: titleRef }), children));
+            _d)), titleRef: titleRef, onClose: handleClose }), children));
 };
 exports.HeaderDesktop = HeaderDesktop;

package/universal-modal/components/header/mobile/Component.mobile.js CHANGED Viewed

@@ -6,7 +6,7 @@ var cn = require('classnames');
 var coreComponentsNavigationBarPrivate = require('../../../../navigation-bar-private');
 var coreComponentsShared = require('../../../../shared');
 var Context = require('../../../Context.js');
-var index_module = require('../../../index.module-331fa14f.js');
+var index_module = require('../../../index.module-cf6eab05.js');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/universal-modal/cssm/components/header/desktop/Component.desktop.js CHANGED Viewed

@@ -19,11 +19,21 @@ var desktopStyles__default = /*#__PURE__*/_interopDefaultCompat(desktopStyles);
 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, titleClassName = _a.titleClassName, dataTestId = _a.dataTestId, bottomAddonsClassName = _a.bottomAddonsClassName, restProps = tslib.__rest(_a, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName"]);
-    var _f = React.useContext(Context.ModalContext), setHasHeader = _f.setHasHeader, componentRef = _f.componentRef;
+    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, onClose = _a.onClose, restProps = tslib.__rest(_a, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName", "onClose"]);
+    var _f = React.useContext(Context.ModalContext), setHasHeader = _f.setHasHeader, componentRef = _f.componentRef, handleCloseByContext = _f.onClose;
     var modalHeaderHighlighted = (React.useContext(ResponsiveContext.ResponsiveContext) || {}).modalHeaderHighlighted;
     var titleRef = React.useRef(null);
     var hasContent = Boolean(title || children || restProps.bottomAddons);
+    var handleClose = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (onClose) {
+            return onClose.apply(void 0, args);
+        }
+        return handleCloseByContext.apply(void 0, args);
+    };
     React.useEffect(function () {
         setHasHeader(true);
     }, [setHasHeader]);
@@ -36,7 +46,7 @@ var HeaderDesktop = function (_a) {
             _c[desktopStyles__default.default.medium] = bigTitle,
             _c)), scrollableParentRef: componentRef, titleClassName: cn__default.default(desktopStyles__default.default.headerTitle, titleClassName, (_d = {},
             _d[desktopStyles__default.default.medium] = bigTitle,
-            _d)), titleRef: titleRef }), children));
+            _d)), titleRef: titleRef, onClose: handleClose }), children));
 };
 exports.HeaderDesktop = HeaderDesktop;

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

@@ -4,5 +4,6 @@ declare function getUniversalModalTestIds(dataTestId: string): {
     header: string;
     content: string;
     footer: string;
+    closer: string;
 };
 export { getUniversalModalTestIds };

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

@@ -9,6 +9,7 @@ function getUniversalModalTestIds(dataTestId) {
         header: coreComponentsShared.getDataTestId(dataTestId, 'header'),
         content: coreComponentsShared.getDataTestId(dataTestId, 'content'),
         footer: coreComponentsShared.getDataTestId(dataTestId, 'footer'),
+        closer: coreComponentsShared.getDataTestId(dataTestId, 'header-closer'),
     };
 }

package/universal-modal/desktop/Component.desktop.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>> & {
+declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "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>;

package/universal-modal/desktop/components/center-modal/center-modal.d.ts CHANGED Viewed

@@ -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, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const CenterModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
 export { CenterModal };

package/universal-modal/desktop/components/side-modal/side-modal.d.ts CHANGED Viewed

@@ -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, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const SideModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
 export { SideModal };

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

@@ -27,7 +27,7 @@ import './desktop/constants/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-635b2d9f.js';
+import './index.module-5bdb438d.js';
 import './components/header/mobile/Component.mobile.js';
 import './desktop/components/center-modal/center-modal.js';
 import './desktop/hooks/useModalHeight.js';

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

@@ -5,7 +5,7 @@ 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-635b2d9f.js';
+import { s as styles } from '../../../index.module-5bdb438d.js';
 import '../../../../../base-modal/esm';
 var desktopStyles = {"content":"universal-modal__content_188rb","sticky":"universal-modal__sticky_188rb","bottomAddons":"universal-modal__bottomAddons_188rb","headerTitle":"universal-modal__headerTitle_188rb","medium":"universal-modal__medium_188rb"};
@@ -13,11 +13,21 @@ 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, 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 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, onClose = _a.onClose, restProps = __rest(_a, ["className", "children", "contentClassName", "title", "sticky", "bigTitle", "titleClassName", "dataTestId", "bottomAddonsClassName", "onClose"]);
+    var _f = useContext(ModalContext), setHasHeader = _f.setHasHeader, componentRef = _f.componentRef, handleCloseByContext = _f.onClose;
     var modalHeaderHighlighted = (useContext(ResponsiveContext) || {}).modalHeaderHighlighted;
     var titleRef = useRef(null);
     var hasContent = Boolean(title || children || restProps.bottomAddons);
+    var handleClose = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (onClose) {
+            return onClose.apply(void 0, args);
+        }
+        return handleCloseByContext.apply(void 0, args);
+    };
     useEffect(function () {
         setHasHeader(true);
     }, [setHasHeader]);
@@ -30,7 +40,7 @@ var HeaderDesktop = function (_a) {
             _c[desktopStyles.medium] = bigTitle,
             _c)), scrollableParentRef: componentRef, titleClassName: cn(desktopStyles.headerTitle, titleClassName, (_d = {},
             _d[desktopStyles.medium] = bigTitle,
-            _d)), titleRef: titleRef }), children));
+            _d)), titleRef: titleRef, onClose: handleClose }), children));
 };
 export { HeaderDesktop };

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

@@ -10,4 +10,4 @@ import '../../../../shared/esm';
 import '../../Context.js';
 import '../../../../base-modal/esm';
 import '../../ResponsiveContext.js';
-import '../../index.module-635b2d9f.js';
+import '../../index.module-5bdb438d.js';

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

@@ -4,7 +4,7 @@ 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-635b2d9f.js';
+import { s as styles } from '../../../index.module-5bdb438d.js';
 import '../../../../../base-modal/esm';
 var mobileStyles = {"header":"universal-modal__header_ig554","sticky":"universal-modal__sticky_ig554","content":"universal-modal__content_ig554","bottomAddons":"universal-modal__bottomAddons_ig554","addon":"universal-modal__addon_ig554"};

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

@@ -9,7 +9,7 @@ import '../../../../../shared/esm';
 import '../../../Context.js';
 import '../../../../../base-modal/esm';
 import '../../../ResponsiveContext.js';
-import '../../../index.module-635b2d9f.js';
+import '../../../index.module-5bdb438d.js';
 var HeaderResponsive = function (_a) {
     var restProps = __rest(_a, []);

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

@@ -15,7 +15,7 @@ import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import './constants/index.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-635b2d9f.js';
+import '../index.module-5bdb438d.js';
 import './hooks/useModalHeight.js';
 import './hooks/useModalWheel.js';
 import './hooks/useModalWidth.js';

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

@@ -26,7 +26,7 @@ import './components/side-modal/get-default-transition-props.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-635b2d9f.js';
+import '../index.module-5bdb438d.js';
 import '../../../button/esm/desktop';
 import '@alfalab/icons-glyph/CrossMediumMIcon';
 import '../../../typography/esm';

package/universal-modal/esm/index.js CHANGED Viewed

@@ -18,7 +18,7 @@ import './components/footer/desktop/Component.desktop.js';
 import './desktop/constants/index.js';
 import './components/footer/base-footer/base-footer.js';
 import './components/header/desktop/Component.desktop.js';
-import './index.module-635b2d9f.js';
+import './index.module-5bdb438d.js';
 import './desktop/components/center-modal/center-modal.js';
 import './desktop/hooks/useModalHeight.js';
 import './desktop/hooks/useModalWheel.js';

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

@@ -12,7 +12,7 @@ import { HeaderMobile } from '../components/header/mobile/Component.mobile.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-635b2d9f.js';
+import '../index.module-5bdb438d.js';
 var styles = {"component":"universal-modal__component_txf6s","content":"universal-modal__content_txf6s"};
 require('./mobile.css');

package/universal-modal/esm/mobile/index.js CHANGED Viewed

@@ -15,7 +15,7 @@ export { ArrowButtonMobile } from './components/buttons/arrow-button/arrow-butto
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-635b2d9f.js';
+import '../index.module-5bdb438d.js';
 import '../../../button/esm/mobile';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';

package/universal-modal/esm/utils/getUniversalModalTestIds.d.ts CHANGED Viewed

@@ -4,5 +4,6 @@ declare function getUniversalModalTestIds(dataTestId: string): {
     header: string;
     content: string;
     footer: string;
+    closer: string;
 };
 export { getUniversalModalTestIds };

package/universal-modal/esm/utils/getUniversalModalTestIds.js CHANGED Viewed

@@ -7,6 +7,7 @@ function getUniversalModalTestIds(dataTestId) {
         header: getDataTestId(dataTestId, 'header'),
         content: getDataTestId(dataTestId, 'content'),
         footer: getDataTestId(dataTestId, 'footer'),
+        closer: getDataTestId(dataTestId, 'header-closer'),
     };
 }

package/universal-modal/mobile/Component.mobile.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-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>> & {
+declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../base-modal").BaseModalProps, "children" | "className" | "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>;

package/universal-modal/modern/Component.responsive.js CHANGED Viewed

@@ -26,7 +26,7 @@ import './desktop/constants/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-958e796d.js';
+import './index.module-803ae65c.js';
 import './components/header/mobile/Component.mobile.js';
 import './desktop/components/center-modal/center-modal.js';
 import './desktop/hooks/useModalHeight.js';

package/universal-modal/modern/components/header/desktop/Component.desktop.js CHANGED Viewed

@@ -4,17 +4,23 @@ import { NavigationBarPrivate } from '../../../../../navigation-bar-private/mode
 import { getDataTestId } from '../../../../../shared/modern';
 import { ModalContext } from '../../../Context.js';
 import { ResponsiveContext } from '../../../ResponsiveContext.js';
-import { s as styles } from '../../../index.module-958e796d.js';
+import { s as styles } from '../../../index.module-803ae65c.js';
 import '../../../../../base-modal/modern';
 const desktopStyles = {"content":"universal-modal__content_188rb","sticky":"universal-modal__sticky_188rb","bottomAddons":"universal-modal__bottomAddons_188rb","headerTitle":"universal-modal__headerTitle_188rb","medium":"universal-modal__medium_188rb"};
 require('./desktop.css');
-const HeaderDesktop = ({ className, children, contentClassName, title, sticky, bigTitle = false, titleClassName, dataTestId, bottomAddonsClassName, ...restProps }) => {
-    const { setHasHeader, componentRef } = useContext(ModalContext);
+const HeaderDesktop = ({ className, children, contentClassName, title, sticky, bigTitle = false, titleClassName, dataTestId, bottomAddonsClassName, onClose, ...restProps }) => {
+    const { setHasHeader, componentRef, onClose: handleCloseByContext } = useContext(ModalContext);
     const { modalHeaderHighlighted } = useContext(ResponsiveContext) || {};
     const titleRef = useRef(null);
     const hasContent = Boolean(title || children || restProps.bottomAddons);
+    const handleClose = (...args) => {
+        if (onClose) {
+            return onClose(...args);
+        }
+        return handleCloseByContext(...args);
+    };
     useEffect(() => {
         setHasHeader(true);
     }, [setHasHeader]);
@@ -27,7 +33,7 @@ const HeaderDesktop = ({ className, children, contentClassName, title, sticky, b
             [desktopStyles.medium]: bigTitle,
         }), scrollableParentRef: componentRef, titleClassName: cn(desktopStyles.headerTitle, titleClassName, {
             [desktopStyles.medium]: bigTitle,
-        }), titleRef: titleRef }, children));
+        }), titleRef: titleRef, onClose: handleClose }, children));
 };
 export { HeaderDesktop };

package/universal-modal/modern/components/header/index.js CHANGED Viewed

@@ -9,4 +9,4 @@ import '../../../../shared/modern';
 import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../index.module-958e796d.js';
+import '../../index.module-803ae65c.js';

package/universal-modal/modern/components/header/mobile/Component.mobile.js CHANGED Viewed

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { NavigationBarPrivate } from '../../../../../navigation-bar-private/modern';
 import { getDataTestId } from '../../../../../shared/modern';
 import { ModalContext } from '../../../Context.js';
-import { s as styles } from '../../../index.module-958e796d.js';
+import { s as styles } from '../../../index.module-803ae65c.js';
 import '../../../../../base-modal/modern';
 const mobileStyles = {"header":"universal-modal__header_ig554","sticky":"universal-modal__sticky_ig554","content":"universal-modal__content_ig554","bottomAddons":"universal-modal__bottomAddons_ig554","addon":"universal-modal__addon_ig554"};

package/universal-modal/modern/components/header/responsive/Component.responsive.js CHANGED Viewed

@@ -8,7 +8,7 @@ import '../../../../../shared/modern';
 import '../../../Context.js';
 import '../../../../../base-modal/modern';
 import '../../../ResponsiveContext.js';
-import '../../../index.module-958e796d.js';
+import '../../../index.module-803ae65c.js';
 const HeaderResponsive = ({ ...restProps }) => {
     const isDesktop = useIsDesktop();

package/universal-modal/modern/desktop/Component.desktop.js CHANGED Viewed

@@ -14,7 +14,7 @@ import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import './constants/index.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-958e796d.js';
+import '../index.module-803ae65c.js';
 import './hooks/useModalHeight.js';
 import './hooks/useModalWheel.js';
 import './hooks/useModalWidth.js';

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

@@ -25,7 +25,7 @@ import './components/side-modal/get-default-transition-props.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-958e796d.js';
+import '../index.module-803ae65c.js';
 import '../../../button/modern/desktop';
 import '@alfalab/icons-glyph/CrossMediumMIcon';
 import '../../../typography/modern';

package/universal-modal/modern/index.js CHANGED Viewed

@@ -17,7 +17,7 @@ import './components/footer/desktop/Component.desktop.js';
 import './desktop/constants/index.js';
 import './components/footer/base-footer/base-footer.js';
 import './components/header/desktop/Component.desktop.js';
-import './index.module-958e796d.js';
+import './index.module-803ae65c.js';
 import './desktop/components/center-modal/center-modal.js';
 import './desktop/hooks/useModalHeight.js';
 import './desktop/hooks/useModalWheel.js';

package/universal-modal/modern/mobile/Component.mobile.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { HeaderMobile } from '../components/header/mobile/Component.mobile.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-958e796d.js';
+import '../index.module-803ae65c.js';
 const styles = {"component":"universal-modal__component_txf6s","content":"universal-modal__content_txf6s"};
 require('./mobile.css');

package/universal-modal/modern/mobile/index.js CHANGED Viewed

@@ -14,7 +14,7 @@ export { ArrowButtonMobile } from './components/buttons/arrow-button/arrow-butto
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-958e796d.js';
+import '../index.module-803ae65c.js';
 import '../../../button/modern/mobile';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';

package/universal-modal/modern/utils/getUniversalModalTestIds.d.ts CHANGED Viewed

@@ -4,5 +4,6 @@ declare function getUniversalModalTestIds(dataTestId: string): {
     header: string;
     content: string;
     footer: string;
+    closer: string;
 };
 export { getUniversalModalTestIds };

package/universal-modal/modern/utils/getUniversalModalTestIds.js CHANGED Viewed

@@ -7,6 +7,7 @@ function getUniversalModalTestIds(dataTestId) {
         header: getDataTestId(dataTestId, 'header'),
         content: getDataTestId(dataTestId, 'content'),
         footer: getDataTestId(dataTestId, 'footer'),
+        closer: getDataTestId(dataTestId, 'header-closer'),
     };
 }

package/universal-modal/moderncssm/Component.responsive.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import React from 'react';
-declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal/src").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & Pick<import("packages/base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & {
+declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal/src").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal/src").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & Pick<import("packages/base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & {
+declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal/src").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {

package/universal-modal/moderncssm/components/header/desktop/Component.desktop.js CHANGED Viewed

@@ -8,11 +8,17 @@ import styles from '../base-header/index.module.css';
 import desktopStyles from './desktop.module.css';
 import '../../../../../base-modal/moderncssm';
-const HeaderDesktop = ({ className, children, contentClassName, title, sticky, bigTitle = false, titleClassName, dataTestId, bottomAddonsClassName, ...restProps }) => {
-    const { setHasHeader, componentRef } = useContext(ModalContext);
+const HeaderDesktop = ({ className, children, contentClassName, title, sticky, bigTitle = false, titleClassName, dataTestId, bottomAddonsClassName, onClose, ...restProps }) => {
+    const { setHasHeader, componentRef, onClose: handleCloseByContext } = useContext(ModalContext);
     const { modalHeaderHighlighted } = useContext(ResponsiveContext) || {};
     const titleRef = useRef(null);
     const hasContent = Boolean(title || children || restProps.bottomAddons);
+    const handleClose = (...args) => {
+        if (onClose) {
+            return onClose(...args);
+        }
+        return handleCloseByContext(...args);
+    };
     useEffect(() => {
         setHasHeader(true);
     }, [setHasHeader]);
@@ -25,7 +31,7 @@ const HeaderDesktop = ({ className, children, contentClassName, title, sticky, b
             [desktopStyles.medium]: bigTitle,
         }), scrollableParentRef: componentRef, titleClassName: cn(desktopStyles.headerTitle, titleClassName, {
             [desktopStyles.medium]: bigTitle,
-        }), titleRef: titleRef }, children));
+        }), titleRef: titleRef, onClose: handleClose }, children));
 };
 export { HeaderDesktop };

package/universal-modal/moderncssm/desktop/Component.desktop.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>> & {
+declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "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>;

package/universal-modal/moderncssm/desktop/components/center-modal/center-modal.d.ts CHANGED Viewed

@@ -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, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const CenterModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
 export { CenterModal };

package/universal-modal/moderncssm/desktop/components/side-modal/side-modal.d.ts CHANGED Viewed

@@ -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, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const SideModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
 export { SideModal };