npm - @alfalab/core-components - Versions diffs - 48.9.0-beta.2 → 48.9.0-beta.3 - Mend

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

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 (643) hide show

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

@@ -3,20 +3,18 @@ import 'react';
 import '../../../mq/modern';
 import 'classnames';
 import '../../../navigation-bar-private/modern';
+import '../../../shared/modern';
 import '../../../base-modal/modern';
 import '../ResponsiveContext.js';
 export { HeaderMobile } from '../components/header/mobile/Component.mobile.js';
 export { FooterMobile } from '../components/footer/mobile/Component.mobile.js';
 export { ContentMobile } from '../components/content/mobile/Component.mobile.js';
-export { ControlsMobile } from '../components/controls/mobile/Component.mobile.js';
 export { CrossButtonMobile } from './components/buttons/cross-button/cross-button.js';
 export { ArrowButtonMobile } from './components/buttons/arrow-button/arrow-button.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
-import '../layout.module-88a3fe92.js';
-import '../index.module-6ee0080c.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-0a3f14da.js';
+import '../index.module-2e8e37ae.js';
 import '../../../button/modern/mobile';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';

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

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

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

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

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

@@ -3,8 +3,8 @@ import { getDataTestId } from '../../../shared/modern';
 function getUniversalModalTestIds(dataTestId) {
     return {
         modal: dataTestId,
-        header: getDataTestId(dataTestId, 'header'),
         title: getDataTestId(dataTestId, 'header-title'),
+        header: getDataTestId(dataTestId, 'header'),
         content: getDataTestId(dataTestId, 'content'),
         footer: getDataTestId(dataTestId, 'footer'),
     };

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

@@ -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" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & 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" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & 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 };

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

@@ -2,16 +2,15 @@ import React, { forwardRef } from 'react';
 import { useIsDesktop } from '../../mq/moderncssm';
 import { ContentResponsive } from './components/content/responsive/Component.responsive.js';
 import 'classnames';
+import '../../shared/moderncssm';
 import '../../base-modal/moderncssm';
 import './components/content/base-content/index.module.css';
 import './components/content/mobile/mobile.module.css';
-import { ControlsResponsive } from './components/controls/responsive/Component.responsive.js';
-import './components/footer/desktop/layout.module.css';
-import './components/controls/base-controls/index.module.css';
 import { FooterResponsive } from './components/footer/responsive/Component.responsive.js';
 import './ResponsiveContext.js';
 import './components/footer/base-footer/index.module.css';
 import './components/footer/desktop/desktop.module.css';
+import './components/footer/desktop/layout.module.css';
 import './components/footer/mobile/layout.mobile.module.css';
 import './components/footer/mobile/mobile.module.css';
 import { HeaderResponsive } from './components/header/responsive/Component.responsive.js';
@@ -36,8 +35,6 @@ import './components/content/desktop/Component.desktop.js';
 import './components/content/base-content/base-content.js';
 import './Context.js';
 import './components/content/mobile/Component.mobile.js';
-import './components/controls/desktop/Component.desktop.js';
-import './components/controls/mobile/Component.mobile.js';
 import './components/footer/desktop/Component.desktop.js';
 import './desktop/const/index.js';
 import './components/footer/base-footer/base-footer.js';
@@ -45,7 +42,6 @@ import './components/footer/mobile/Component.mobile.js';
 import './components/header/desktop/Component.desktop.js';
 import './components/header/mobile/Component.mobile.js';
 import './desktop/components/center-modal/center-modal.js';
-import '../../shared/moderncssm';
 import './desktop/hooks/useModalHeight.js';
 import './desktop/hooks/useModalMargin.js';
 import './desktop/hooks/useModalWheel.js';
@@ -72,7 +68,6 @@ const UniversalModalResponsive = Object.assign(UniversalModal, {
     Header: HeaderResponsive,
     Content: ContentResponsive,
     Footer: FooterResponsive,
-    Controls: ControlsResponsive,
 });
 UniversalModalResponsive.displayName = 'UniversalModalResponsive';

package/universal-modal/moderncssm/components/content/base-content/base-content.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { useContext } from 'react';
 import cn from 'classnames';
