@alfalab/core-components 47.20.0-beta.4 → 47.20.0-beta.5

package/universal-modal/moderncssm/desktop/Component.desktop.js

@@ -1,71 +0,0 @@
-import React, { forwardRef, useState } from 'react';
-import { ContentDesktop } from '../components/content/Component.desktop.js';
-import { Controls } from '../components/controls/Component.js';
-import { FooterDesktop } from '../components/footer/Component.desktop.js';
-import { Header } from '../components/header/Component.js';
-import { ResponsiveContext } from '../ResponsiveContext.js';
-import { ModalByCenter } from './components/modal-by-center/modal-by-center.js';
-import { ModalBySide } from './components/modal-by-side/modal-by-side.js';
-import 'classnames';
-import '../components/content/Component.js';
-import '../../../shared/moderncssm';
-import '../Context.js';
-import '../../../base-modal/moderncssm';
-import '../components/content/index.module.css';
-import '../components/content/mobile.module.css';
-import '../components/footer/layout.module.css';
-import '../components/controls/index.module.css';
-import '../components/footer/Component.js';
-import './constants/headerPresetTypes.js';
-import '../components/footer/index.module.css';
-import '../components/footer/layout.mobile.module.css';
-import '../components/footer/desktop.module.css';
-import '../../../navigation-bar-private/moderncssm';
-import '../components/header/desktop.module.css';
-import '../components/header/index.module.css';
-import '../components/header/mobile.module.css';
-import './hooks/useModalHeight.js';
-import './hooks/useModalMargin.js';
-import './hooks/useModalWheel.js';
-import './hooks/useModalWidth.js';
-import './components/base-universal-modal-content/base-universal-modal-content.js';
-import '../../../scrollbar/moderncssm';
-import './constants/types.js';
-import './components/base-universal-modal-content/base-universal-modal-content.module.css';
-import './components/modal-by-center/modal-by-center.module.css';
-import './components/modal-by-center/transitions-center.module.css';
-import 'react-merge-refs';
-import '../../../drawer/moderncssm';
-import './components/modal-by-side/modal-by-side.module.css';
-import './components/modal-by-side/transitions.desktop.module.css';
-
-const UniversalModalDesktopComponent = forwardRef(({ children, dataTestId, horizontalAlign = 'center', ...restProps }, ref) => {
-    const [modalWidth, setModalWidth] = useState(0);
-    const [modalHeaderHighlighted, setModalHeaderHighlighted] = useState(false);
-    const [modalFooterHighlighted, setModalFooterHighlighted] = useState(false);
-    const contextValue = React.useMemo(() => ({
-        view: 'desktop',
-        dataTestId,
-        modalWidth,
-        modalHeaderHighlighted,
-        modalFooterHighlighted,
-        setModalWidth,
-        setModalHeaderHighlighted,
-        setModalFooterHighlighted,
-    }), [dataTestId, modalWidth, modalHeaderHighlighted, modalFooterHighlighted]);
-    const renderContent = () => {
-        if (horizontalAlign === 'center') {
-            return (React.createElement(ModalByCenter, { horizontalAlign: horizontalAlign, dataTestId: dataTestId, ...restProps, ref: ref }, children));
-        }
-        return (React.createElement(ModalBySide, { horizontalAlign: horizontalAlign, dataTestId: dataTestId, ...restProps, ref: ref }, children));
-    };
-    return (React.createElement(ResponsiveContext.Provider, { value: contextValue }, renderContent()));
-});
-const UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {
-    Content: ContentDesktop,
-    Header: Header,
-    Footer: FooterDesktop,
-    Controls: Controls,
-});
-
-export { UniversalModalDesktop };

package/universal-modal/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-import { BaseModalProps } from "../../../../../base-modal";
-type BaseUniversalModalContentProps = {
-    wheelDeltaY: number;
-} & Pick<BaseModalProps, 'children'>;
-/**
- * Для Universal Modal используется 2 сущности Drawer и Base Modal.
- * Этот компонент содержит общий код передаваемый в эти сущности.
- */
-declare const BaseUniversalModalContent: FC<BaseUniversalModalContentProps>;
-export { BaseUniversalModalContent };

package/universal-modal/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.js

