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

package/bottom-sheet/cssm/index.module.css

@@ -1,182 +0,0 @@
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} /* deprecated */ :root {
-    --color-light-bg-accent: #ef3124;
-    --color-light-bg-attention-muted: #ffefd9;
-    --color-light-bg-info: #d6e8fc;
-    --color-light-bg-negative-muted: #ffebeb;
-    --color-light-bg-positive-muted: #dff8e5;
-    --color-light-bg-primary: #fff;
-    --color-light-bg-primary-inverted: #0e0e0e;
-    --color-light-bg-quaternary: #dcdee2;
-    --color-light-bg-quaternary-inverted: #36363a;
-    --color-light-bg-secondary: #f2f3f5;
-    --color-light-bg-secondary-inverted: #1c1c1e;
-    --color-light-bg-tertiary: #e7e8ea;
-    --color-light-bg-tertiary-inverted: #27272a;
-    --color-light-modal-bg-primary: #fff;
-    --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
-    --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
-    --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1);
-    --color-light-specialbg-primary-grouped: #f2f3f5;
-    --color-light-specialbg-secondary-grouped: #fff;
-    --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06);
-    --color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07);
-    --color-light-specialbg-tertiary-grouped: #f2f3f5;
-    --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08);
-    --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12);
-    --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-    --border-radius-xl: 16px;
-    --border-radius-xxl: 20px;
-} :root {
-    --gap-2xs: 4px;
-    --gap-m: 16px;
-} :root {
-} :root {
-} :root {
-    --bottom-sheet-in-transition: transform 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
-    --bottom-sheet-out-transition: transform 0.3s ease;
-    --bottom-sheet-top-radius: var(--border-radius-xl);
-    --bottom-sheet-shadow: none;
-
-    /* header */
-
-    /* footer */
-} .modal {
-    bottom: 0;
-    width: 100%;
-    max-width: 600px;
-    pointer-events: none;
-    touch-action: none;
-} .modal.modal {
-    background-color: transparent;
-    position: fixed;
-} .wrapper {
-    transform: translateY(100%);
-    pointer-events: none;
-    touch-action: none;
-    border-top-right-radius: var(--bottom-sheet-top-radius);
-    border-top-left-radius: var(--bottom-sheet-top-radius);
-    transition: border-radius 0.3s ease;
-} .fullscreen {
-    border-radius: 0;
-} .component {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    border-radius: inherit;
-    background-color: var(--color-light-modal-bg-primary);
-    pointer-events: all;
-    box-shadow: var(--bottom-sheet-shadow);
-} .withTransition {
-    transition: var(--bottom-sheet-out-transition);
-} .scrollableContainer {
-    overflow: auto;
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    height: 100%;
-    background-color: inherit;
-    border-radius: inherit;
-    overscroll-behavior: contain;
-} .marker {
-    position: fixed;
-    top: var(--gap-2xs);
-    right: 0;
-    left: 0;
-    z-index: 1000;
-    width: 36px;
-    margin: 0 auto;
-} .defaultMarker {
-    height: 4px;
-    border-radius: var(--border-radius-xxl);
-    background-color: var(--color-light-neutral-translucent-300);
-} .content {
-    position: relative;
-    z-index: 0;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    padding: 0 var(--gap-m);
-    color: var(--color-light-text-primary);
-    background-color: inherit;
-    border-radius: inherit;
-} .noHeader {
-    padding-top: var(--gap-m);
-} .noFooter {
-    padding-bottom: var(--gap-m);
-} .scrollLocked {
-    overflow: hidden;
-} .hiddenScrollbar {
-    scrollbar-width: none
-} .hiddenScrollbar::-webkit-scrollbar {
-        width: 0;
-        height: 0;
-    } .disabledPointerEvents {
-    pointer-events: none;
-} .appear .wrapper, .enter .wrapper {
-        transition: none;
-    } .appearActive .wrapper, .enterActive .wrapper {
-        transition: var(--bottom-sheet-in-transition);
-        transform: translateY(0);
-    } .enterDone .wrapper, .appearDone .wrapper {
-        transform: translateY(0);
-    } .exit .wrapper {
-        transform: translateY(0);
-    } .exitActive .wrapper {
-        transition: var(--bottom-sheet-out-transition);
-        transform: translateY(100%);
-    } .background-accent {
-            background-color: var(--color-light-bg-accent);
-        } .background-info {
-            background-color: var(--color-light-bg-info);
-        } .background-attention-muted {
-            background-color: var(--color-light-bg-attention-muted);
-        } .background-positive-muted {
-            background-color: var(--color-light-bg-positive-muted);
-        } .background-negative-muted {
-            background-color: var(--color-light-bg-negative-muted);
-        } .background-primary {
-            background-color: var(--color-light-bg-primary);
-        } .background-primary-inverted {
-            background-color: var(--color-light-bg-primary-inverted);
-        } .background-secondary {
-            background-color: var(--color-light-bg-secondary);
-        } .background-secondary-inverted {
-            background-color: var(--color-light-bg-secondary-inverted);
-        } .background-tertiary {
-            background-color: var(--color-light-bg-tertiary);
-        } .background-tertiary-inverted {
-            background-color: var(--color-light-bg-tertiary-inverted);
-        } .background-quaternary {
-            background-color: var(--color-light-bg-quaternary);
-        } .background-quaternary-inverted {
-            background-color: var(--color-light-bg-quaternary-inverted);
-        } .background-specialbg-component {
-            background-color: var(--color-light-specialbg-component);
-        } .background-specialbg-component-inverted {
-            background-color: var(--color-light-specialbg-component-inverted);
-        } .background-specialbg-primary-grouped {
-            background-color: var(--color-light-specialbg-primary-grouped);
-        } .background-specialbg-secondary-grouped {
-            background-color: var(--color-light-specialbg-secondary-grouped);
-        } .background-specialbg-tertiary-grouped {
-            background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .background-specialbg-secondary-transparent {
-            background-color: var(--color-light-specialbg-secondary-transparent);
-        } .background-specialbg-secondary-transparent-inverted {
-            background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .background-specialbg-tertiary-transparent {
-            background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .background-specialbg-tertiary-transparent-inverted {
-            background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
-        }

package/bottom-sheet/cssm/vars.css

@@ -1,21 +0,0 @@
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-} :root {
-} :root {
-} :root {
-
-    /* header */
-
-    /* footer */
-}

package/bottom-sheet/modern-pcss-raw/component.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BottomSheetProps } from "./types";
-declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
-export { BottomSheet };

package/bottom-sheet/modern-pcss-raw/component.js

@@ -1,375 +0,0 @@
-import React, { forwardRef, useMemo, useState, useRef, useEffect, useImperativeHandle } from 'react';
-import { use100vh } from 'react-div-100vh';
-import mergeRefs from 'react-merge-refs';
-import { useSwipeable } from 'react-swipeable';
-import cn from 'classnames';
-import { BaseModal } from '../../base-modal/modern-pcss-raw';
-import { getDataTestId, fnUtils } from '../../shared/modern-pcss-raw';
-import { Footer } from './components/footer/Component.js';
-import { Header } from './components/header/Component.js';
-import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
-import { convertPercentToNumber, TIMEOUT, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, CLOSE_OFFSET } from './utils.js';
-import '../../navigation-bar/modern-pcss-raw';
-import '../../backdrop/modern-pcss-raw';
-
-const styles = {"modal":"modal","wrapper":"wrapper","fullscreen":"fullscreen","component":"component","withTransition":"withTransition","scrollableContainer":"scrollableContainer","marker":"marker","defaultMarker":"defaultMarker","content":"content","noHeader":"noHeader","noFooter":"noFooter","scrollLocked":"scrollLocked","hiddenScrollbar":"hiddenScrollbar","disabledPointerEvents":"disabledPointerEvents","appear":"appear","enter":"enter","appearActive":"appearActive","enterActive":"enterActive","enterDone":"enterDone","appearDone":"appearDone","exit":"exit","exitActive":"exitActive","background-accent":"background-accent","background-info":"background-info","background-attention-muted":"background-attention-muted","background-positive-muted":"background-positive-muted","background-negative-muted":"background-negative-muted","background-primary":"background-primary","background-primary-inverted":"background-primary-inverted","background-secondary":"background-secondary","background-secondary-inverted":"background-secondary-inverted","background-tertiary":"background-tertiary","background-tertiary-inverted":"background-tertiary-inverted","background-quaternary":"background-quaternary","background-quaternary-inverted":"background-quaternary-inverted","background-specialbg-component":"background-specialbg-component","background-specialbg-component-inverted":"background-specialbg-component-inverted","background-specialbg-primary-grouped":"background-specialbg-primary-grouped","background-specialbg-secondary-grouped":"background-specialbg-secondary-grouped","background-specialbg-tertiary-grouped":"background-specialbg-tertiary-grouped","background-specialbg-secondary-transparent":"background-specialbg-secondary-transparent","background-specialbg-secondary-transparent-inverted":"background-specialbg-secondary-transparent-inverted","background-specialbg-tertiary-transparent":"background-specialbg-tertiary-transparent","background-specialbg-tertiary-transparent-inverted":"background-specialbg-tertiary-transparent-inverted"};
-require('./index.css');
-
-const { isNil } = fnUtils;
-const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundColor, titleSize = 'default', subtitle, actionButton, contentClassName, containerClassName, containerProps, headerClassName, footerClassName, addonClassName, closerClassName, backerClassName, modalClassName, modalWrapperClassName, className, leftAddons, rightAddons, bottomAddons, hasCloser, hasBacker, titleAlign = 'left', trimTitle, stickyHeader, stickyFooter = true, initialHeight = 'default', hideOverlay, hideScrollbar, hideHeader, disableOverlayClick, disableBlockingScroll, disableFocusLock, children, zIndex, transitionProps = {}, magneticAreas: magneticAreasProp, initialActiveAreaIndex, dataTestId, swipeable = true, swipeableContent = true, swipeThreshold = 5, scrollLocked: scrollLockedProp, backdropProps, scrollableContainerRef = () => null, bottomSheetInstanceRef, sheetContainerRef = () => null, headerOffset = 24, onClose, onBack, onMagnetize, onSwipeStart, onSwipeEnd, disableRestoreFocus, disableAutoFocus, disableEscapeKeyDown, keepMounted, onMagnetizeEnd, onOffsetChange, swipeableMarker, swipeableMarkerClassName, backButtonProps, }, ref) => {
-    const fullHeight = use100vh() || 0;
-    // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
-    const isFirstRender = fullHeight === 0;
-    const magneticAreas = useMemo(() => {
-        if (magneticAreasProp) {
-            return magneticAreasProp.map((area) => convertPercentToNumber(area, fullHeight, headerOffset));
-        }
-        return [0, fullHeight - headerOffset];
-    }, [fullHeight, headerOffset, magneticAreasProp]);
-    const lastMagneticArea = magneticAreas[magneticAreas.length - 1];
-    const [sheetOffset, setSheetOffset] = useState(0);
-    const [backdropOpacity, setBackdropOpacity] = useState(1);
-    const [activeAreaIdx, setActiveAreaIdx] = useState(-1);
-    const [swipingInProgress, setSwipingInProgress] = useState(null);
-    const scrollOccurred = useRef(false);
-    const headerRef = useRef(null);
-    const contentRef = useRef(null);
-    const sheetHeight = useRef(0);
-    const sheetRef = useRef(null);
-    const scrollableContainer = useRef(null);
-    const activeArea = magneticAreas[activeAreaIdx];
-    const emptyHeader = !hasCloser && !leftAddons && !title && !hasBacker && !rightAddons;
-    const titleIsReactElement = React.isValidElement(title);
-    const headerProps = {
-        ...(titleIsReactElement
-            ? { children: title }
-            : { title: title ? title?.toString() : undefined }),
-        scrollableParentRef: scrollableContainer,
-        headerRef,
-        headerOffset,
-        className: headerClassName,
-        addonClassName,
-        closerClassName,
-        backButtonClassName: backerClassName,
-        leftAddons,
-        rightAddons,
-        bottomAddons,
-        hasCloser,
-        hasBackButton: hasBacker,
-        align: titleAlign,
-        trim: trimTitle,
-        sticky: stickyHeader,
-        dataTestId: getDataTestId(dataTestId, 'header'),
-        onBack,
-        titleSize,
-        subtitle,
-        onClose,
-        backButtonProps,
-    };
-    const startSwiping = (event) => {
-        setSwipingInProgress((p) => {
-            if (!p)
-                onSwipeStart?.(event);
-            return true;
-        });
-    };
-    const stopSwiping = (event) => {
-        setSwipingInProgress((p) => {
-            if (p)
-                onSwipeEnd?.(event);
-            return false;
-        });
-        scrollOccurred.current = false;
-    };
-    const getBackdropOpacity = (offset) => {
-        const canClose = magneticAreas[0] === 0;
-        const secondArea = magneticAreas[1];
-        const isSecondArea = secondArea === activeArea;
-        if (canClose && isSecondArea && sheetOffset > lastMagneticArea - secondArea) {
-            const opacity = 1 - (offset - (lastMagneticArea - secondArea)) / secondArea;
-            return Math.max(0, Number(opacity.toFixed(2)));
-        }
-        return 1;
-    };
-    const getSheetOffset = (deltaY) => {
-        let offset = lastMagneticArea - activeArea + deltaY;
-        const maxOffset = magneticAreas[0] === 0 ? 0 : lastMagneticArea - magneticAreas[0];
-        if (maxOffset) {
-            offset = Math.min(maxOffset, offset);
-        }
-        return Math.max(0, Math.round(offset));
-    };
-    const getActiveAreaIndex = (area) => magneticAreas.findIndex((a) => a === area);
-    const setSheetHeight = () => {
-        if (sheetRef.current) {
-            sheetHeight.current = sheetRef.current.getBoundingClientRect().height - sheetOffset;
-        }
-    };
-    const handleTransitionEnd = (event) => {
-        setSheetHeight();
-        if (event.propertyName === 'transform' && event.target === event.currentTarget) {
-            onMagnetizeEnd?.(getActiveAreaIndex(activeArea));
-        }
-    };
-    const scrollToArea = (idx) => {
-        stopSwiping(null);
-        const nextArea = magneticAreas[idx];
-        const nextAreaIdx = getActiveAreaIndex(nextArea);
-        if (nextArea === 0) {
-            onClose();
-            return;
-        }
-        if (nextAreaIdx !== -1) {
-            setActiveAreaIdx(nextAreaIdx);
-            setSheetOffset(lastMagneticArea - nextArea);
-            onMagnetize?.(nextAreaIdx);
-        }
-    };
-    const magnetize = (velocity, deltaY) => {
-        const shouldMagnetizeDownByVelocity = deltaY >= 0 && velocity >= SWIPE_VELOCITY;
-        const shouldMagnetizeUpByVelocity = deltaY < 0 && velocity >= SWIPE_VELOCITY;
-        const updatePosition = (nextOffset, nextAreaIdx) => {
-            setSheetOffset(nextOffset);
-            setActiveAreaIdx((prevState) => (nextAreaIdx === -1 ? prevState : nextAreaIdx));
-            if (nextAreaIdx !== -1) {
-                onMagnetize?.(nextAreaIdx);
-                // Если nextOffset == offset, то onTransitionEnd не отработает и onMagnetizeEnd не вызовется
-                if (sheetOffset === nextOffset) {
-                    onMagnetizeEnd?.(nextAreaIdx);
-                    setSheetHeight();
-                }
-            }
-        };
-        if (shouldMagnetizeDownByVelocity) {
-            const nextArea = magneticAreas
-                .slice()
-                .reverse()
-                .find((area) => area < activeArea);
-            if (nextArea === 0) {
-                onClose();
-                return;
-            }
-            const nextOffset = nextArea
-                ? lastMagneticArea - nextArea
-                : lastMagneticArea - activeArea;
-            const nextAreaIdx = getActiveAreaIndex(nextArea);
-            updatePosition(nextOffset, nextAreaIdx);
-            return;
-        }
-        if (shouldMagnetizeUpByVelocity) {
-            const nextArea = magneticAreas.find((area) => area > activeArea);
-            const nextAreaIdx = getActiveAreaIndex(nextArea);
-            const nextOffset = nextArea ? lastMagneticArea - nextArea : 0;
-            updatePosition(nextOffset, nextAreaIdx);
-            return;
-        }
-        const offset = getSheetOffset(deltaY);
-        const currentSheetHeight = lastMagneticArea - offset;
-        const secondArea = magneticAreas[1];
-        const isSecondArea = activeArea === secondArea;
-        const canClose = magneticAreas[0] === 0 && deltaY >= 0;
-        const shouldCloseByOffset = isSecondArea && canClose && 1 - currentSheetHeight / activeArea > CLOSE_OFFSET;
-        if (shouldCloseByOffset) {
-            onClose();
-            return;
-        }
-        const { nearestArea } = magneticAreas.reduceRight((res, area) => {
-            if (Math.abs(area - currentSheetHeight) < res.minOffset) {
-                res.minOffset = area - currentSheetHeight;
-                res.nearestArea = area;
-            }
-            return res;
-        }, {
-            nearestArea: lastMagneticArea,
-            minOffset: lastMagneticArea,
-        });
-        if (nearestArea === 0) {
-            onClose();
-        }
-        else {
-            const nextOffset = lastMagneticArea - nearestArea;
-            const nextAreaIdx = getActiveAreaIndex(nearestArea);
-            setBackdropOpacity(1);
-            updatePosition(nextOffset, nextAreaIdx);
-        }
-    };
-    /**
-     * Если контент внутри шторки скроллится - то шторка не должна свайпаться
-     * Если шапка внутри шторки зафиксирована - то шторка должна свайпаться только в области шапки
-     */
-    const shouldSkipSwiping = (deltaY, startY, event) => {
-        if (scrollLockedProp || swipingInProgress)
-            return false;
-        if (!swipeableContent && contentRef.current?.contains(event.target)) {
-            return true;
-        }
-        const scrollableNode = scrollableContainer.current;
-        // Точка верхней границы (y координата)
-        const bottomSheetTopY = fullHeight - sheetHeight.current;
-        if (!scrollableNode ||
-            (!stickyHeader && Math.abs(bottomSheetTopY - startY) <= MARKER_HEIGHT) ||
-            (stickyHeader &&
-                headerRef.current &&
-                Math.abs(bottomSheetTopY - startY) <= headerRef.current.clientHeight)) {
-            return false;
-        }
-        const shouldScroll = deltaY >= 0
-            ? scrollableNode.scrollTop > 0
-            : scrollableNode.scrollHeight -
-                scrollableNode.scrollTop -
-                scrollableNode.clientHeight >
-                SCROLL_OFFSET;
-        if (!scrollOccurred.current && shouldScroll) {
-            scrollOccurred.current = true;
-        }
-        return shouldScroll;
-    };
-    const handleSheetSwipe = ({ initial, velocity, deltaY, event }) => {
-        if (scrollOccurred.current || shouldSkipSwiping(deltaY, initial[1], event)) {
-            return;
-        }
-        magnetize(velocity, deltaY);
-    };
-    const handleSheetSwipeStart = ({ deltaY, initial, event }) => {
-        if (shouldSkipSwiping(deltaY, initial[1], event)) {
-            return;
-        }
-        startSwiping(event);
-    };
-    const handleTouchEnd = ({ event }) => stopSwiping(event);
-    const handleSheetSwiping = ({ initial, deltaY, event }) => {
-        if (scrollOccurred.current || shouldSkipSwiping(deltaY, initial[1], event)) {
-            return;
-        }
-        if (!swipingInProgress) {
-            startSwiping(event);
-        }
-        const offset = getSheetOffset(deltaY);
-        const opacity = getBackdropOpacity(offset);
-        setSheetOffset(offset);
-        setBackdropOpacity(opacity);
-    };
-    const sheetSwipeableHandlers = useSwipeable({
-        onSwipeStart: handleSheetSwipeStart,
-        onSwiping: handleSheetSwiping,
-        onSwiped: handleSheetSwipe,
-        onTouchEndOrOnMouseUp: handleTouchEnd,
-        trackMouse: swipeable,
-        trackTouch: swipeable,
-        delta: swipeThreshold,
-    });
-    const handleExited = (node) => {
-        const idx = initialActiveAreaIndex;
-        setBackdropOpacity(1);
-        setSheetOffset(isNil(idx) ? magneticAreas[0] : lastMagneticArea - magneticAreas[idx]);
-        setActiveAreaIdx(isNil(idx) ? magneticAreas.length - 1 : idx);
-        onMagnetizeEnd?.(0);
-        if (transitionProps.onExited) {
-            transitionProps.onExited(node);
-        }
-    };
-    const handleEnter = (node, isAppearing) => {
-        onMagnetize?.(initialActiveAreaIndex ?? magneticAreas.length - 1);
-        if (transitionProps.onEnter) {
-            transitionProps.onEnter(node, isAppearing);
-        }
-    };
-    const handleExit = (node) => {
-        onMagnetize?.(0);
-        if (transitionProps.onExit) {
-            transitionProps.onExit(node);
-        }
-    };
-    const handleEntered = (node, isAppearing) => {
-        setBackdropOpacity(1);
-        setSheetHeight();
-        // Ready for swiping
-        setSwipingInProgress(false);
-        onMagnetizeEnd?.(getActiveAreaIndex(activeArea));
-        if (transitionProps.onEntered) {
-            transitionProps.onEntered(node, isAppearing);
-        }
-    };
-    useEffect(() => {
-        if (!isFirstRender) {
-            // Инициализируем стейт только после того, как была рассчитана высота вьюпорта
-            if (activeAreaIdx === -1) {
-                const idx = initialActiveAreaIndex;
-                setSheetOffset(isNil(idx) ? 0 : lastMagneticArea - magneticAreas[idx]);
-                setActiveAreaIdx(isNil(idx) ? magneticAreas.length - 1 : idx);
-            }
-            else {
-                setSheetOffset(activeArea ? lastMagneticArea - activeArea : 0);
-            }
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isFirstRender, magneticAreas, lastMagneticArea]);
-    useEffect(() => {
-        if (!sheetRef.current)
-            return;
-        const maxOffset = fullHeight - headerOffset;
-        const offset = open ? sheetOffset : maxOffset;
-        const percent = (offset / maxOffset) * 100;
-        onOffsetChange?.(offset, percent);
-    }, [fullHeight, headerOffset, onOffsetChange, open, sheetOffset]);
-    useImperativeHandle(bottomSheetInstanceRef, () => ({
-        scrollToArea,
-    }));
-    const getSwipeStyles = () => sheetOffset ? { transform: `translateY(${sheetOffset}px)` } : {};
-    const getHeightStyles = () => ({
-        height: !isFirstRender && (initialHeight === 'full' || magneticAreasProp)
-            ? `${lastMagneticArea}px`
-            : 'unset',
-        maxHeight: isFirstRender ? 0 : `${lastMagneticArea}px`,
-    });
-    const renderMarker = () => {
-        if (swipeable) {
-            if (swipeableMarker) {
-                return (React.createElement("div", { className: cn(styles.marker, swipeableMarkerClassName) }, swipeableMarker));
-            }
-            return (React.createElement("div", { className: cn(styles.marker, styles.defaultMarker, swipeableMarkerClassName) }));
-        }
-        return null;
-    };
-    const bgClassName = backgroundColor && styles[`background-${backgroundColor}`];
-    return (React.createElement(BaseModal, { open: open, ref: ref, container: container, dataTestId: dataTestId, zIndex: zIndex, onClose: onClose, usePortal: usePortal, scrollHandler: scrollableContainer, Backdrop: SwipeableBackdrop, backdropProps: {
-            ...backdropProps,
-            className: styles.disabledPointerEvents,
-            opacity: backdropOpacity,
-            opacityTimeout: TIMEOUT,
-            invisible: hideOverlay,
-        }, disableBackdropClick: hideOverlay ? true : disableOverlayClick, className: cn(styles.modal, modalClassName), wrapperClassName: cn(modalWrapperClassName, {
-            [styles.disabledPointerEvents]: hideOverlay,
-        }), disableBlockingScroll: disableBlockingScroll, disableFocusLock: disableFocusLock, transitionProps: {
-            appear: true,
-            timeout: TIMEOUT,
-            classNames: styles,
-            ...transitionProps,
-            onExited: handleExited,
-            onEntered: handleEntered,
-            onEnter: handleEnter,
-            onExit: handleExit,
-        }, disableAutoFocus: disableAutoFocus, disableEscapeKeyDown: disableEscapeKeyDown, disableRestoreFocus: disableRestoreFocus, keepMounted: keepMounted },
-        React.createElement("div", { style: { ...getHeightStyles() }, className: cn(styles.wrapper, {
-                [styles.fullscreen]: headerOffset === 0 && sheetOffset === 0,
-            }), onTransitionEnd: setSheetHeight },
-            React.createElement("div", { className: cn(styles.component, bgClassName, className, {
-                    [styles.withTransition]: swipingInProgress === false,
-                }), style: {
-                    ...getSwipeStyles(),
-                    ...getHeightStyles(),
-                }, ...sheetSwipeableHandlers, ref: mergeRefs([sheetRef, sheetContainerRef, sheetSwipeableHandlers.ref]), onTransitionEnd: handleTransitionEnd },
-                renderMarker(),
-                React.createElement("div", { ...containerProps, className: cn(styles.scrollableContainer, containerProps?.className, containerClassName, {
-                        [styles.scrollLocked]: scrollLockedProp || swipingInProgress,
-                        [styles.hiddenScrollbar]: hideScrollbar,
-                    }), ref: mergeRefs([scrollableContainer, scrollableContainerRef]) },
-                    !hideHeader && !emptyHeader && React.createElement(Header, { ...headerProps }),
-                    React.createElement("div", { ref: contentRef, className: cn(styles.content, contentClassName, {
-                            [styles.noHeader]: hideHeader || emptyHeader,
-                            [styles.noFooter]: !actionButton,
-                        }), "data-test-id": getDataTestId(dataTestId, 'content') }, children),
-                    actionButton && (React.createElement(Footer, { sticky: stickyFooter, className: cn(bgClassName, footerClassName), dataTestId: getDataTestId(dataTestId, 'footer') }, actionButton)))))));
-});
-
-export { BottomSheet };