+import { getDataTestId } from '../../../../../shared/moderncssm';
 import { ModalContext } from '../../../Context.js';
 import styles from './index.module.css';
 import '../../../../../base-modal/moderncssm';
@@ -9,7 +10,7 @@ const BaseContent = ({ children, className, dataTestId }) => {
     return (React.createElement("div", { className: cn(styles.content, styles.flex, className, {
             [styles.withHeader]: hasHeader,
             [styles.withFooter]: hasFooter,
-        }), ref: contentRef, "data-test-id": dataTestId }, children));
+        }), ref: contentRef, "data-test-id": getDataTestId(dataTestId, 'content') }, children));
 };
 export { BaseContent };

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 import { BaseContent } from '../base-content/base-content.js';
+import '../../../../../shared/moderncssm';
 import '../../../Context.js';
 import '../../../../../base-modal/moderncssm';
 import '../base-content/index.module.css';

package/universal-modal/moderncssm/components/content/index.js CHANGED Viewed

@@ -5,6 +5,7 @@ import 'react';
 import '../../../../mq/moderncssm';
 import 'classnames';
 import './base-content/base-content.js';
+import '../../../../shared/moderncssm';
 import '../../Context.js';
 import '../../../../base-modal/moderncssm';
 import './base-content/index.module.css';

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

@@ -2,6 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { BaseContent } from '../base-content/base-content.js';
 import styles from './mobile.module.css';
+import '../../../../../shared/moderncssm';
 import '../../../Context.js';
 import '../../../../../base-modal/moderncssm';
 import '../base-content/index.module.css';

package/universal-modal/moderncssm/components/content/responsive/Component.responsive.js CHANGED Viewed

@@ -4,6 +4,7 @@ import { ContentDesktop } from '../desktop/Component.desktop.js';
 import { ContentMobile } from '../mobile/Component.mobile.js';
 import 'classnames';
 import '../base-content/base-content.js';
+import '../../../../../shared/moderncssm';
 import '../../../Context.js';
 import '../../../../../base-modal/moderncssm';
 import '../base-content/index.module.css';

package/universal-modal/moderncssm/components/footer/base-footer/base-footer.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
+import { getDataTestId } from '../../../../../shared/moderncssm';
 import { ModalContext } from '../../../Context.js';
 import styles from './index.module.css';
 import '../../../../../base-modal/moderncssm';
@@ -15,7 +16,7 @@ const BaseFooter = ({ children, className, sticky, dataTestId, isHighlighted, })
     return (React.createElement("div", { className: cn(styles.footer, className, {
             [styles.highlighted]: sticky && isHighlighted,
             [styles.sticky]: sticky,
-        }), "data-test-id": dataTestId, "data-name": 'modalFooterDesktop' }, children));
+        }), "data-test-id": getDataTestId(dataTestId, 'footer'), "data-name": 'modalFooterDesktop' }, children));
 };
 export { BaseFooter };

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

@@ -5,6 +5,7 @@ import { ResponsiveContext } from '../../../ResponsiveContext.js';
 import { BaseFooter } from '../base-footer/base-footer.js';
 import styles from './desktop.module.css';
 import layoutStyles from './layout.module.css';
+import '../../../../../shared/moderncssm';
 import '../../../Context.js';
 import '../../../../../base-modal/moderncssm';
 import '../base-footer/index.module.css';

package/universal-modal/moderncssm/components/footer/index.js CHANGED Viewed

@@ -7,6 +7,7 @@ import 'classnames';
 import '../../desktop/const/index.js';
 import '../../ResponsiveContext.js';
 import './base-footer/base-footer.js';
+import '../../../../shared/moderncssm';
 import '../../Context.js';
 import '../../../../base-modal/moderncssm';
 import './base-footer/index.module.css';

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

@@ -5,6 +5,7 @@ import { BaseFooter } from '../base-footer/base-footer.js';
 import layoutStylesMobile from './layout.mobile.module.css';
 import styles from './mobile.module.css';
 import '../../../../../base-modal/moderncssm';