@@ -1,115 +0,0 @@
-import React, { useContext, useRef, useEffect } from 'react';
-import { Scrollbar } from '../../../../../scrollbar/moderncssm';
-import { ResponsiveContext } from '../../../ResponsiveContext.js';
-import { SCROLLBAR_DEFAULT_GAP } from '../../constants/types.js';
-import styles from './base-universal-modal-content.module.css';
-
-/**
- * Для Universal Modal используется 2 сущности Drawer и Base Modal.
- * Этот компонент содержит общий код передаваемый в эти сущности.
- */
-const BaseUniversalModalContent = (props) => {
-    const { children, wheelDeltaY } = props;
-    const { setModalHeaderHighlighted, setModalFooterHighlighted } = useContext(ResponsiveContext) || {};
-    const scrollableNodeRef = useRef(null);
-    const scrollbarContentNodeRef = useRef(null);
-    const scrollbarRef = useRef(null);
-    const headerElementRef = useRef(null);
-    const footerElementRef = useRef(null);
-    // расчет overlap состояния
-    const handleScroll = (e) => {
-        const target = e.target;
-        const { scrollTop, scrollHeight, clientHeight } = target;
-        const isElementFullScrolled = scrollHeight - scrollTop === clientHeight;
-        if (setModalHeaderHighlighted) {
-            setModalHeaderHighlighted(scrollTop > 0);
-        }
-        if (setModalFooterHighlighted) {
-            setModalFooterHighlighted(!isElementFullScrolled);
-        }
-    };
-    useEffect(() => {
-        if (scrollableNodeRef.current) {
-            scrollableNodeRef.current.scrollBy({
-                top: wheelDeltaY,
-            });
-        }
-    }, [wheelDeltaY]);
-    // получаем ссылки на элементы хэдера и футера при первом рендере
-    useEffect(() => {
-        if (scrollbarContentNodeRef.current) {
-            headerElementRef.current =
-                scrollbarContentNodeRef.current.querySelector('div[data-name="modalHeaderDesktop"]');
-            footerElementRef.current =
-                scrollbarContentNodeRef.current.querySelector('div[data-name="modalFooterDesktop"]');
-        }
-    }, []);
-    // очищаем overlap значения в контексте
-    useEffect(() => () => {
-        if (setModalHeaderHighlighted) {
-            setModalHeaderHighlighted(false);
-        }
-        if (setModalFooterHighlighted) {
-            setModalFooterHighlighted(false);
-        }
-    }, [setModalHeaderHighlighted, setModalFooterHighlighted]);
-    // расчет размера полосы прокрутки
-    useEffect(() => {
-        if (scrollbarRef.current) {
-            const verticalBar = scrollbarRef.current.querySelector(`.${styles.verticalBarContainer}`);
-            if (verticalBar) {
-                const headerHeight = headerElementRef?.current?.offsetHeight || 0;
-                const footerHeight = footerElementRef?.current?.offsetHeight || 0;
-                let topGap;
-                let topOffset;
-                let bottomGap;
-                if (headerHeight) {
-                    // если есть header уменьшаем размер скролла на величину хедера и добавляем отступ сверху
-                    topGap = headerHeight;
-                    topOffset = headerHeight;
-                    // console.warn(headerHeight);
-                }
-                else {
-                    // иначе уменьшаем размер скролла и увеличиваем отступ на величину скругления
-                    topGap = SCROLLBAR_DEFAULT_GAP;
-                    topOffset = SCROLLBAR_DEFAULT_GAP;
-                }
-                if (footerHeight) {
-                    // если есть footer уменьшаем размер скролла на величину футера
-                    bottomGap = footerHeight;
-                }
-                else {
-                    // иначе уменьшаем размер на величину скругления
-                    bottomGap = SCROLLBAR_DEFAULT_GAP;
-                }
-                verticalBar.style.height = `calc(100% - ${topGap}px - ${bottomGap}px)`;
-                verticalBar.style.top = `${topOffset}px`;
-            }
-        }
-    });
-    // расчет overlap футера при resize событии
-    useEffect(() => {
-        const resizeObserver = new ResizeObserver(() => {
-            const contentHeight = scrollbarContentNodeRef.current?.clientHeight || 0;
-            const wrapperHeight = scrollableNodeRef.current?.clientHeight || 0;
-            if (setModalFooterHighlighted) {
-                setModalFooterHighlighted(contentHeight > wrapperHeight);
-            }
-        });
-        if (scrollbarContentNodeRef.current) {
-            resizeObserver.observe(scrollbarContentNodeRef.current);
-        }
-        return () => {
-            resizeObserver.disconnect();
-        };
-    }, [setModalFooterHighlighted]);
-    return (React.createElement(Scrollbar, { className: styles.scrollbarWrapper, verticalBarClassName: styles.verticalBarContainer, ref: scrollbarRef, scrollableNodeProps: {
-            ref: scrollableNodeRef,
-            className: styles.scrollContentWrapper,
-        }, contentNodeProps: {
-            ref: scrollbarContentNodeRef,
-            className: styles.scrollbarContainer,
-        }, onContentScroll: handleScroll }, children));
-};
-
-export { BaseUniversalModalContent };

