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

package/universal-modal/modern/index.js

@@ -14,13 +14,13 @@ import './components/content/desktop/Component.desktop.js';
 import './components/content/base-content/base-content.js';
 import './Context.js';
 import './components/controls/desktop/Component.desktop.js';
-import './layout.module-370480ad.js';
-import './index.module-31e2d1bf.js';
+import './layout.module-88a3fe92.js';
+import './index.module-6ee0080c.js';
 import './components/footer/desktop/Component.desktop.js';
 import './desktop/const/index.js';
 import './components/footer/base-footer/base-footer.js';
 import './components/header/desktop/Component.desktop.js';
-import './index.module-f5e80f0c.js';
+import './index.module-0a3f14da.js';
 import './desktop/components/center-modal/center-modal.js';
 import '../../shared/modern';
 import './desktop/hooks/useModalHeight.js';

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

@@ -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, "children" | "className" | "dataTestId" | "open"> & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "open"> & React.RefAttributes<HTMLDivElement>> & {
+declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<import("../components/header/index").HeaderMobileProps>;
     Content: React.FC<import("../components/content/base-content/base-content").ContentProps>;
     Footer: React.FC<import("../components/footer/base-footer/base-footer").FooterProps>;

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

@@ -10,10 +10,10 @@ import '../../../navigation-bar-private/modern';
 import { HeaderMobile } from '../components/header/mobile/Component.mobile.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
-import '../layout.module-370480ad.js';
-import '../index.module-31e2d1bf.js';
+import '../layout.module-88a3fe92.js';
+import '../index.module-6ee0080c.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-f5e80f0c.js';
+import '../index.module-0a3f14da.js';
 
 const styles = {"component":"universal-modal__component_1c8jq","content":"universal-modal__content_1c8jq"};
 require('./mobile.css');

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

@@ -13,10 +13,10 @@ export { CrossButtonMobile } from './components/buttons/cross-button/cross-butto
 export { ArrowButtonMobile } from './components/buttons/arrow-button/arrow-button.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
-import '../layout.module-370480ad.js';
-import '../index.module-31e2d1bf.js';
+import '../layout.module-88a3fe92.js';
+import '../index.module-6ee0080c.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-f5e80f0c.js';
+import '../index.module-0a3f14da.js';
 import '../../../button/modern/mobile';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';

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

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

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

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

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

@@ -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").BaseModalProps, "children" | "className" | "dataTestId" | "open"> & import("./mobile/types/props").BaseUniversalModalMobileProps & {
+declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "open"> & import("./mobile/types/props").BaseUniversalModalMobileProps & {
+declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {

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

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

package/universal-modal/moderncssm/components/controls/responsive/Component.responsive.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
-import { ControlsDesktopProps, ControlsMobileProps } from "../index";
+import { ControlsDesktopProps } from "../desktop/Component.desktop";
+import { ControlsMobileProps } from "../mobile/Component.mobile";
 type ControlsResponsiveProps = ControlsDesktopProps | ControlsMobileProps;
 declare const ControlsResponsive: FC<ControlsResponsiveProps>;
 export { ControlsResponsiveProps, ControlsResponsive };

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

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

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

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

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

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

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

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

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

@@ -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, "children" | "className" | "dataTestId" | "open"> & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "open"> & React.RefAttributes<HTMLDivElement>> & {
+declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<import("../components/header/index").HeaderDesktopProps>;
     Content: React.FC<import("../components/content/index").ContentDesktopProps>;
     Footer: React.FC<import("../components/footer/index").FooterDesktopProps>;

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

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

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

@@ -15,6 +15,7 @@ import '../../../../../scrollbar/moderncssm';
 import '../../const/index.js';
 import '../base-universal-modal-content/base-universal-modal-content.module.css';
 
+// safari некорректно отрабатывает transform:scale(?), поэтому применяем немного другую анимацию
 const transitionProps = os.isMacOS() && browser.isSafari() ? safariTransitions : transitions;
 const CenterModal = forwardRef((props, ref) => {
     const { dataTestId, className, open, children, width = 500, height = 'fullHeight', verticalAlign = 'center', overlay = true, margin = ['auto'], onClose, ...restProps } = props;
@@ -31,6 +32,7 @@ const CenterModal = forwardRef((props, ref) => {
     const { wheelDeltaY, handleWheel } = useModalWheel(overlay);
     return (React.createElement(BaseModal, { ...restProps, dataTestId: dataTestId, ref: ref, componentRef: componentRef, transitionProps: {
             classNames: transitionProps,
+            ...restProps.transitionProps,
         }, className: cn(className, styles.component, {
             [styles.overlayHidden]: !overlay,
         }), scrollHandler: 'content', open: open, backdropProps: {

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

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

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

@@ -74,6 +74,7 @@ const SideModal = forwardRef((props, ref) => {
                     }
                 }
             },
+            ...restProps.transitionProps,
         }, backdropProps: {
             transparent: !overlay,
         }, onWheel: handleWheel, onClose: onClose },

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

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

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

@@ -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, "children" | "className" | "dataTestId" | "open"> & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "open"> & React.RefAttributes<HTMLDivElement>> & {
+declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../../base-modal").BaseModalProps, "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/moderncssm/mobile/types/props.d.ts

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