package/bottom-sheet/modern-pcss-raw/components/footer/Component.d.ts

@@ -1,21 +0,0 @@
-import { FC, ReactNode } from 'react';
-type FooterProps = {
-    /**
-     * Контент футера
-     */
-    children?: ReactNode;
-    /**
-     * Фиксирует футер
-     */
-    sticky?: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Footer: FC<FooterProps>;
-export { FooterProps, Footer };

package/bottom-sheet/modern-pcss-raw/components/footer/Component.js

@@ -1,19 +0,0 @@
-import React, { useContext, useEffect } from 'react';
-import cn from 'classnames';
-import { BaseModalContext } from '../../../../base-modal/modern-pcss-raw';
-
-const styles = {"footer":"footer","sticky":"sticky","highlighted":"highlighted","background-accent":"background-accent","background-info":"background-info","background-attention-muted":"background-attention-muted","background-positive-muted":"background-positive-muted","background-negative-muted":"background-negative-muted","background-primary":"background-primary","background-primary-inverted":"background-primary-inverted","background-secondary":"background-secondary","background-secondary-inverted":"background-secondary-inverted","background-tertiary":"background-tertiary","background-tertiary-inverted":"background-tertiary-inverted","background-quaternary":"background-quaternary","background-quaternary-inverted":"background-quaternary-inverted","background-specialbg-component":"background-specialbg-component","background-specialbg-component-inverted":"background-specialbg-component-inverted","background-specialbg-primary-grouped":"background-specialbg-primary-grouped","background-specialbg-secondary-grouped":"background-specialbg-secondary-grouped","background-specialbg-tertiary-grouped":"background-specialbg-tertiary-grouped","background-specialbg-secondary-transparent":"background-specialbg-secondary-transparent","background-specialbg-secondary-transparent-inverted":"background-specialbg-secondary-transparent-inverted","background-specialbg-tertiary-transparent":"background-specialbg-tertiary-transparent","background-specialbg-tertiary-transparent-inverted":"background-specialbg-tertiary-transparent-inverted"};
-require('./index.css');
-
-const Footer = ({ children, className, sticky, dataTestId }) => {
-    const { footerHighlighted, setHasFooter } = useContext(BaseModalContext);
-    useEffect(() => {
-        setHasFooter(true);
-    }, [setHasFooter]);
-    return (React.createElement("div", { className: cn(styles.footer, className, {
-            [styles.sticky]: sticky,
-            [styles.highlighted]: footerHighlighted && sticky,
-        }), "data-test-id": dataTestId }, children));
-};
-
-export { Footer };

package/bottom-sheet/modern-pcss-raw/components/header/Component.d.ts

@@ -1,8 +0,0 @@
-import { FC, RefObject } from 'react';
-import { NavigationBarProps } from "../../../../navigation-bar";
-type HeaderProps = Omit<NavigationBarProps, 'view' | 'size'> & {
-    headerRef: RefObject<HTMLDivElement>;
-    headerOffset: number;
-};
-declare const Header: FC<HeaderProps>;
-export { HeaderProps, Header };