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

@alfalab/core-components 48.23.0-beta.1 → 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 (528) hide show

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-eb2cc288.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-eb2cc288.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-eb2cc288.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-eb2cc288.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-eb2cc288.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-eb2cc288.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-eb2cc288.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-eb2cc288.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-eb2cc288.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-eb2cc288.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/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-6d399d4a.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-6d399d4a.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-6d399d4a.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-6d399d4a.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-6d399d4a.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-6d399d4a.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-6d399d4a.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-6d399d4a.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-6d399d4a.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-6d399d4a.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/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/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/moderncssm/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/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/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'),
     };
 }