package/universal-modal/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.module.css

@@ -1,20 +0,0 @@
-/* */
-
-.scrollbarWrapper.scrollbarWrapper {
-    height: 100%
-}
-
-.scrollbarWrapper.scrollbarWrapper .verticalBarContainer {
-        box-sizing: border-box;
-    }
-
-.scrollbarWrapper.scrollbarWrapper .scrollContentWrapper {
-        display: flex;
-        flex-direction: column
-    }
-
-.scrollbarWrapper.scrollbarWrapper .scrollContentWrapper .scrollbarContainer {
-            display: flex;
-            flex-direction: column;
-            flex: 1;
-        }

package/universal-modal/moderncssm/desktop/components/buttons/arrow-button/arrow-button.d.ts

@@ -1,6 +0,0 @@
-import { FC, MouseEvent } from 'react';
-type ArrowButtonDesktopProps = {
-    onClick?: (e: MouseEvent) => void;
-};
-declare const ArrowButtonDesktop: FC<ArrowButtonDesktopProps>;
-export { ArrowButtonDesktop };

package/universal-modal/moderncssm/desktop/components/buttons/arrow-button/arrow-button.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { Button } from '../../../../../../button/moderncssm';
-import { Typography } from '../../../../../../typography/moderncssm';
-import { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
-import styles from './arrow-button.module.css';
-
-const ArrowButtonDesktop = (props) => {
-    const { onClick } = props;
-    return (React.createElement(Button, { shape: 'rounded', size: 48, leftAddons: React.createElement(ArrowLeftMediumMIcon, null), className: styles.button, onClick: onClick },
-        React.createElement(Typography.Text, { view: 'primary-large', weight: 'medium' }, "\u041D\u0430\u0437\u0430\u0434")));
-};
-
-export { ArrowButtonDesktop };

package/universal-modal/moderncssm/desktop/components/buttons/arrow-button/arrow-button.module.css

@@ -1,8 +0,0 @@
-/* */
-
-.button.button {
-    padding: 0 var(--gap-12);
-    background-color: var(--color-light-bg-primary-alpha-40);
-    -webkit-backdrop-filter: blur(10px);
-            backdrop-filter: blur(10px);
-}

package/universal-modal/moderncssm/desktop/components/buttons/arrow-button/index.d.ts

@@ -1 +0,0 @@
-export { ArrowButtonDesktop } from "./arrow-button";

package/universal-modal/moderncssm/desktop/components/buttons/arrow-button/index.js

@@ -1,6 +0,0 @@
-export { ArrowButtonDesktop } from './arrow-button.js';
-import 'react';
-import '../../../../../../button/moderncssm';
-import '../../../../../../typography/moderncssm';
-import '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
-import './arrow-button.module.css';

package/universal-modal/moderncssm/desktop/components/buttons/cross-button/cross-button.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-type CrossButtonProps = {
-    onClick?: () => void;
-};
-declare const CrossButtonDesktop: FC<CrossButtonProps>;
-export { CrossButtonDesktop };

package/universal-modal/moderncssm/desktop/components/buttons/cross-button/cross-button.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Button } from '../../../../../../button/moderncssm';
-import { CrossMediumMIcon } from '@alfalab/icons-glyph/CrossMediumMIcon';
-import styles from './cross-button.module.css';
-
-const CrossButtonDesktop = (props) => {
-    const { onClick } = props;
-    return (React.createElement(Button, { leftAddons: React.createElement(CrossMediumMIcon, null), size: 48, shape: 'rounded', className: styles.button, onClick: onClick }));
-};
-
-export { CrossButtonDesktop };

package/universal-modal/moderncssm/desktop/components/buttons/cross-button/cross-button.module.css

@@ -1,7 +0,0 @@
-/* */
-
-.button.button {
-    background-color: var(--color-light-bg-primary-alpha-40);
-    -webkit-backdrop-filter: blur(10px);
-            backdrop-filter: blur(10px);
-}