+import '../../../../../shared/moderncssm';
 import '../base-footer/index.module.css';
 const FooterMobile = ({ className, sticky, layout = 'start', ...restProps }) => {

package/universal-modal/moderncssm/components/footer/responsive/Component.responsive.js CHANGED Viewed

@@ -6,6 +6,7 @@ import 'classnames';
 import '../../../desktop/const/index.js';
 import '../../../ResponsiveContext.js';
 import '../base-footer/base-footer.js';
+import '../../../../../shared/moderncssm';
 import '../../../Context.js';
 import '../../../../../base-modal/moderncssm';
 import '../base-footer/index.module.css';

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

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { NavigationBarPrivateProps } from "../../../../../navigation-bar-private";
-type HeaderDesktopProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef' | 'titleSize' | 'subtitle' | 'onClose'> & {
+type HeaderDesktopProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef' | 'titleSize' | 'subtitle'> & {
     /**
      * Заголовок в шапке крупного размера
      * @default false

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

@@ -1,13 +1,14 @@
 import React, { useContext, useRef, useEffect } from 'react';
 import cn from 'classnames';
 import { NavigationBarPrivate } from '../../../../../navigation-bar-private/moderncssm';
+import { getDataTestId } from '../../../../../shared/moderncssm';
 import { ModalContext } from '../../../Context.js';
 import { ResponsiveContext } from '../../../ResponsiveContext.js';
 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, ...restProps }) => {
+const HeaderDesktop = ({ className, children, contentClassName, title, sticky, bigTitle = false, titleClassName, dataTestId, bottomAddonsClassName, ...restProps }) => {
     const { setHasHeader, componentRef } = useContext(ModalContext);
     const { modalHeaderHighlighted } = useContext(ResponsiveContext) || {};
     const titleRef = useRef(null);
@@ -15,14 +16,14 @@ const HeaderDesktop = ({ className, children, contentClassName, title, sticky, b
     useEffect(() => {
         setHasHeader(true);
     }, [setHasHeader]);
-    return (React.createElement(NavigationBarPrivate, { ...restProps, view: 'desktop', dataTestId: dataTestId, dataName: 'modalHeaderDesktop', sticky: sticky, title: title, className: cn(styles.header, className, {
+    return (React.createElement(NavigationBarPrivate, { ...restProps, view: 'desktop', dataTestId: getDataTestId(dataTestId, 'header'), dataName: 'modalHeaderDesktop', sticky: sticky, title: title, className: cn(styles.header, className, {
             [styles.highlighted]: sticky && modalHeaderHighlighted && hasContent,
             [styles.sticky]: sticky,
             [styles.hasContent]: hasContent,
             [desktopStyles.sticky]: sticky,
-        }), contentClassName: cn(desktopStyles.content, contentClassName), bottomAddonsClassName: cn(desktopStyles.bottomAddons, {
+        }), contentClassName: cn(desktopStyles.content, contentClassName), bottomAddonsClassName: cn(desktopStyles.bottomAddons, bottomAddonsClassName, {
             [desktopStyles.medium]: bigTitle,
-        }), scrollableParentRef: componentRef, titleClassName: cn(desktopStyles.headerTitle, {
+        }), scrollableParentRef: componentRef, titleClassName: cn(desktopStyles.headerTitle, titleClassName, {
             [desktopStyles.medium]: bigTitle,
         }), titleRef: titleRef }, children));
 };

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

@@ -5,6 +5,7 @@ import 'react';
 import '../../../../mq/moderncssm';
 import 'classnames';
 import '../../../../navigation-bar-private/moderncssm';
+import '../../../../shared/moderncssm';
 import '../../Context.js';
 import '../../../../base-modal/moderncssm';
 import '../../ResponsiveContext.js';

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
 import { NavigationBarPrivateProps } from "../../../../../navigation-bar-private";
-type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef' | 'onClose'>;
+type HeaderMobileProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;
 declare const HeaderMobile: FC<HeaderMobileProps>;
 export { HeaderMobileProps, HeaderMobile };

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

@@ -1,24 +1,25 @@
 import React, { useContext, useRef, useEffect } from 'react';
 import cn from 'classnames';
 import { NavigationBarPrivate } from '../../../../../navigation-bar-private/moderncssm';
+import { getDataTestId } from '../../../../../shared/moderncssm';
 import { ModalContext } from '../../../Context.js';
 import styles from '../base-header/index.module.css';
 import mobileStyles from './mobile.module.css';
 import '../../../../../base-modal/moderncssm';
-const HeaderMobile = ({ className, children, contentClassName, title, sticky, titleClassName, dataTestId, ...restProps }) => {
+const HeaderMobile = ({ className, children, contentClassName, title, sticky, dataTestId, bottomAddonsClassName, ...restProps }) => {
     const { setHasHeader, headerHighlighted, componentRef } = useContext(ModalContext);
     const titleRef = useRef(null);
     const hasContent = Boolean(title || children || restProps.bottomAddons);
     useEffect(() => {
         setHasHeader(true);
     }, [setHasHeader]);
-    return (React.createElement(NavigationBarPrivate, { ...restProps, view: 'mobile', dataTestId: dataTestId, sticky: sticky, title: title, className: cn(styles.header, mobileStyles.header, className, {
+    return (React.createElement(NavigationBarPrivate, { ...restProps, view: 'mobile', dataTestId: getDataTestId(dataTestId, 'header'), sticky: sticky, title: title, className: cn(styles.header, mobileStyles.header, className, {
             [styles.highlighted]: sticky && headerHighlighted && hasContent,
             [styles.sticky]: sticky,
             [styles.hasContent]: hasContent,
             [mobileStyles.sticky]: sticky,
-        }), contentClassName: cn(mobileStyles.content, contentClassName), bottomAddonsClassName: mobileStyles.bottomAddons, scrollableParentRef: componentRef, titleRef: titleRef, addonClassName: mobileStyles.addon }, children));
+        }), contentClassName: cn(mobileStyles.content, contentClassName), bottomAddonsClassName: cn(mobileStyles.bottomAddons, bottomAddonsClassName), scrollableParentRef: componentRef, titleRef: titleRef, addonClassName: mobileStyles.addon }, children));
 };
 export { HeaderMobile };

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

@@ -4,6 +4,7 @@ import { HeaderDesktop } from '../desktop/Component.desktop.js';
 import { HeaderMobile } from '../mobile/Component.mobile.js';
 import 'classnames';
 import '../../../../../navigation-bar-private/moderncssm';
+import '../../../../../shared/moderncssm';
 import '../../../Context.js';
 import '../../../../../base-modal/moderncssm';
 import '../../../ResponsiveContext.js';

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

@@ -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" | "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>> & {
+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/moderncssm/desktop/Component.desktop.js CHANGED Viewed

@@ -2,12 +2,10 @@ import React, { forwardRef, useState, useMemo } from 'react';
 import '../../../mq/moderncssm';
 import { ContentDesktop } from '../components/content/desktop/Component.desktop.js';
 import 'classnames';
+import '../../../shared/moderncssm';
 import '../../../base-modal/moderncssm';
 import '../components/content/base-content/index.module.css';
 import '../components/content/mobile/mobile.module.css';
-import { ControlsDesktop } from '../components/controls/desktop/Component.desktop.js';
-import '../components/footer/desktop/layout.module.css';
-import '../components/controls/base-controls/index.module.css';
 import { FooterDesktop } from '../components/footer/desktop/Component.desktop.js';
 import '../components/footer/base-footer/index.module.css';
 import '../components/footer/mobile/layout.mobile.module.css';
@@ -24,8 +22,8 @@ import '../Context.js';
 import './const/index.js';
 import '../components/footer/base-footer/base-footer.js';
 import '../components/footer/desktop/desktop.module.css';
+import '../components/footer/desktop/layout.module.css';
 import '../components/header/desktop/desktop.module.css';
-import '../../../shared/moderncssm';
 import './hooks/useModalHeight.js';
 import './hooks/useModalMargin.js';
 import './hooks/useModalWheel.js';
@@ -63,7 +61,6 @@ const UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {
     Header: HeaderDesktop,
     Content: ContentDesktop,
     Footer: FooterDesktop,
-    Controls: ControlsDesktop,
 });
 export { UniversalModalDesktop, UniversalModalDesktopComponent };

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, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & 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/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, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & 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/moderncssm/desktop/index.d.ts CHANGED Viewed

@@ -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/moderncssm/desktop/index.js CHANGED Viewed

@@ -4,6 +4,7 @@ import '../../../mq/moderncssm';
 export { HeaderDesktop } from '../components/header/desktop/Component.desktop.js';
 import 'classnames';
 import '../../../navigation-bar-private/moderncssm';
+import '../../../shared/moderncssm';
 import '../../../base-modal/moderncssm';
 import '../components/header/base-header/index.module.css';
 import '../components/header/mobile/mobile.module.css';
@@ -14,14 +15,10 @@ import '../components/footer/mobile/mobile.module.css';
 export { ContentDesktop } from '../components/content/desktop/Component.desktop.js';
 import '../components/content/base-content/index.module.css';
 import '../components/content/mobile/mobile.module.css';
-export { ControlsDesktop } from '../components/controls/desktop/Component.desktop.js';
-import '../components/footer/desktop/layout.module.css';
-import '../components/controls/base-controls/index.module.css';
 export { CrossButtonDesktop } from './components/buttons/cross-button/cross-button.js';
 export { ArrowButtonDesktop } from './components/buttons/arrow-button/arrow-button.js';
 import '../ResponsiveContext.js';
 import './components/center-modal/center-modal.js';
-import '../../../shared/moderncssm';
 import './hooks/useModalHeight.js';
 import './hooks/useModalMargin.js';
 import './hooks/useModalWheel.js';
@@ -40,6 +37,7 @@ import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
 import '../components/footer/desktop/desktop.module.css';
+import '../components/footer/desktop/layout.module.css';
 import '../components/header/desktop/desktop.module.css';
 import '../../../button/moderncssm/desktop';
 import '@alfalab/icons-glyph/CrossMediumMIcon';

package/universal-modal/moderncssm/index.d.ts CHANGED Viewed

@@ -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/moderncssm/index.js CHANGED Viewed

@@ -2,12 +2,10 @@ export { UniversalModal, UniversalModalResponsive } from './Component.responsive
 export { ContentResponsive } from './components/content/responsive/Component.responsive.js';
 import 'react';
 import 'classnames';
+import '../../shared/moderncssm';
 import '../../base-modal/moderncssm';
 import './components/content/base-content/index.module.css';
 import './components/content/mobile/mobile.module.css';
-export { ControlsResponsive } from './components/controls/responsive/Component.responsive.js';
-import './components/footer/desktop/layout.module.css';
-import './components/controls/base-controls/index.module.css';
 export { HeaderResponsive } from './components/header/responsive/Component.responsive.js';
 import '../../navigation-bar-private/moderncssm';
 import './ResponsiveContext.js';
@@ -17,6 +15,7 @@ import './components/header/mobile/mobile.module.css';
 export { FooterResponsive } from './components/footer/responsive/Component.responsive.js';
 import './components/footer/base-footer/index.module.css';
 import './components/footer/desktop/desktop.module.css';
+import './components/footer/desktop/layout.module.css';
 import './components/footer/mobile/layout.mobile.module.css';
 import './components/footer/mobile/mobile.module.css';
 import '../../mq/moderncssm';
@@ -24,13 +23,11 @@ import './desktop/Component.desktop.js';
 import './components/content/desktop/Component.desktop.js';
 import './components/content/base-content/base-content.js';
 import './Context.js';
-import './components/controls/desktop/Component.desktop.js';
 import './components/footer/desktop/Component.desktop.js';
 import './desktop/const/index.js';
 import './components/footer/base-footer/base-footer.js';
 import './components/header/desktop/Component.desktop.js';
 import './desktop/components/center-modal/center-modal.js';
-import '../../shared/moderncssm';
 import './desktop/hooks/useModalHeight.js';
 import './desktop/hooks/useModalMargin.js';
 import './desktop/hooks/useModalWheel.js';
@@ -52,7 +49,6 @@ import '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
 import './desktop/components/buttons/arrow-button/arrow-button.module.css';
 import './mobile/Component.mobile.js';
 import './components/content/mobile/Component.mobile.js';
-import './components/controls/mobile/Component.mobile.js';
 import './components/footer/mobile/Component.mobile.js';
 import './components/header/mobile/Component.mobile.js';
 import './mobile/mobile.module.css';

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

@@ -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" | "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>> & {
+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/moderncssm/mobile/Component.mobile.js CHANGED Viewed

@@ -2,14 +2,13 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '../../../base-modal/moderncssm';
 import '../../../mq/moderncssm';
+import '../../../shared/moderncssm';
 import '../components/content/base-content/index.module.css';
 import { ContentMobile } from '../components/content/mobile/Component.mobile.js';
-import '../components/footer/desktop/layout.module.css';
-import '../components/controls/base-controls/index.module.css';
-import { ControlsMobile } from '../components/controls/mobile/Component.mobile.js';
 import '../ResponsiveContext.js';
 import '../components/footer/base-footer/index.module.css';
 import '../components/footer/desktop/desktop.module.css';
+import '../components/footer/desktop/layout.module.css';
 import { FooterMobile } from '../components/footer/mobile/Component.mobile.js';
 import '../../../navigation-bar-private/moderncssm';
 import '../components/header/base-header/index.module.css';
@@ -26,15 +25,18 @@ import '../components/footer/mobile/layout.mobile.module.css';
 import '../components/footer/mobile/mobile.module.css';
 import '../components/header/mobile/mobile.module.css';
-const UniversalModalMobileComponent = forwardRef(({ children, className, dataTestId, onClose, appearance = 'bottom', ...restProps }, ref) => (React.createElement(BaseModal, { ...restProps, dataTestId: dataTestId, ref: ref, transitionProps: {
-        timeout: appearance === 'right' ? 360 : 200,
-        classNames: appearance === 'right' ? rightSideTransitions : transitions,
-    }, className: cn(className, styles.component), scrollHandler: 'content', contentClassName: styles.content }, children)));
+const UniversalModalMobileComponent = forwardRef((props, ref) => {
+    const { children, className, dataTestId, appearance = 'bottom', ...restProps } = props;
+    return (React.createElement(BaseModal, { ...restProps, dataTestId: dataTestId, ref: ref, transitionProps: {
+            timeout: appearance === 'right' ? 360 : 200,
+            classNames: appearance === 'right' ? rightSideTransitions : transitions,
+            ...restProps.transitionProps,
+        }, className: cn(className, styles.component), scrollHandler: 'content', contentClassName: styles.content }, children));
+});
 const UniversalModalMobile = Object.assign(UniversalModalMobileComponent, {
     Header: HeaderMobile,
     Content: ContentMobile,
     Footer: FooterMobile,
-    Controls: ControlsMobile,
 });
 export { UniversalModalMobile, UniversalModalMobileComponent };

package/universal-modal/moderncssm/mobile/index.d.ts CHANGED Viewed

@@ -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/moderncssm/mobile/index.js CHANGED Viewed

@@ -3,6 +3,7 @@ import 'react';
 import '../../../mq/moderncssm';
 import 'classnames';
 import '../../../navigation-bar-private/moderncssm';
+import '../../../shared/moderncssm';
 import '../../../base-modal/moderncssm';
 import '../ResponsiveContext.js';
 import '../components/header/base-header/index.module.css';
@@ -14,8 +15,6 @@ import '../components/footer/desktop/layout.module.css';
 export { FooterMobile } from '../components/footer/mobile/Component.mobile.js';
 import '../components/content/base-content/index.module.css';
 export { ContentMobile } from '../components/content/mobile/Component.mobile.js';
-import '../components/controls/base-controls/index.module.css';
-export { ControlsMobile } from '../components/controls/mobile/Component.mobile.js';
 export { CrossButtonMobile } from './components/buttons/cross-button/cross-button.js';
 export { ArrowButtonMobile } from './components/buttons/arrow-button/arrow-button.js';
 import './mobile.module.css';

package/universal-modal/moderncssm/utils/getMarginValues.d.ts CHANGED Viewed

@@ -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;