package/universal-modal/moderncssm/desktop/components/buttons/cross-button/index.d.ts

@@ -1 +0,0 @@
-export { CrossButtonDesktop } from "./cross-button";

package/universal-modal/moderncssm/desktop/components/buttons/cross-button/index.js

@@ -1,5 +0,0 @@
-export { CrossButtonDesktop } from './cross-button.js';
-import 'react';
-import '../../../../../../button/moderncssm';
-import '@alfalab/icons-glyph/CrossMediumMIcon';
-import './cross-button.module.css';

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

@@ -1 +0,0 @@
-export { ModalByCenter } from "./modal-by-center";

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

@@ -1,16 +0,0 @@
-export { ModalByCenter } from './modal-by-center.js';
-import 'react';
-import 'classnames';
-import '../../../../../base-modal/moderncssm';
-import '../../hooks/useModalHeight.js';
-import '../../../../../shared/moderncssm';
-import '../../hooks/useModalMargin.js';
-import '../../hooks/useModalWheel.js';
-import '../../hooks/useModalWidth.js';
-import '../../../ResponsiveContext.js';
-import '../base-universal-modal-content/base-universal-modal-content.js';
-import '../../../../../scrollbar/moderncssm';
-import '../../constants/types.js';
-import '../base-universal-modal-content/base-universal-modal-content.module.css';
-import './modal-by-center.module.css';
-import './transitions-center.module.css';

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

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

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

@@ -1,42 +0,0 @@
-import React, { forwardRef, useRef } from 'react';
-import cn from 'classnames';
-import { BaseModal } from '../../../../../base-modal/moderncssm';
-import { useModalHeight } from '../../hooks/useModalHeight.js';
-import { useModalMargin } from '../../hooks/useModalMargin.js';
-import { useModalWheel } from '../../hooks/useModalWheel.js';
-import { useModalWidth } from '../../hooks/useModalWidth.js';
-import { BaseUniversalModalContent } from '../base-universal-modal-content/base-universal-modal-content.js';
-import styles from './modal-by-center.module.css';
-import transitionsCenter from './transitions-center.module.css';
-import '../../../../../shared/moderncssm';
-import '../../../ResponsiveContext.js';
-import '../../../../../scrollbar/moderncssm';
-import '../../constants/types.js';
-import '../base-universal-modal-content/base-universal-modal-content.module.css';
-
-const ModalByCenter = forwardRef((props, ref) => {
-    const { transitionProps, dataTestId, className, open, children, width = 500, height = 'fullHeight', verticalAlign = 'center', overlay = true, margin = ['auto'], onClose, ...restProps } = props;
-    const componentRef = useRef(null);
-    useModalMargin({
-        margin,
-        open,
-        componentRef,
-        verticalAlign,
-        horizontalAlign: restProps.horizontalAlign,
-    });
-    useModalWidth(width, open, componentRef);
-    useModalHeight(height, open, componentRef);
-    const { wheelDeltaY, handleWheel } = useModalWheel(overlay);
-    return (React.createElement(BaseModal, { ...restProps, dataTestId: dataTestId, ref: ref, componentRef: componentRef, transitionProps: {
-            classNames: transitionsCenter,
-            ...transitionProps,
-        }, className: cn(className, styles.component, {
-            [styles.overlayHidden]: !overlay,
-        }), scrollHandler: 'content', open: open, backdropProps: {
-            transparent: !overlay,
-        }, disableBlockingScroll: !overlay, onWheel: handleWheel, onClose: onClose },
-        React.createElement("div", { className: styles.container },
-            React.createElement(BaseUniversalModalContent, { wheelDeltaY: wheelDeltaY }, children))));
-});
-
-export { ModalByCenter };

package/universal-modal/moderncssm/desktop/components/modal-by-center/modal-by-center.module.css

@@ -1,31 +0,0 @@
-/* */
-
-:root {
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-}
-
-.component {
-    min-width: 500px;
-    width: 500px;
-    min-height: 264px;
-    height: 100%;
-    border-radius: var(--border-radius-24);
-    overflow-x: hidden
-}
-
-.component.overlayHidden {
-        box-shadow: var(--shadow-m);
-    }
-
-.component .container {
-        height: 100%;
-    }

package/universal-modal/moderncssm/desktop/components/modal-by-center/transitions-center.module.css

@@ -1,23 +0,0 @@
-.appear,
-.enter {
-    opacity: 0;
-    transform: scale(0.9);
-}
-
-.appearActive,
-.enterActive {
-    opacity: 1;
-    transform: translateX(0);
-    transition: opacity 200ms ease-in, transform 200ms ease-in;
-}
-
-.exit {
-    opacity: 1;
-}
-
-.exitActive,
-.exitDone {
-    opacity: 0;
-    transform: scale(0.9);
-    transition: opacity 200ms ease-out, transform 200ms ease-out;
-}

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

@@ -1 +0,0 @@
-export { ModalBySide } from "./modal-by-side";

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

@@ -1,17 +0,0 @@
-export { ModalBySide } from './modal-by-side.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import '../../../../../drawer/moderncssm';
-import '../../../../../shared/moderncssm';
-import '../../hooks/useModalHeight.js';
-import '../../hooks/useModalMargin.js';
-import '../../hooks/useModalWheel.js';
-import '../../hooks/useModalWidth.js';
-import '../../../ResponsiveContext.js';
-import '../base-universal-modal-content/base-universal-modal-content.js';
-import '../../../../../scrollbar/moderncssm';
-import '../../constants/types.js';
-import '../base-universal-modal-content/base-universal-modal-content.module.css';
-import './modal-by-side.module.css';
-import './transitions.desktop.module.css';

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

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

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

@@ -1,74 +0,0 @@
-import React, { forwardRef, useRef, useEffect } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { Drawer } from '../../../../../drawer/moderncssm';
-import { isClient } from '../../../../../shared/moderncssm';
-import { useModalHeight } from '../../hooks/useModalHeight.js';
-import { useModalMargin } from '../../hooks/useModalMargin.js';
-import { useModalWheel } from '../../hooks/useModalWheel.js';
-import { useModalWidth } from '../../hooks/useModalWidth.js';
-import { BaseUniversalModalContent } from '../base-universal-modal-content/base-universal-modal-content.js';
-import styles from './modal-by-side.module.css';
-import transitions from './transitions.desktop.module.css';
-import '../../../ResponsiveContext.js';
-import '../../../../../scrollbar/moderncssm';
-import '../../constants/types.js';
-import '../base-universal-modal-content/base-universal-modal-content.module.css';
-
-const ModalBySide = forwardRef((props, ref) => {
-    const { horizontalAlign = 'center', verticalAlign = 'center', dataTestId, wrapperClassName, className, width = 500, height = 'fullHeight', contentTransitionProps, children, margin = [0], overlay = true, onClose, ...restProps } = props;
-    const modalRef = useRef(null);
-    const componentRef = useRef(null);
-    useModalMargin({ margin, open: restProps.open, componentRef, horizontalAlign, verticalAlign });
-    useModalWidth(width, restProps.open, componentRef);
-    useModalHeight(height, restProps.open, componentRef);
-    const { wheelDeltaY, handleWheel } = useModalWheel(overlay);
-    const appearCn = cn({
-        [transitions.appearLeft]: horizontalAlign === 'start',
-        [transitions.appearRight]: horizontalAlign === 'end',
-    });
-    const enterCn = cn({
-        [transitions.enterLeft]: horizontalAlign === 'start',
-        [transitions.enterRight]: horizontalAlign === 'end',
-    });
-    const exitCn = cn({
-        [transitions.exitActiveLeft]: horizontalAlign === 'start',
-        [transitions.exitActiveRight]: horizontalAlign === 'end',
-    });
-    // устанавливает боковое модальное окно вертикально по центру
-    useEffect(() => {
-        if (verticalAlign === 'center' && height !== 'fullHeight' && componentRef.current) {
-            const { offsetHeight } = componentRef.current;
-            let computedMarginTop = '0';
-            if (isClient()) {
-                computedMarginTop = window.getComputedStyle(componentRef.current).marginTop;
-            }
-            componentRef.current.style.top = `calc(50% - ${offsetHeight / 2}px - ${computedMarginTop})`;
-        }
-    }, [restProps.open, verticalAlign, componentRef, height]);
-    if (horizontalAlign === 'start' || horizontalAlign === 'end') {
-        const placement = horizontalAlign === 'start' ? 'left' : 'right';
-        return (React.createElement(Drawer, { ...restProps, dataTestId: dataTestId, ref: mergeRefs([ref, modalRef]), componentRef: componentRef, placement: placement, wrapperClassName: wrapperClassName, className: cn(className, styles.component, styles[verticalAlign], {
-                [styles.horizontalLeft]: horizontalAlign === 'start',
-                [styles.horizontalRight]: horizontalAlign === 'end',
-                [styles.verticalBottom]: verticalAlign === 'bottom',
-                [styles.overlayHidden]: !overlay,
-            }), backdropProps: {
-                transparent: !overlay,
-            }, contentTransitionProps: {
-                classNames: {
-                    appear: appearCn,
-                    enter: enterCn,
-                    appearActive: transitions.enterActive,
-                    enterActive: transitions.enterActive,
-                    exit: transitions.exit,
-                    exitActive: exitCn,
-                },
-                ...contentTransitionProps,
-            }, disableBlockingScroll: !overlay, contentClassName: styles.drawerContent, onWheel: handleWheel, transitionProps: { timeout: 200 }, onClose: onClose },
-            React.createElement(BaseUniversalModalContent, { wheelDeltaY: wheelDeltaY }, children)));
-    }
-    return null;
-});
-
-export { ModalBySide };

package/universal-modal/moderncssm/desktop/components/modal-by-side/modal-by-side.module.css

@@ -1,46 +0,0 @@
-/* */
-
-:root {
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-}
-
-.component {
-    top: 0;
-    min-width: 500px;
-    width: 500px;
-    min-height: 264px;
-    height: 100%;
-    border-radius: var(--border-radius-24);
-    will-change: transform;
-    overflow-x: hidden
-}
-
-.component.horizontalLeft {
-        left: 0;
-    }
-
-.component.horizontalRight {
-        right: 0;
-    }
-
-.component.verticalBottom {
-        top: unset;
-        bottom: 0;
-    }
-
-.component.overlayHidden {
-        box-shadow: var(--shadow-m);
-    }
-
-.component .drawerContent {
-        height: 100%;
-    }

package/universal-modal/moderncssm/desktop/components/modal-by-side/transitions.desktop.module.css

@@ -1,34 +0,0 @@
-.appearRight {
-    opacity: 0;
-}
-
-.enterRight {
-    opacity: 0;
-}
-
-.appearLeft {
-    opacity: 0;
-}
-
-.enterLeft {
-    opacity: 0;
-}
-
-.enterActive {
-    opacity: 1;
-    transition: opacity 200ms ease-in;
-}
-
-.exit {
-    opacity: 1;
-}
-
-.exitActiveRight {
-    opacity: 0;
-    transition: opacity 200ms ease-out;
-}
-
-.exitActiveLeft {
-    opacity: 0;
-    transition: opacity 200ms ease-out;
-}

package/universal-modal/moderncssm/desktop/constants/footerPresetTypes.d.ts

@@ -1,4 +0,0 @@
-declare const FooterPresetTypes: {
-    readonly FOOTER_WITH_CONTENT: "footer_with_content";
-};
-export { FooterPresetTypes };

package/universal-modal/moderncssm/desktop/constants/footerPresetTypes.js

@@ -1,5 +0,0 @@
-const FooterPresetTypes = {
-    FOOTER_WITH_CONTENT: 'footer_with_content',
-};
-
-export { FooterPresetTypes };

package/universal-modal/moderncssm/desktop/constants/headerPresetTypes.d.ts

@@ -1,7 +0,0 @@
-declare const HeaderPresetTypes: {
-    readonly HEADER_WITH_NAVIGATION_WITHOUT_TITLE: "header_with_navigation_without_title";
-    readonly HEADER_WITH_NAVIGATION_WITH_TITLE: "header_with_navigation_with_title";
-    readonly HEADER_WITH_TITLE: "get_header_with_title";
-};
-declare const FOOTER_MEDIUM_BREAKPOINT = 800;
-export { HeaderPresetTypes, FOOTER_MEDIUM_BREAKPOINT };

package/universal-modal/moderncssm/desktop/constants/headerPresetTypes.js

@@ -1,8 +0,0 @@
-const HeaderPresetTypes = {
-    HEADER_WITH_NAVIGATION_WITHOUT_TITLE: 'header_with_navigation_without_title',
-    HEADER_WITH_NAVIGATION_WITH_TITLE: 'header_with_navigation_with_title',
-    HEADER_WITH_TITLE: 'get_header_with_title',
-};
-const FOOTER_MEDIUM_BREAKPOINT = 800;
-
-export { FOOTER_MEDIUM_BREAKPOINT, HeaderPresetTypes };

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

@@ -1,2 +0,0 @@
-declare const SCROLLBAR_DEFAULT_GAP = 16;
-export { SCROLLBAR_DEFAULT_GAP };