@alfalab/core-components-popover 8.0.2 → 8.0.3

package/Component.d.ts

@@ -1,9 +1,9 @@
 import React, { type CSSProperties, type MutableRefObject, type ReactNode } from 'react';
 import { type CSSTransitionProps } from 'react-transition-group/CSSTransition';
 import { type BasePlacement, type VariationPlacement } from '@popperjs/core';
-declare type RefElement = HTMLElement | null;
-export declare type Position = BasePlacement | VariationPlacement;
-export declare type PopoverProps = {
+type RefElement = HTMLElement | null;
+export type Position = BasePlacement | VariationPlacement;
+export type PopoverProps = {
     /**
      * Управление состоянием поповера (открыт/закрыт)
      */

package/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["import React, {\n    type CSSProperties,\n    forwardRef,\n    type MutableRefObject,\n    type ReactNode,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { usePopper } from 'react-popper';\nimport { CSSTransition } from 'react-transition-group';\nimport { type CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport {\n    type BasePlacement,\n    type Modifier,\n    type Obj,\n    type VariationPlacement,\n} from '@popperjs/core';\nimport cn from 'classnames';\nimport maxSize from 'popper-max-size-modifier';\n\nimport { Portal } from '@alfalab/core-components-portal';\nimport { isFn } from '@alfalab/core-components-shared';\nimport { Stack } from '@alfalab/core-components-stack';\nimport { stackingOrder } from '@alfalab/core-components-stack-context';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\ntype RefElement = HTMLElement | null;\n\ntype ModifierOptions<T> = T extends Modifier<unknown, infer V> ? V : never;\n\nexport type Position = BasePlacement | VariationPlacement;\n\ntype PopperModifier = {\n    name: string;\n    options: Obj;\n};\n\nexport type PopoverProps = {\n    /**\n     * Управление состоянием поповера (открыт/закрыт)\n     */\n    open: boolean;\n\n    /**\n     * Элемент, относительного которого появляется поповер\n     */\n    anchorElement: RefElement;\n\n    /**\n     * Использовать ширину родительского элемента\n     */\n    useAnchorWidth?: boolean;\n\n    /**\n     * Позиционирование поповера\n     */\n    position?: Position;\n\n    /**\n     * Запрещает поповеру менять свою позицию.\n     * Например, если места снизу недостаточно, то он все равно будет показан снизу\n     */\n    preventFlip?: boolean;\n\n    /**\n     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.\n     */\n    preventOverflow?: boolean;\n\n    /**\n     * Позволяет поповеру подствраивать свою высоту под границы экрана/элемента, если из-за величины контента он выходит за рамки области экрана/элемента\n     */\n    availableHeight?: boolean | (() => Element | null | undefined);\n\n    /**\n     * Если `true`, будет отрисована стрелочка\n     */\n    withArrow?: boolean;\n\n    /**\n     * Смещение поповера.\n     * Если позиционирование top, bottom, то [x, y].\n     * Если позиционирование left, right то [y, x].\n     */\n    offset?: [number, number];\n\n    /**\n     * Дополнительный класс для поповера\n     */\n    popperClassName?: string;\n\n    /**\n     * Дополнительный класс для стрелочки\n     */\n    arrowClassName?: string;\n\n    /**\n     * Функция, возвращающая контейнер, в который будет рендериться поповер\n     */\n    getPortalContainer?: () => HTMLElement;\n\n    /**\n     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.\n     */\n    transition?: CSSTransitionProps;\n\n    /**\n     * Выставляет кастомное свойство transition-duration\n     */\n    transitionDuration?: CSSProperties['transitionDuration'];\n\n    /**\n     * Рендерит компонент, обернутый в Transition\n     */\n    withTransition?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Хранит функцию, с помощью которой можно обновить положение компонента\n     */\n    update?: MutableRefObject<(() => void) | undefined>;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * z-index компонента\n     */\n    zIndex?: number;\n\n    /**\n     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,\n     * по очереди для каждой позиции из этого списка.\n     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.\n     */\n    fallbackPlacements?: Position[];\n\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Класс для скролл контейнера\n     */\n    scrollableContentClassName?: string;\n\n    /**\n     * Минимальное расстояние стрелки до края поповера\n     *\n     * @default 24\n     */\n    arrowToEdgeMinDistance?: number;\n};\n\nconst DEFAULT_TRANSITION: PopoverProps['transition'] = {\n    timeout: 150,\n};\n\nconst CSS_TRANSITION_CLASS_NAMES = {\n    enter: styles.enter,\n    enterActive: styles.enterActive,\n    exit: styles.exit,\n    exitActive: styles.exitActive,\n};\n\nconst DEFAULT_OFFSET = [0, 0];\n\nfunction createGetArrowPadding(minDistanceToEdge: number) {\n    return function getArrowPadding({\n        placement,\n    }: {\n        popper: { height: number; width: number };\n        reference: { height: number; width: number };\n        placement: Position;\n    }) {\n        if (placement === 'right-end' || placement === 'left-end') {\n            return { top: minDistanceToEdge, right: 0, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'top-start' || placement === 'bottom-start') {\n            return { top: 0, right: minDistanceToEdge, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'right-start' || placement === 'left-start') {\n            return { top: 0, right: 0, bottom: minDistanceToEdge, left: 0 };\n        }\n\n        if (placement === 'top-end' || placement === 'bottom-end') {\n            return { top: 0, right: 0, bottom: 0, left: minDistanceToEdge };\n        }\n\n        return 0;\n    };\n}\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n    (\n        {\n            children,\n            getPortalContainer,\n            transition = DEFAULT_TRANSITION,\n            anchorElement,\n            useAnchorWidth,\n            offset = DEFAULT_OFFSET,\n            withArrow = false,\n            withTransition = true,\n            position = 'left',\n            preventFlip,\n            popperClassName,\n            arrowClassName,\n            className,\n            open,\n            dataTestId,\n            update,\n            transitionDuration = `${transition.timeout}ms`,\n            zIndex = stackingOrder.POPOVER,\n            fallbackPlacements,\n            preventOverflow = true,\n            availableHeight = false,\n            scrollableContentClassName,\n            arrowToEdgeMinDistance = 24,\n        },\n        ref,\n    ) => {\n        const [referenceElement, setReferenceElement] = useState<RefElement>(anchorElement);\n        const [popperElement, setPopperElement] = useState<RefElement>(null);\n        const [arrowElement, setArrowElement] = useState<RefElement>(null);\n        const [maxSizeOptions, setMaxSizeOptions] = useState<\n            Partial<ModifierOptions<typeof maxSize>>\n        >(() => ({}));\n\n        const updatePopperRef = useRef<() => void>();\n\n        const popperRef = useRef<HTMLDivElement>(null);\n        const innerRef = useRef<HTMLDivElement>(null);\n\n        const popperModifiers = useMemo(() => {\n            const modifiers: PopperModifier[] = [{ name: 'offset', options: { offset } }];\n\n            if (withArrow) {\n                modifiers.push({\n                    name: 'arrow',\n                    options: {\n                        element: arrowElement,\n                        padding: createGetArrowPadding(arrowToEdgeMinDistance),\n                    },\n                });\n            }\n\n            if (preventFlip) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements: [] } });\n            }\n\n            if (fallbackPlacements) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements } });\n            }\n\n            if (preventOverflow) {\n                modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });\n            }\n\n            if (isFn(availableHeight) || availableHeight) {\n                modifiers.push({ ...maxSize, options: maxSizeOptions });\n            }\n\n            return modifiers;\n        }, [\n            offset,\n            withArrow,\n            preventFlip,\n            fallbackPlacements,\n            preventOverflow,\n            availableHeight,\n            arrowElement,\n            arrowToEdgeMinDistance,\n            maxSizeOptions,\n        ]);\n\n        const {\n            styles: popperStyles,\n            attributes,\n            update: updatePopper,\n            state,\n        } = usePopper(referenceElement, popperElement, {\n            placement: position,\n            modifiers: popperModifiers,\n        });\n\n        if (updatePopper) {\n            updatePopperRef.current = updatePopper;\n        }\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            const nextBoundry = isFn(availableHeight)\n                ? (availableHeight() ?? undefined)\n                : undefined;\n\n            if (!(maxSizeOptions.boundary === nextBoundry)) {\n                setMaxSizeOptions({ boundary: nextBoundry });\n            }\n        });\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            setReferenceElement(anchorElement);\n        }, [anchorElement]);\n\n        useEffect(() => {\n            if (updatePopper) {\n                updatePopper();\n            }\n        }, [updatePopper, arrowElement, children]);\n\n        useEffect(() => {\n            if (update && updatePopper) {\n                // eslint-disable-next-line no-param-reassign\n                update.current = updatePopper;\n            }\n        });\n\n        useEffect(() => {\n            if (useAnchorWidth) {\n                const updatePopoverWidth = () => updatePopperRef.current?.();\n                const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n                const observer = new ResizeObserver(updatePopoverWidth);\n\n                if (anchorElement) {\n                    observer.observe(anchorElement);\n                }\n\n                return () => {\n                    observer.disconnect();\n                };\n            }\n\n            return () => ({});\n        }, [anchorElement, useAnchorWidth]);\n\n        const renderContent = (computedZIndex: number) => (\n            <div\n                ref={mergeRefs([ref, popperRef, setPopperElement])}\n                style={{\n                    zIndex: computedZIndex,\n                    width: useAnchorWidth ? referenceElement?.offsetWidth : undefined,\n                    ...popperStyles.popper,\n                    ...(popperStyles.popper?.transform ? null : { visibility: 'hidden' }),\n                }}\n                data-test-id={dataTestId}\n                className={cn(styles.component, className)}\n                {...attributes.popper}\n            >\n                <div className={cn(styles.inner, popperClassName)} ref={innerRef}>\n                    <div\n                        className={cn(scrollableContentClassName, {\n                            [styles.scrollableContent]: isFn(availableHeight) || availableHeight,\n                        })}\n                        style={{\n                            maxHeight:\n                                isFn(availableHeight) || availableHeight\n                                    ? state?.modifiersData.maxSize?.height\n                                    : undefined,\n                        }}\n                    >\n                        {children}\n                    </div>\n\n                    {withArrow && (\n                        <div\n                            ref={setArrowElement}\n                            style={popperStyles.arrow}\n                            className={cn(styles.arrow, arrowClassName)}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n\n        return (\n            <Stack value={zIndex}>\n                {(computedZIndex) => (\n                    <Portal getPortalContainer={getPortalContainer}>\n                        {withTransition ? (\n                            <CSSTransition\n                                unmountOnExit={true}\n                                classNames={CSS_TRANSITION_CLASS_NAMES}\n                                nodeRef={popperRef}\n                                {...transition}\n                                in={open}\n                                onEntering={(node: HTMLElement, isAppearing: boolean) => {\n                                    // Меняем transition-duration только в случае, если передано значение отличное от дефолтного.\n                                    if (\n                                        innerRef.current &&\n                                        transitionDuration !== `${DEFAULT_TRANSITION.timeout}ms`\n                                    ) {\n                                        innerRef.current.style.setProperty(\n                                            'transition-duration',\n                                            transitionDuration,\n                                        );\n                                    }\n                                    transition?.onEntering?.(node, isAppearing);\n                                }}\n                            >\n                                {renderContent(computedZIndex)}\n                            </CSSTransition>\n                        ) : (\n                            open && renderContent(computedZIndex)\n                        )}\n                    </Portal>\n                )}\n            </Stack>\n        );\n    },\n);\n\nPopover.displayName = 'Popover';\n"],"names":["styles","forwardRef","stackingOrder","useState","useRef","useMemo","isFn","__assign","maxSize","usePopper","useLayoutEffect_SAFE_FOR_SSR","useEffect","ResizeObserverPolyfill","React","mergeRefs","cn","Stack","Portal","CSSTransition"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuKA,IAAM,kBAAkB,GAA+B;AACnD,IAAA,OAAO,EAAE,GAAG;CACf;AAED,IAAM,0BAA0B,GAAG;IAC/B,KAAK,EAAEA,YAAM,CAAC,KAAK;IACnB,WAAW,EAAEA,YAAM,CAAC,WAAW;IAC/B,IAAI,EAAEA,YAAM,CAAC,IAAI;IACjB,UAAU,EAAEA,YAAM,CAAC,UAAU;CAChC;AAED,IAAM,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AAE7B,SAAS,qBAAqB,CAAC,iBAAyB,EAAA;IACpD,OAAO,SAAS,eAAe,CAAC,EAM/B,EAAA;AALG,QAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;AAMT,QAAA,IAAI,SAAS,KAAK,WAAW,IAAI,SAAS,KAAK,UAAU,EAAE;AACvD,YAAA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;AAClE;AAED,QAAA,IAAI,SAAS,KAAK,WAAW,IAAI,SAAS,KAAK,cAAc,EAAE;AAC3D,YAAA,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;AAClE;AAED,QAAA,IAAI,SAAS,KAAK,aAAa,IAAI,SAAS,KAAK,YAAY,EAAE;AAC3D,YAAA,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,EAAE;AAClE;AAED,QAAA,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,YAAY,EAAE;AACvD,YAAA,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE;AAClE;AAED,QAAA,OAAO,CAAC;AACZ,KAAC;AACL;IAEa,OAAO,GAAGC,gBAAU,CAC7B,UACI,EAwBC,EACD,GAAG,EAAA;QAxBC,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,kBAAkB,GAAA,EAAA,CAAA,kBAAA,EAClB,kBAA+B,EAA/B,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,kBAAkB,GAAA,EAAA,EAC/B,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,EAAA,GAAA,EAAA,CAAA,MAAuB,EAAvB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,cAAc,GAAA,EAAA,EACvB,EAAiB,GAAA,EAAA,CAAA,SAAA,EAAjB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EACjB,EAAqB,GAAA,EAAA,CAAA,cAAA,EAArB,cAAc,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,GAAA,EAAA,EACrB,EAAiB,GAAA,EAAA,CAAA,QAAA,EAAjB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,MAAM,GAAA,EAAA,EACjB,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,SAAS,eAAA,EACT,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAA,GAAA,EAAA,CAAA,kBAA8C,EAA9C,kBAAkB,mBAAG,EAAG,CAAA,MAAA,CAAA,UAAU,CAAC,OAAO,EAAI,IAAA,CAAA,GAAA,EAAA,EAC9C,EAAA,GAAA,EAAA,CAAA,MAA8B,EAA9B,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,wCAAa,CAAC,OAAO,KAAA,EAC9B,kBAAkB,GAAA,EAAA,CAAA,kBAAA,EAClB,EAAsB,GAAA,EAAA,CAAA,eAAA,EAAtB,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,GAAA,EAAA,EACtB,EAAuB,GAAA,EAAA,CAAA,eAAA,EAAvB,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EACvB,0BAA0B,GAAA,EAAA,CAAA,0BAAA,EAC1B,EAAA,GAAA,EAAA,CAAA,sBAA2B,EAA3B,sBAAsB,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA;IAIzB,IAAA,EAAA,GAA0CC,cAAQ,CAAa,aAAa,CAAC,EAA5E,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,mBAAmB,GAAA,EAAA,CAAA,CAAA,CAAuC;IAC7E,IAAA,EAAA,GAAoCA,cAAQ,CAAa,IAAI,CAAC,EAA7D,aAAa,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAA8B;IAC9D,IAAA,EAAA,GAAkCA,cAAQ,CAAa,IAAI,CAAC,EAA3D,YAAY,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,eAAe,GAAA,EAAA,CAAA,CAAA,CAA8B;AAC5D,IAAA,IAAA,KAAsCA,cAAQ,CAElD,YAAM,EAAA,QAAC,EAAE,EAAH,EAAI,CAAC,EAFN,cAAc,QAAA,EAAE,iBAAiB,QAE3B;AAEb,IAAA,IAAM,eAAe,GAAGC,YAAM,EAAc;AAE5C,IAAA,IAAM,SAAS,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAC9C,IAAA,IAAM,QAAQ,GAAGA,YAAM,CAAiB,IAAI,CAAC;IAE7C,IAAM,eAAe,GAAGC,aAAO,CAAC,YAAA;AAC5B,QAAA,IAAM,SAAS,GAAqB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,MAAM,EAAA,MAAA,EAAE,EAAE,CAAC;AAE7E,QAAA,IAAI,SAAS,EAAE;YACX,SAAS,CAAC,IAAI,CAAC;AACX,gBAAA,IAAI,EAAE,OAAO;AACb,gBAAA,OAAO,EAAE;AACL,oBAAA,OAAO,EAAE,YAAY;AACrB,oBAAA,OAAO,EAAE,qBAAqB,CAAC,sBAAsB,CAAC;AACzD,iBAAA;AACJ,aAAA,CAAC;AACL;AAED,QAAA,IAAI,WAAW,EAAE;AACb,YAAA,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE,EAAE,CAAC;AACxE;AAED,QAAA,IAAI,kBAAkB,EAAE;AACpB,YAAA,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAAA,kBAAA,EAAE,EAAE,CAAC;AACpE;AAED,QAAA,IAAI,eAAe,EAAE;AACjB,YAAA,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC;AAC5E;AAED,QAAA,IAAIC,yBAAI,CAAC,eAAe,CAAC,IAAI,eAAe,EAAE;YAC1C,SAAS,CAAC,IAAI,CAAMC,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAAC,wBAAO,KAAE,OAAO,EAAE,cAAc,EAAA,CAAA,CAAG;AAC1D;AAED,QAAA,OAAO,SAAS;AACpB,KAAC,EAAE;QACC,MAAM;QACN,SAAS;QACT,WAAW;QACX,kBAAkB;QAClB,eAAe;QACf,eAAe;QACf,YAAY;QACZ,sBAAsB;QACtB,cAAc;AACjB,KAAA,CAAC;AAEI,IAAA,IAAA,KAKFC,qBAAS,CAAC,gBAAgB,EAAE,aAAa,EAAE;AAC3C,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,SAAS,EAAE,eAAe;AAC7B,KAAA,CAAC,EAPU,YAAY,GAAA,EAAA,CAAA,MAAA,EACpB,UAAU,GAAA,EAAA,CAAA,UAAA,EACF,YAAY,GAAA,EAAA,CAAA,MAAA,EACpB,KAAK,GAAA,EAAA,CAAA,KAIP;AAEF,IAAA,IAAI,YAAY,EAAE;AACd,QAAA,eAAe,CAAC,OAAO,GAAG,YAAY;AACzC;AAED,IAAAC,kCAA4B,CAAC,YAAA;;AACzB,QAAA,IAAM,WAAW,GAAGJ,yBAAI,CAAC,eAAe;AACpC,eAAG,CAAA,EAAA,GAAA,eAAe,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,SAAS;cAC/B,SAAS;QAEf,IAAI,EAAE,cAAc,CAAC,QAAQ,KAAK,WAAW,CAAC,EAAE;AAC5C,YAAA,iBAAiB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;AAC/C;AACL,KAAC,CAAC;AAEF,IAAAI,kCAA4B,CAAC,YAAA;QACzB,mBAAmB,CAAC,aAAa,CAAC;AACtC,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC;AAEnB,IAAAC,eAAS,CAAC,YAAA;AACN,QAAA,IAAI,YAAY,EAAE;AACd,YAAA,YAAY,EAAE;AACjB;KACJ,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;AAE1C,IAAAA,eAAS,CAAC,YAAA;QACN,IAAI,MAAM,IAAI,YAAY,EAAE;;AAExB,YAAA,MAAM,CAAC,OAAO,GAAG,YAAY;AAChC;AACL,KAAC,CAAC;AAEF,IAAAA,eAAS,CAAC,YAAA;AACN,QAAA,IAAI,cAAc,EAAE;YAChB,IAAM,kBAAkB,GAAG,YAAA,EAAA,IAAA,EAAA,CAAA,CAAM,OAAA,CAAA,EAAA,GAAA,eAAe,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI,CAAA,EAAA;AAC5D,YAAA,IAAM,gBAAc,GAAG,MAAM,CAAC,cAAc,IAAIC,6BAAsB;AACtE,YAAA,IAAM,UAAQ,GAAG,IAAI,gBAAc,CAAC,kBAAkB,CAAC;AAEvD,YAAA,IAAI,aAAa,EAAE;AACf,gBAAA,UAAQ,CAAC,OAAO,CAAC,aAAa,CAAC;AAClC;YAED,OAAO,YAAA;gBACH,UAAQ,CAAC,UAAU,EAAE;AACzB,aAAC;AACJ;AAED,QAAA,OAAO,cAAM,QAAC,EAAE,EAAC,EAAA;AACrB,KAAC,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;IAEnC,IAAM,aAAa,GAAG,UAAC,cAAsB,EAAA;;;AAAK,QAAA,QAC9CC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAAN,cAAA,CAAA,EAAA,GAAG,EAAEO,0BAAS,CAAC,CAAC,GAAG,EAAE,SAAS,EAAE,gBAAgB,CAAC,CAAC,EAClD,KAAK,kCACD,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,cAAc,GAAG,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAA,MAAA,GAAA,MAAA,GAAhB,gBAAgB,CAAE,WAAW,GAAG,SAAS,EAC9D,EAAA,YAAY,CAAC,MAAM,IAClB,CAAA,CAAA,EAAA,GAAA,YAAY,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,IAAG,IAAI,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,EAE1D,EAAA,cAAA,EAAA,UAAU,EACxB,SAAS,EAAEC,mBAAE,CAACf,YAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EACtC,EAAA,UAAU,CAAC,MAAM,CAAA;AAErB,YAAAa,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,mBAAE,CAACf,YAAM,CAAC,KAAK,EAAE,eAAe,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAA;AAC5D,gBAAAa,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEE,mBAAE,CAAC,0BAA0B,GAAA,EAAA,GAAA,EAAA;wBACpC,EAAC,CAAAf,YAAM,CAAC,iBAAiB,CAAA,GAAGM,yBAAI,CAAC,eAAe,CAAC,IAAI,eAAe;AACtE,wBAAA,EAAA,EAAA,EACF,KAAK,EAAE;AACH,wBAAA,SAAS,EACLA,yBAAI,CAAC,eAAe,CAAC,IAAI;AACrB,8BAAE,CAAA,EAAA,GAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,aAAa,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE;AAChC,8BAAE,SAAS;AACtB,qBAAA,EAAA,EAEA,QAAQ,CACP;AAEL,gBAAA,SAAS,KACNO,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,eAAe,EACpB,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,SAAS,EAAEE,mBAAE,CAACf,YAAM,CAAC,KAAK,EAAE,cAAc,CAAC,EAAA,CAC7C,CACL,CACC,CACJ;KACT;IAED,QACIa,qCAACG,yBAAK,EAAA,EAAC,KAAK,EAAE,MAAM,EACf,EAAA,UAAC,cAAc,EAAA,EAAK,QACjBH,sBAAA,CAAA,aAAA,CAACI,2BAAM,EAAA,EAAC,kBAAkB,EAAE,kBAAkB,EACzC,EAAA,cAAc,IACXJ,qCAACK,kCAAa,EAAAX,cAAA,CAAA,EACV,aAAa,EAAE,IAAI,EACnB,UAAU,EAAE,0BAA0B,EACtC,OAAO,EAAE,SAAS,IACd,UAAU,EAAA,EACd,EAAE,EAAE,IAAI,EACR,UAAU,EAAE,UAAC,IAAiB,EAAE,WAAoB,EAAA;;;YAEhD,IACI,QAAQ,CAAC,OAAO;AAChB,gBAAA,kBAAkB,KAAK,EAAG,CAAA,MAAA,CAAA,kBAAkB,CAAC,OAAO,OAAI,EAC1D;gBACE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAC9B,qBAAqB,EACrB,kBAAkB,CACrB;AACJ;AACD,YAAA,CAAA,EAAA,GAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAG,IAAI,EAAE,WAAW,CAAC;SAC9C,EAAA,CAAA,EAEA,aAAa,CAAC,cAAc,CAAC,CAClB,KAEhB,IAAI,IAAI,aAAa,CAAC,cAAc,CAAC,CACxC,CACI,EA5BQ,EA6BpB,CACG;AAEhB,CAAC;AAGL,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["import React, {\n    type CSSProperties,\n    forwardRef,\n    type MutableRefObject,\n    type ReactNode,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { usePopper } from 'react-popper';\nimport { CSSTransition } from 'react-transition-group';\nimport { type CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport {\n    type BasePlacement,\n    type Modifier,\n    type Obj,\n    type VariationPlacement,\n} from '@popperjs/core';\nimport cn from 'classnames';\nimport maxSize from 'popper-max-size-modifier';\n\nimport { Portal } from '@alfalab/core-components-portal';\nimport { isFn } from '@alfalab/core-components-shared';\nimport { Stack } from '@alfalab/core-components-stack';\nimport { stackingOrder } from '@alfalab/core-components-stack-context';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\ntype RefElement = HTMLElement | null;\n\ntype ModifierOptions<T> = T extends Modifier<unknown, infer V> ? V : never;\n\nexport type Position = BasePlacement | VariationPlacement;\n\ntype PopperModifier = {\n    name: string;\n    options: Obj;\n};\n\nexport type PopoverProps = {\n    /**\n     * Управление состоянием поповера (открыт/закрыт)\n     */\n    open: boolean;\n\n    /**\n     * Элемент, относительного которого появляется поповер\n     */\n    anchorElement: RefElement;\n\n    /**\n     * Использовать ширину родительского элемента\n     */\n    useAnchorWidth?: boolean;\n\n    /**\n     * Позиционирование поповера\n     */\n    position?: Position;\n\n    /**\n     * Запрещает поповеру менять свою позицию.\n     * Например, если места снизу недостаточно, то он все равно будет показан снизу\n     */\n    preventFlip?: boolean;\n\n    /**\n     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.\n     */\n    preventOverflow?: boolean;\n\n    /**\n     * Позволяет поповеру подствраивать свою высоту под границы экрана/элемента, если из-за величины контента он выходит за рамки области экрана/элемента\n     */\n    availableHeight?: boolean | (() => Element | null | undefined);\n\n    /**\n     * Если `true`, будет отрисована стрелочка\n     */\n    withArrow?: boolean;\n\n    /**\n     * Смещение поповера.\n     * Если позиционирование top, bottom, то [x, y].\n     * Если позиционирование left, right то [y, x].\n     */\n    offset?: [number, number];\n\n    /**\n     * Дополнительный класс для поповера\n     */\n    popperClassName?: string;\n\n    /**\n     * Дополнительный класс для стрелочки\n     */\n    arrowClassName?: string;\n\n    /**\n     * Функция, возвращающая контейнер, в который будет рендериться поповер\n     */\n    getPortalContainer?: () => HTMLElement;\n\n    /**\n     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.\n     */\n    transition?: CSSTransitionProps;\n\n    /**\n     * Выставляет кастомное свойство transition-duration\n     */\n    transitionDuration?: CSSProperties['transitionDuration'];\n\n    /**\n     * Рендерит компонент, обернутый в Transition\n     */\n    withTransition?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Хранит функцию, с помощью которой можно обновить положение компонента\n     */\n    update?: MutableRefObject<(() => void) | undefined>;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * z-index компонента\n     */\n    zIndex?: number;\n\n    /**\n     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,\n     * по очереди для каждой позиции из этого списка.\n     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.\n     */\n    fallbackPlacements?: Position[];\n\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Класс для скролл контейнера\n     */\n    scrollableContentClassName?: string;\n\n    /**\n     * Минимальное расстояние стрелки до края поповера\n     *\n     * @default 24\n     */\n    arrowToEdgeMinDistance?: number;\n};\n\nconst DEFAULT_TRANSITION: PopoverProps['transition'] = {\n    timeout: 150,\n};\n\nconst CSS_TRANSITION_CLASS_NAMES = {\n    enter: styles.enter,\n    enterActive: styles.enterActive,\n    exit: styles.exit,\n    exitActive: styles.exitActive,\n};\n\nconst DEFAULT_OFFSET = [0, 0];\n\nfunction createGetArrowPadding(minDistanceToEdge: number) {\n    return function getArrowPadding({\n        placement,\n    }: {\n        popper: { height: number; width: number };\n        reference: { height: number; width: number };\n        placement: Position;\n    }) {\n        if (placement === 'right-end' || placement === 'left-end') {\n            return { top: minDistanceToEdge, right: 0, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'top-start' || placement === 'bottom-start') {\n            return { top: 0, right: minDistanceToEdge, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'right-start' || placement === 'left-start') {\n            return { top: 0, right: 0, bottom: minDistanceToEdge, left: 0 };\n        }\n\n        if (placement === 'top-end' || placement === 'bottom-end') {\n            return { top: 0, right: 0, bottom: 0, left: minDistanceToEdge };\n        }\n\n        return 0;\n    };\n}\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n    (\n        {\n            children,\n            getPortalContainer,\n            transition = DEFAULT_TRANSITION,\n            anchorElement,\n            useAnchorWidth,\n            offset = DEFAULT_OFFSET,\n            withArrow = false,\n            withTransition = true,\n            position = 'left',\n            preventFlip,\n            popperClassName,\n            arrowClassName,\n            className,\n            open,\n            dataTestId,\n            update,\n            transitionDuration = `${transition.timeout}ms`,\n            zIndex = stackingOrder.POPOVER,\n            fallbackPlacements,\n            preventOverflow = true,\n            availableHeight = false,\n            scrollableContentClassName,\n            arrowToEdgeMinDistance = 24,\n        },\n        ref,\n    ) => {\n        const [referenceElement, setReferenceElement] = useState<RefElement>(anchorElement);\n        const [popperElement, setPopperElement] = useState<RefElement>(null);\n        const [arrowElement, setArrowElement] = useState<RefElement>(null);\n        const [maxSizeOptions, setMaxSizeOptions] = useState<\n            Partial<ModifierOptions<typeof maxSize>>\n        >(() => ({}));\n\n        const updatePopperRef = useRef<() => void>();\n\n        const popperRef = useRef<HTMLDivElement>(null);\n        const innerRef = useRef<HTMLDivElement>(null);\n\n        const popperModifiers = useMemo(() => {\n            const modifiers: PopperModifier[] = [{ name: 'offset', options: { offset } }];\n\n            if (withArrow) {\n                modifiers.push({\n                    name: 'arrow',\n                    options: {\n                        element: arrowElement,\n                        padding: createGetArrowPadding(arrowToEdgeMinDistance),\n                    },\n                });\n            }\n\n            if (preventFlip) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements: [] } });\n            }\n\n            if (fallbackPlacements) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements } });\n            }\n\n            if (preventOverflow) {\n                modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });\n            }\n\n            if (isFn(availableHeight) || availableHeight) {\n                modifiers.push({ ...maxSize, options: maxSizeOptions });\n            }\n\n            return modifiers;\n        }, [\n            offset,\n            withArrow,\n            preventFlip,\n            fallbackPlacements,\n            preventOverflow,\n            availableHeight,\n            arrowElement,\n            arrowToEdgeMinDistance,\n            maxSizeOptions,\n        ]);\n\n        const {\n            styles: popperStyles,\n            attributes,\n            update: updatePopper,\n            state,\n        } = usePopper(referenceElement, popperElement, {\n            placement: position,\n            modifiers: popperModifiers,\n        });\n\n        if (updatePopper) {\n            updatePopperRef.current = updatePopper;\n        }\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            const nextBoundry = isFn(availableHeight)\n                ? (availableHeight() ?? undefined)\n                : undefined;\n\n            if (!(maxSizeOptions.boundary === nextBoundry)) {\n                setMaxSizeOptions({ boundary: nextBoundry });\n            }\n        });\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            setReferenceElement(anchorElement);\n        }, [anchorElement]);\n\n        useEffect(() => {\n            if (updatePopper) {\n                updatePopper();\n            }\n        }, [updatePopper, arrowElement, children]);\n\n        useEffect(() => {\n            if (update && updatePopper) {\n                // eslint-disable-next-line no-param-reassign\n                update.current = updatePopper;\n            }\n        });\n\n        useEffect(() => {\n            if (useAnchorWidth) {\n                const updatePopoverWidth = () => updatePopperRef.current?.();\n                const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n                const observer = new ResizeObserver(updatePopoverWidth);\n\n                if (anchorElement) {\n                    observer.observe(anchorElement);\n                }\n\n                return () => {\n                    observer.disconnect();\n                };\n            }\n\n            return () => ({});\n        }, [anchorElement, useAnchorWidth]);\n\n        const renderContent = (computedZIndex: number) => (\n            <div\n                ref={mergeRefs([ref, popperRef, setPopperElement])}\n                style={{\n                    zIndex: computedZIndex,\n                    width: useAnchorWidth ? referenceElement?.offsetWidth : undefined,\n                    ...popperStyles.popper,\n                    ...(popperStyles.popper?.transform ? null : { visibility: 'hidden' }),\n                }}\n                data-test-id={dataTestId}\n                className={cn(styles.component, className)}\n                {...attributes.popper}\n            >\n                <div className={cn(styles.inner, popperClassName)} ref={innerRef}>\n                    <div\n                        className={cn(scrollableContentClassName, {\n                            [styles.scrollableContent]: isFn(availableHeight) || availableHeight,\n                        })}\n                        style={{\n                            maxHeight:\n                                isFn(availableHeight) || availableHeight\n                                    ? state?.modifiersData.maxSize?.height\n                                    : undefined,\n                        }}\n                    >\n                        {children}\n                    </div>\n\n                    {withArrow && (\n                        <div\n                            ref={setArrowElement}\n                            style={popperStyles.arrow}\n                            className={cn(styles.arrow, arrowClassName)}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n\n        return (\n            <Stack value={zIndex}>\n                {(computedZIndex) => (\n                    <Portal getPortalContainer={getPortalContainer}>\n                        {withTransition ? (\n                            <CSSTransition\n                                unmountOnExit={true}\n                                classNames={CSS_TRANSITION_CLASS_NAMES}\n                                nodeRef={popperRef}\n                                {...transition}\n                                in={open}\n                                onEntering={(node: HTMLElement, isAppearing: boolean) => {\n                                    // Меняем transition-duration только в случае, если передано значение отличное от дефолтного.\n                                    if (\n                                        innerRef.current &&\n                                        transitionDuration !== `${DEFAULT_TRANSITION.timeout}ms`\n                                    ) {\n                                        innerRef.current.style.setProperty(\n                                            'transition-duration',\n                                            transitionDuration,\n                                        );\n                                    }\n                                    transition?.onEntering?.(node, isAppearing);\n                                }}\n                            >\n                                {renderContent(computedZIndex)}\n                            </CSSTransition>\n                        ) : (\n                            open && renderContent(computedZIndex)\n                        )}\n                    </Portal>\n                )}\n            </Stack>\n        );\n    },\n);\n\nPopover.displayName = 'Popover';\n"],"names":["styles","forwardRef","stackingOrder","useState","useRef","useMemo","isFn","__assign","maxSize","usePopper","useLayoutEffect_SAFE_FOR_SSR","useEffect","ResizeObserverPolyfill","React","mergeRefs","cn","Stack","Portal","CSSTransition"],"mappings":"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"}

package/cssm/Component.d.ts

@@ -1,9 +1,9 @@
 import React, { type CSSProperties, type MutableRefObject, type ReactNode } from 'react';
 import { type CSSTransitionProps } from 'react-transition-group/CSSTransition';
 import { type BasePlacement, type VariationPlacement } from '@popperjs/core';
-declare type RefElement = HTMLElement | null;
-export declare type Position = BasePlacement | VariationPlacement;
-export declare type PopoverProps = {
+type RefElement = HTMLElement | null;
+export type Position = BasePlacement | VariationPlacement;
+export type PopoverProps = {
     /**
      * Управление состоянием поповера (открыт/закрыт)
      */

package/cssm/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, {\n    type CSSProperties,\n    forwardRef,\n    type MutableRefObject,\n    type ReactNode,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { usePopper } from 'react-popper';\nimport { CSSTransition } from 'react-transition-group';\nimport { type CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport {\n    type BasePlacement,\n    type Modifier,\n    type Obj,\n    type VariationPlacement,\n} from '@popperjs/core';\nimport cn from 'classnames';\nimport maxSize from 'popper-max-size-modifier';\n\nimport { Portal } from '@alfalab/core-components-portal';\nimport { isFn } from '@alfalab/core-components-shared';\nimport { Stack } from '@alfalab/core-components-stack';\nimport { stackingOrder } from '@alfalab/core-components-stack-context';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\ntype RefElement = HTMLElement | null;\n\ntype ModifierOptions<T> = T extends Modifier<unknown, infer V> ? V : never;\n\nexport type Position = BasePlacement | VariationPlacement;\n\ntype PopperModifier = {\n    name: string;\n    options: Obj;\n};\n\nexport type PopoverProps = {\n    /**\n     * Управление состоянием поповера (открыт/закрыт)\n     */\n    open: boolean;\n\n    /**\n     * Элемент, относительного которого появляется поповер\n     */\n    anchorElement: RefElement;\n\n    /**\n     * Использовать ширину родительского элемента\n     */\n    useAnchorWidth?: boolean;\n\n    /**\n     * Позиционирование поповера\n     */\n    position?: Position;\n\n    /**\n     * Запрещает поповеру менять свою позицию.\n     * Например, если места снизу недостаточно, то он все равно будет показан снизу\n     */\n    preventFlip?: boolean;\n\n    /**\n     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.\n     */\n    preventOverflow?: boolean;\n\n    /**\n     * Позволяет поповеру подствраивать свою высоту под границы экрана/элемента, если из-за величины контента он выходит за рамки области экрана/элемента\n     */\n    availableHeight?: boolean | (() => Element | null | undefined);\n\n    /**\n     * Если `true`, будет отрисована стрелочка\n     */\n    withArrow?: boolean;\n\n    /**\n     * Смещение поповера.\n     * Если позиционирование top, bottom, то [x, y].\n     * Если позиционирование left, right то [y, x].\n     */\n    offset?: [number, number];\n\n    /**\n     * Дополнительный класс для поповера\n     */\n    popperClassName?: string;\n\n    /**\n     * Дополнительный класс для стрелочки\n     */\n    arrowClassName?: string;\n\n    /**\n     * Функция, возвращающая контейнер, в который будет рендериться поповер\n     */\n    getPortalContainer?: () => HTMLElement;\n\n    /**\n     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.\n     */\n    transition?: CSSTransitionProps;\n\n    /**\n     * Выставляет кастомное свойство transition-duration\n     */\n    transitionDuration?: CSSProperties['transitionDuration'];\n\n    /**\n     * Рендерит компонент, обернутый в Transition\n     */\n    withTransition?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Хранит функцию, с помощью которой можно обновить положение компонента\n     */\n    update?: MutableRefObject<(() => void) | undefined>;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * z-index компонента\n     */\n    zIndex?: number;\n\n    /**\n     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,\n     * по очереди для каждой позиции из этого списка.\n     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.\n     */\n    fallbackPlacements?: Position[];\n\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Класс для скролл контейнера\n     */\n    scrollableContentClassName?: string;\n\n    /**\n     * Минимальное расстояние стрелки до края поповера\n     *\n     * @default 24\n     */\n    arrowToEdgeMinDistance?: number;\n};\n\nconst DEFAULT_TRANSITION: PopoverProps['transition'] = {\n    timeout: 150,\n};\n\nconst CSS_TRANSITION_CLASS_NAMES = {\n    enter: styles.enter,\n    enterActive: styles.enterActive,\n    exit: styles.exit,\n    exitActive: styles.exitActive,\n};\n\nconst DEFAULT_OFFSET = [0, 0];\n\nfunction createGetArrowPadding(minDistanceToEdge: number) {\n    return function getArrowPadding({\n        placement,\n    }: {\n        popper: { height: number; width: number };\n        reference: { height: number; width: number };\n        placement: Position;\n    }) {\n        if (placement === 'right-end' || placement === 'left-end') {\n            return { top: minDistanceToEdge, right: 0, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'top-start' || placement === 'bottom-start') {\n            return { top: 0, right: minDistanceToEdge, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'right-start' || placement === 'left-start') {\n            return { top: 0, right: 0, bottom: minDistanceToEdge, left: 0 };\n        }\n\n        if (placement === 'top-end' || placement === 'bottom-end') {\n            return { top: 0, right: 0, bottom: 0, left: minDistanceToEdge };\n        }\n\n        return 0;\n    };\n}\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n    (\n        {\n            children,\n            getPortalContainer,\n            transition = DEFAULT_TRANSITION,\n            anchorElement,\n            useAnchorWidth,\n            offset = DEFAULT_OFFSET,\n            withArrow = false,\n            withTransition = true,\n            position = 'left',\n            preventFlip,\n            popperClassName,\n            arrowClassName,\n            className,\n            open,\n            dataTestId,\n            update,\n            transitionDuration = `${transition.timeout}ms`,\n            zIndex = stackingOrder.POPOVER,\n            fallbackPlacements,\n            preventOverflow = true,\n            availableHeight = false,\n            scrollableContentClassName,\n            arrowToEdgeMinDistance = 24,\n        },\n        ref,\n    ) => {\n        const [referenceElement, setReferenceElement] = useState<RefElement>(anchorElement);\n        const [popperElement, setPopperElement] = useState<RefElement>(null);\n        const [arrowElement, setArrowElement] = useState<RefElement>(null);\n        const [maxSizeOptions, setMaxSizeOptions] = useState<\n            Partial<ModifierOptions<typeof maxSize>>\n        >(() => ({}));\n\n        const updatePopperRef = useRef<() => void>();\n\n        const popperRef = useRef<HTMLDivElement>(null);\n        const innerRef = useRef<HTMLDivElement>(null);\n\n        const popperModifiers = useMemo(() => {\n            const modifiers: PopperModifier[] = [{ name: 'offset', options: { offset } }];\n\n            if (withArrow) {\n                modifiers.push({\n                    name: 'arrow',\n                    options: {\n                        element: arrowElement,\n                        padding: createGetArrowPadding(arrowToEdgeMinDistance),\n                    },\n                });\n            }\n\n            if (preventFlip) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements: [] } });\n            }\n\n            if (fallbackPlacements) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements } });\n            }\n\n            if (preventOverflow) {\n                modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });\n            }\n\n            if (isFn(availableHeight) || availableHeight) {\n                modifiers.push({ ...maxSize, options: maxSizeOptions });\n            }\n\n            return modifiers;\n        }, [\n            offset,\n            withArrow,\n            preventFlip,\n            fallbackPlacements,\n            preventOverflow,\n            availableHeight,\n            arrowElement,\n            arrowToEdgeMinDistance,\n            maxSizeOptions,\n        ]);\n\n        const {\n            styles: popperStyles,\n            attributes,\n            update: updatePopper,\n            state,\n        } = usePopper(referenceElement, popperElement, {\n            placement: position,\n            modifiers: popperModifiers,\n        });\n\n        if (updatePopper) {\n            updatePopperRef.current = updatePopper;\n        }\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            const nextBoundry = isFn(availableHeight)\n                ? (availableHeight() ?? undefined)\n                : undefined;\n\n            if (!(maxSizeOptions.boundary === nextBoundry)) {\n                setMaxSizeOptions({ boundary: nextBoundry });\n            }\n        });\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            setReferenceElement(anchorElement);\n        }, [anchorElement]);\n\n        useEffect(() => {\n            if (updatePopper) {\n                updatePopper();\n            }\n        }, [updatePopper, arrowElement, children]);\n\n        useEffect(() => {\n            if (update && updatePopper) {\n                // eslint-disable-next-line no-param-reassign\n                update.current = updatePopper;\n            }\n        });\n\n        useEffect(() => {\n            if (useAnchorWidth) {\n                const updatePopoverWidth = () => updatePopperRef.current?.();\n                const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n                const observer = new ResizeObserver(updatePopoverWidth);\n\n                if (anchorElement) {\n                    observer.observe(anchorElement);\n                }\n\n                return () => {\n                    observer.disconnect();\n                };\n            }\n\n            return () => ({});\n        }, [anchorElement, useAnchorWidth]);\n\n        const renderContent = (computedZIndex: number) => (\n            <div\n                ref={mergeRefs([ref, popperRef, setPopperElement])}\n                style={{\n                    zIndex: computedZIndex,\n                    width: useAnchorWidth ? referenceElement?.offsetWidth : undefined,\n                    ...popperStyles.popper,\n                    ...(popperStyles.popper?.transform ? null : { visibility: 'hidden' }),\n                }}\n                data-test-id={dataTestId}\n                className={cn(styles.component, className)}\n                {...attributes.popper}\n            >\n                <div className={cn(styles.inner, popperClassName)} ref={innerRef}>\n                    <div\n                        className={cn(scrollableContentClassName, {\n                            [styles.scrollableContent]: isFn(availableHeight) || availableHeight,\n                        })}\n                        style={{\n                            maxHeight:\n                                isFn(availableHeight) || availableHeight\n                                    ? state?.modifiersData.maxSize?.height\n                                    : undefined,\n                        }}\n                    >\n                        {children}\n                    </div>\n\n                    {withArrow && (\n                        <div\n                            ref={setArrowElement}\n                            style={popperStyles.arrow}\n                            className={cn(styles.arrow, arrowClassName)}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n\n        return (\n            <Stack value={zIndex}>\n                {(computedZIndex) => (\n                    <Portal getPortalContainer={getPortalContainer}>\n                        {withTransition ? (\n                            <CSSTransition\n                                unmountOnExit={true}\n                                classNames={CSS_TRANSITION_CLASS_NAMES}\n                                nodeRef={popperRef}\n                                {...transition}\n                                in={open}\n                                onEntering={(node: HTMLElement, isAppearing: boolean) => {\n                                    // Меняем transition-duration только в случае, если передано значение отличное от дефолтного.\n                                    if (\n                                        innerRef.current &&\n                                        transitionDuration !== `${DEFAULT_TRANSITION.timeout}ms`\n                                    ) {\n                                        innerRef.current.style.setProperty(\n                                            'transition-duration',\n                                            transitionDuration,\n                                        );\n                                    }\n                                    transition?.onEntering?.(node, isAppearing);\n                                }}\n                            >\n                                {renderContent(computedZIndex)}\n                            </CSSTransition>\n                        ) : (\n                            open && renderContent(computedZIndex)\n                        )}\n                    </Portal>\n                )}\n            </Stack>\n        );\n    },\n);\n\nPopover.displayName = 'Popover';\n"],"names":["styles","forwardRef","stackingOrder","useState","useRef","useMemo","isFn","__assign","maxSize","usePopper","useLayoutEffect_SAFE_FOR_SSR","useEffect","ResizeObserverPolyfill","React","mergeRefs","cn","Stack","Portal","CSSTransition"],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, {\n    type CSSProperties,\n    forwardRef,\n    type MutableRefObject,\n    type ReactNode,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { usePopper } from 'react-popper';\nimport { CSSTransition } from 'react-transition-group';\nimport { type CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport {\n    type BasePlacement,\n    type Modifier,\n    type Obj,\n    type VariationPlacement,\n} from '@popperjs/core';\nimport cn from 'classnames';\nimport maxSize from 'popper-max-size-modifier';\n\nimport { Portal } from '@alfalab/core-components-portal';\nimport { isFn } from '@alfalab/core-components-shared';\nimport { Stack } from '@alfalab/core-components-stack';\nimport { stackingOrder } from '@alfalab/core-components-stack-context';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\ntype RefElement = HTMLElement | null;\n\ntype ModifierOptions<T> = T extends Modifier<unknown, infer V> ? V : never;\n\nexport type Position = BasePlacement | VariationPlacement;\n\ntype PopperModifier = {\n    name: string;\n    options: Obj;\n};\n\nexport type PopoverProps = {\n    /**\n     * Управление состоянием поповера (открыт/закрыт)\n     */\n    open: boolean;\n\n    /**\n     * Элемент, относительного которого появляется поповер\n     */\n    anchorElement: RefElement;\n\n    /**\n     * Использовать ширину родительского элемента\n     */\n    useAnchorWidth?: boolean;\n\n    /**\n     * Позиционирование поповера\n     */\n    position?: Position;\n\n    /**\n     * Запрещает поповеру менять свою позицию.\n     * Например, если места снизу недостаточно, то он все равно будет показан снизу\n     */\n    preventFlip?: boolean;\n\n    /**\n     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.\n     */\n    preventOverflow?: boolean;\n\n    /**\n     * Позволяет поповеру подствраивать свою высоту под границы экрана/элемента, если из-за величины контента он выходит за рамки области экрана/элемента\n     */\n    availableHeight?: boolean | (() => Element | null | undefined);\n\n    /**\n     * Если `true`, будет отрисована стрелочка\n     */\n    withArrow?: boolean;\n\n    /**\n     * Смещение поповера.\n     * Если позиционирование top, bottom, то [x, y].\n     * Если позиционирование left, right то [y, x].\n     */\n    offset?: [number, number];\n\n    /**\n     * Дополнительный класс для поповера\n     */\n    popperClassName?: string;\n\n    /**\n     * Дополнительный класс для стрелочки\n     */\n    arrowClassName?: string;\n\n    /**\n     * Функция, возвращающая контейнер, в который будет рендериться поповер\n     */\n    getPortalContainer?: () => HTMLElement;\n\n    /**\n     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.\n     */\n    transition?: CSSTransitionProps;\n\n    /**\n     * Выставляет кастомное свойство transition-duration\n     */\n    transitionDuration?: CSSProperties['transitionDuration'];\n\n    /**\n     * Рендерит компонент, обернутый в Transition\n     */\n    withTransition?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Хранит функцию, с помощью которой можно обновить положение компонента\n     */\n    update?: MutableRefObject<(() => void) | undefined>;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * z-index компонента\n     */\n    zIndex?: number;\n\n    /**\n     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,\n     * по очереди для каждой позиции из этого списка.\n     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.\n     */\n    fallbackPlacements?: Position[];\n\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Класс для скролл контейнера\n     */\n    scrollableContentClassName?: string;\n\n    /**\n     * Минимальное расстояние стрелки до края поповера\n     *\n     * @default 24\n     */\n    arrowToEdgeMinDistance?: number;\n};\n\nconst DEFAULT_TRANSITION: PopoverProps['transition'] = {\n    timeout: 150,\n};\n\nconst CSS_TRANSITION_CLASS_NAMES = {\n    enter: styles.enter,\n    enterActive: styles.enterActive,\n    exit: styles.exit,\n    exitActive: styles.exitActive,\n};\n\nconst DEFAULT_OFFSET = [0, 0];\n\nfunction createGetArrowPadding(minDistanceToEdge: number) {\n    return function getArrowPadding({\n        placement,\n    }: {\n        popper: { height: number; width: number };\n        reference: { height: number; width: number };\n        placement: Position;\n    }) {\n        if (placement === 'right-end' || placement === 'left-end') {\n            return { top: minDistanceToEdge, right: 0, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'top-start' || placement === 'bottom-start') {\n            return { top: 0, right: minDistanceToEdge, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'right-start' || placement === 'left-start') {\n            return { top: 0, right: 0, bottom: minDistanceToEdge, left: 0 };\n        }\n\n        if (placement === 'top-end' || placement === 'bottom-end') {\n            return { top: 0, right: 0, bottom: 0, left: minDistanceToEdge };\n        }\n\n        return 0;\n    };\n}\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n    (\n        {\n            children,\n            getPortalContainer,\n            transition = DEFAULT_TRANSITION,\n            anchorElement,\n            useAnchorWidth,\n            offset = DEFAULT_OFFSET,\n            withArrow = false,\n            withTransition = true,\n            position = 'left',\n            preventFlip,\n            popperClassName,\n            arrowClassName,\n            className,\n            open,\n            dataTestId,\n            update,\n            transitionDuration = `${transition.timeout}ms`,\n            zIndex = stackingOrder.POPOVER,\n            fallbackPlacements,\n            preventOverflow = true,\n            availableHeight = false,\n            scrollableContentClassName,\n            arrowToEdgeMinDistance = 24,\n        },\n        ref,\n    ) => {\n        const [referenceElement, setReferenceElement] = useState<RefElement>(anchorElement);\n        const [popperElement, setPopperElement] = useState<RefElement>(null);\n        const [arrowElement, setArrowElement] = useState<RefElement>(null);\n        const [maxSizeOptions, setMaxSizeOptions] = useState<\n            Partial<ModifierOptions<typeof maxSize>>\n        >(() => ({}));\n\n        const updatePopperRef = useRef<() => void>();\n\n        const popperRef = useRef<HTMLDivElement>(null);\n        const innerRef = useRef<HTMLDivElement>(null);\n\n        const popperModifiers = useMemo(() => {\n            const modifiers: PopperModifier[] = [{ name: 'offset', options: { offset } }];\n\n            if (withArrow) {\n                modifiers.push({\n                    name: 'arrow',\n                    options: {\n                        element: arrowElement,\n                        padding: createGetArrowPadding(arrowToEdgeMinDistance),\n                    },\n                });\n            }\n\n            if (preventFlip) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements: [] } });\n            }\n\n            if (fallbackPlacements) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements } });\n            }\n\n            if (preventOverflow) {\n                modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });\n            }\n\n            if (isFn(availableHeight) || availableHeight) {\n                modifiers.push({ ...maxSize, options: maxSizeOptions });\n            }\n\n            return modifiers;\n        }, [\n            offset,\n            withArrow,\n            preventFlip,\n            fallbackPlacements,\n            preventOverflow,\n            availableHeight,\n            arrowElement,\n            arrowToEdgeMinDistance,\n            maxSizeOptions,\n        ]);\n\n        const {\n            styles: popperStyles,\n            attributes,\n            update: updatePopper,\n            state,\n        } = usePopper(referenceElement, popperElement, {\n            placement: position,\n            modifiers: popperModifiers,\n        });\n\n        if (updatePopper) {\n            updatePopperRef.current = updatePopper;\n        }\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            const nextBoundry = isFn(availableHeight)\n                ? (availableHeight() ?? undefined)\n                : undefined;\n\n            if (!(maxSizeOptions.boundary === nextBoundry)) {\n                setMaxSizeOptions({ boundary: nextBoundry });\n            }\n        });\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            setReferenceElement(anchorElement);\n        }, [anchorElement]);\n\n        useEffect(() => {\n            if (updatePopper) {\n                updatePopper();\n            }\n        }, [updatePopper, arrowElement, children]);\n\n        useEffect(() => {\n            if (update && updatePopper) {\n                // eslint-disable-next-line no-param-reassign\n                update.current = updatePopper;\n            }\n        });\n\n        useEffect(() => {\n            if (useAnchorWidth) {\n                const updatePopoverWidth = () => updatePopperRef.current?.();\n                const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n                const observer = new ResizeObserver(updatePopoverWidth);\n\n                if (anchorElement) {\n                    observer.observe(anchorElement);\n                }\n\n                return () => {\n                    observer.disconnect();\n                };\n            }\n\n            return () => ({});\n        }, [anchorElement, useAnchorWidth]);\n\n        const renderContent = (computedZIndex: number) => (\n            <div\n                ref={mergeRefs([ref, popperRef, setPopperElement])}\n                style={{\n                    zIndex: computedZIndex,\n                    width: useAnchorWidth ? referenceElement?.offsetWidth : undefined,\n                    ...popperStyles.popper,\n                    ...(popperStyles.popper?.transform ? null : { visibility: 'hidden' }),\n                }}\n                data-test-id={dataTestId}\n                className={cn(styles.component, className)}\n                {...attributes.popper}\n            >\n                <div className={cn(styles.inner, popperClassName)} ref={innerRef}>\n                    <div\n                        className={cn(scrollableContentClassName, {\n                            [styles.scrollableContent]: isFn(availableHeight) || availableHeight,\n                        })}\n                        style={{\n                            maxHeight:\n                                isFn(availableHeight) || availableHeight\n                                    ? state?.modifiersData.maxSize?.height\n                                    : undefined,\n                        }}\n                    >\n                        {children}\n                    </div>\n\n                    {withArrow && (\n                        <div\n                            ref={setArrowElement}\n                            style={popperStyles.arrow}\n                            className={cn(styles.arrow, arrowClassName)}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n\n        return (\n            <Stack value={zIndex}>\n                {(computedZIndex) => (\n                    <Portal getPortalContainer={getPortalContainer}>\n                        {withTransition ? (\n                            <CSSTransition\n                                unmountOnExit={true}\n                                classNames={CSS_TRANSITION_CLASS_NAMES}\n                                nodeRef={popperRef}\n                                {...transition}\n                                in={open}\n                                onEntering={(node: HTMLElement, isAppearing: boolean) => {\n                                    // Меняем transition-duration только в случае, если передано значение отличное от дефолтного.\n                                    if (\n                                        innerRef.current &&\n                                        transitionDuration !== `${DEFAULT_TRANSITION.timeout}ms`\n                                    ) {\n                                        innerRef.current.style.setProperty(\n                                            'transition-duration',\n                                            transitionDuration,\n                                        );\n                                    }\n                                    transition?.onEntering?.(node, isAppearing);\n                                }}\n                            >\n                                {renderContent(computedZIndex)}\n                            </CSSTransition>\n                        ) : (\n                            open && renderContent(computedZIndex)\n                        )}\n                    </Portal>\n                )}\n            </Stack>\n        );\n    },\n);\n\nPopover.displayName = 'Popover';\n"],"names":["styles","forwardRef","stackingOrder","useState","useRef","useMemo","isFn","__assign","maxSize","usePopper","useLayoutEffect_SAFE_FOR_SSR","useEffect","ResizeObserverPolyfill","React","mergeRefs","cn","Stack","Portal","CSSTransition"],"mappings":"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"}

package/esm/Component.d.ts

@@ -1,9 +1,9 @@
 import React, { type CSSProperties, type MutableRefObject, type ReactNode } from 'react';
 import { type CSSTransitionProps } from 'react-transition-group/CSSTransition';
 import { type BasePlacement, type VariationPlacement } from '@popperjs/core';
-declare type RefElement = HTMLElement | null;
-export declare type Position = BasePlacement | VariationPlacement;
-export declare type PopoverProps = {
+type RefElement = HTMLElement | null;
+export type Position = BasePlacement | VariationPlacement;
+export type PopoverProps = {
     /**
      * Управление состоянием поповера (открыт/закрыт)
      */

package/esm/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, {\n    type CSSProperties,\n    forwardRef,\n    type MutableRefObject,\n    type ReactNode,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { usePopper } from 'react-popper';\nimport { CSSTransition } from 'react-transition-group';\nimport { type CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport {\n    type BasePlacement,\n    type Modifier,\n    type Obj,\n    type VariationPlacement,\n} from '@popperjs/core';\nimport cn from 'classnames';\nimport maxSize from 'popper-max-size-modifier';\n\nimport { Portal } from '@alfalab/core-components-portal';\nimport { isFn } from '@alfalab/core-components-shared';\nimport { Stack } from '@alfalab/core-components-stack';\nimport { stackingOrder } from '@alfalab/core-components-stack-context';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\ntype RefElement = HTMLElement | null;\n\ntype ModifierOptions<T> = T extends Modifier<unknown, infer V> ? V : never;\n\nexport type Position = BasePlacement | VariationPlacement;\n\ntype PopperModifier = {\n    name: string;\n    options: Obj;\n};\n\nexport type PopoverProps = {\n    /**\n     * Управление состоянием поповера (открыт/закрыт)\n     */\n    open: boolean;\n\n    /**\n     * Элемент, относительного которого появляется поповер\n     */\n    anchorElement: RefElement;\n\n    /**\n     * Использовать ширину родительского элемента\n     */\n    useAnchorWidth?: boolean;\n\n    /**\n     * Позиционирование поповера\n     */\n    position?: Position;\n\n    /**\n     * Запрещает поповеру менять свою позицию.\n     * Например, если места снизу недостаточно, то он все равно будет показан снизу\n     */\n    preventFlip?: boolean;\n\n    /**\n     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.\n     */\n    preventOverflow?: boolean;\n\n    /**\n     * Позволяет поповеру подствраивать свою высоту под границы экрана/элемента, если из-за величины контента он выходит за рамки области экрана/элемента\n     */\n    availableHeight?: boolean | (() => Element | null | undefined);\n\n    /**\n     * Если `true`, будет отрисована стрелочка\n     */\n    withArrow?: boolean;\n\n    /**\n     * Смещение поповера.\n     * Если позиционирование top, bottom, то [x, y].\n     * Если позиционирование left, right то [y, x].\n     */\n    offset?: [number, number];\n\n    /**\n     * Дополнительный класс для поповера\n     */\n    popperClassName?: string;\n\n    /**\n     * Дополнительный класс для стрелочки\n     */\n    arrowClassName?: string;\n\n    /**\n     * Функция, возвращающая контейнер, в который будет рендериться поповер\n     */\n    getPortalContainer?: () => HTMLElement;\n\n    /**\n     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.\n     */\n    transition?: CSSTransitionProps;\n\n    /**\n     * Выставляет кастомное свойство transition-duration\n     */\n    transitionDuration?: CSSProperties['transitionDuration'];\n\n    /**\n     * Рендерит компонент, обернутый в Transition\n     */\n    withTransition?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Хранит функцию, с помощью которой можно обновить положение компонента\n     */\n    update?: MutableRefObject<(() => void) | undefined>;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * z-index компонента\n     */\n    zIndex?: number;\n\n    /**\n     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,\n     * по очереди для каждой позиции из этого списка.\n     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.\n     */\n    fallbackPlacements?: Position[];\n\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Класс для скролл контейнера\n     */\n    scrollableContentClassName?: string;\n\n    /**\n     * Минимальное расстояние стрелки до края поповера\n     *\n     * @default 24\n     */\n    arrowToEdgeMinDistance?: number;\n};\n\nconst DEFAULT_TRANSITION: PopoverProps['transition'] = {\n    timeout: 150,\n};\n\nconst CSS_TRANSITION_CLASS_NAMES = {\n    enter: styles.enter,\n    enterActive: styles.enterActive,\n    exit: styles.exit,\n    exitActive: styles.exitActive,\n};\n\nconst DEFAULT_OFFSET = [0, 0];\n\nfunction createGetArrowPadding(minDistanceToEdge: number) {\n    return function getArrowPadding({\n        placement,\n    }: {\n        popper: { height: number; width: number };\n        reference: { height: number; width: number };\n        placement: Position;\n    }) {\n        if (placement === 'right-end' || placement === 'left-end') {\n            return { top: minDistanceToEdge, right: 0, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'top-start' || placement === 'bottom-start') {\n            return { top: 0, right: minDistanceToEdge, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'right-start' || placement === 'left-start') {\n            return { top: 0, right: 0, bottom: minDistanceToEdge, left: 0 };\n        }\n\n        if (placement === 'top-end' || placement === 'bottom-end') {\n            return { top: 0, right: 0, bottom: 0, left: minDistanceToEdge };\n        }\n\n        return 0;\n    };\n}\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n    (\n        {\n            children,\n            getPortalContainer,\n            transition = DEFAULT_TRANSITION,\n            anchorElement,\n            useAnchorWidth,\n            offset = DEFAULT_OFFSET,\n            withArrow = false,\n            withTransition = true,\n            position = 'left',\n            preventFlip,\n            popperClassName,\n            arrowClassName,\n            className,\n            open,\n            dataTestId,\n            update,\n            transitionDuration = `${transition.timeout}ms`,\n            zIndex = stackingOrder.POPOVER,\n            fallbackPlacements,\n            preventOverflow = true,\n            availableHeight = false,\n            scrollableContentClassName,\n            arrowToEdgeMinDistance = 24,\n        },\n        ref,\n    ) => {\n        const [referenceElement, setReferenceElement] = useState<RefElement>(anchorElement);\n        const [popperElement, setPopperElement] = useState<RefElement>(null);\n        const [arrowElement, setArrowElement] = useState<RefElement>(null);\n        const [maxSizeOptions, setMaxSizeOptions] = useState<\n            Partial<ModifierOptions<typeof maxSize>>\n        >(() => ({}));\n\n        const updatePopperRef = useRef<() => void>();\n\n        const popperRef = useRef<HTMLDivElement>(null);\n        const innerRef = useRef<HTMLDivElement>(null);\n\n        const popperModifiers = useMemo(() => {\n            const modifiers: PopperModifier[] = [{ name: 'offset', options: { offset } }];\n\n            if (withArrow) {\n                modifiers.push({\n                    name: 'arrow',\n                    options: {\n                        element: arrowElement,\n                        padding: createGetArrowPadding(arrowToEdgeMinDistance),\n                    },\n                });\n            }\n\n            if (preventFlip) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements: [] } });\n            }\n\n            if (fallbackPlacements) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements } });\n            }\n\n            if (preventOverflow) {\n                modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });\n            }\n\n            if (isFn(availableHeight) || availableHeight) {\n                modifiers.push({ ...maxSize, options: maxSizeOptions });\n            }\n\n            return modifiers;\n        }, [\n            offset,\n            withArrow,\n            preventFlip,\n            fallbackPlacements,\n            preventOverflow,\n            availableHeight,\n            arrowElement,\n            arrowToEdgeMinDistance,\n            maxSizeOptions,\n        ]);\n\n        const {\n            styles: popperStyles,\n            attributes,\n            update: updatePopper,\n            state,\n        } = usePopper(referenceElement, popperElement, {\n            placement: position,\n            modifiers: popperModifiers,\n        });\n\n        if (updatePopper) {\n            updatePopperRef.current = updatePopper;\n        }\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            const nextBoundry = isFn(availableHeight)\n                ? (availableHeight() ?? undefined)\n                : undefined;\n\n            if (!(maxSizeOptions.boundary === nextBoundry)) {\n                setMaxSizeOptions({ boundary: nextBoundry });\n            }\n        });\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            setReferenceElement(anchorElement);\n        }, [anchorElement]);\n\n        useEffect(() => {\n            if (updatePopper) {\n                updatePopper();\n            }\n        }, [updatePopper, arrowElement, children]);\n\n        useEffect(() => {\n            if (update && updatePopper) {\n                // eslint-disable-next-line no-param-reassign\n                update.current = updatePopper;\n            }\n        });\n\n        useEffect(() => {\n            if (useAnchorWidth) {\n                const updatePopoverWidth = () => updatePopperRef.current?.();\n                const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n                const observer = new ResizeObserver(updatePopoverWidth);\n\n                if (anchorElement) {\n                    observer.observe(anchorElement);\n                }\n\n                return () => {\n                    observer.disconnect();\n                };\n            }\n\n            return () => ({});\n        }, [anchorElement, useAnchorWidth]);\n\n        const renderContent = (computedZIndex: number) => (\n            <div\n                ref={mergeRefs([ref, popperRef, setPopperElement])}\n                style={{\n                    zIndex: computedZIndex,\n                    width: useAnchorWidth ? referenceElement?.offsetWidth : undefined,\n                    ...popperStyles.popper,\n                    ...(popperStyles.popper?.transform ? null : { visibility: 'hidden' }),\n                }}\n                data-test-id={dataTestId}\n                className={cn(styles.component, className)}\n                {...attributes.popper}\n            >\n                <div className={cn(styles.inner, popperClassName)} ref={innerRef}>\n                    <div\n                        className={cn(scrollableContentClassName, {\n                            [styles.scrollableContent]: isFn(availableHeight) || availableHeight,\n                        })}\n                        style={{\n                            maxHeight:\n                                isFn(availableHeight) || availableHeight\n                                    ? state?.modifiersData.maxSize?.height\n                                    : undefined,\n                        }}\n                    >\n                        {children}\n                    </div>\n\n                    {withArrow && (\n                        <div\n                            ref={setArrowElement}\n                            style={popperStyles.arrow}\n                            className={cn(styles.arrow, arrowClassName)}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n\n        return (\n            <Stack value={zIndex}>\n                {(computedZIndex) => (\n                    <Portal getPortalContainer={getPortalContainer}>\n                        {withTransition ? (\n                            <CSSTransition\n                                unmountOnExit={true}\n                                classNames={CSS_TRANSITION_CLASS_NAMES}\n                                nodeRef={popperRef}\n                                {...transition}\n                                in={open}\n                                onEntering={(node: HTMLElement, isAppearing: boolean) => {\n                                    // Меняем transition-duration только в случае, если передано значение отличное от дефолтного.\n                                    if (\n                                        innerRef.current &&\n                                        transitionDuration !== `${DEFAULT_TRANSITION.timeout}ms`\n                                    ) {\n                                        innerRef.current.style.setProperty(\n                                            'transition-duration',\n                                            transitionDuration,\n                                        );\n                                    }\n                                    transition?.onEntering?.(node, isAppearing);\n                                }}\n                            >\n                                {renderContent(computedZIndex)}\n                            </CSSTransition>\n                        ) : (\n                            open && renderContent(computedZIndex)\n                        )}\n                    </Portal>\n                )}\n            </Stack>\n        );\n    },\n);\n\nPopover.displayName = 'Popover';\n"],"names":["ResizeObserverPolyfill"],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, {\n    type CSSProperties,\n    forwardRef,\n    type MutableRefObject,\n    type ReactNode,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { usePopper } from 'react-popper';\nimport { CSSTransition } from 'react-transition-group';\nimport { type CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport {\n    type BasePlacement,\n    type Modifier,\n    type Obj,\n    type VariationPlacement,\n} from '@popperjs/core';\nimport cn from 'classnames';\nimport maxSize from 'popper-max-size-modifier';\n\nimport { Portal } from '@alfalab/core-components-portal';\nimport { isFn } from '@alfalab/core-components-shared';\nimport { Stack } from '@alfalab/core-components-stack';\nimport { stackingOrder } from '@alfalab/core-components-stack-context';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\ntype RefElement = HTMLElement | null;\n\ntype ModifierOptions<T> = T extends Modifier<unknown, infer V> ? V : never;\n\nexport type Position = BasePlacement | VariationPlacement;\n\ntype PopperModifier = {\n    name: string;\n    options: Obj;\n};\n\nexport type PopoverProps = {\n    /**\n     * Управление состоянием поповера (открыт/закрыт)\n     */\n    open: boolean;\n\n    /**\n     * Элемент, относительного которого появляется поповер\n     */\n    anchorElement: RefElement;\n\n    /**\n     * Использовать ширину родительского элемента\n     */\n    useAnchorWidth?: boolean;\n\n    /**\n     * Позиционирование поповера\n     */\n    position?: Position;\n\n    /**\n     * Запрещает поповеру менять свою позицию.\n     * Например, если места снизу недостаточно, то он все равно будет показан снизу\n     */\n    preventFlip?: boolean;\n\n    /**\n     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.\n     */\n    preventOverflow?: boolean;\n\n    /**\n     * Позволяет поповеру подствраивать свою высоту под границы экрана/элемента, если из-за величины контента он выходит за рамки области экрана/элемента\n     */\n    availableHeight?: boolean | (() => Element | null | undefined);\n\n    /**\n     * Если `true`, будет отрисована стрелочка\n     */\n    withArrow?: boolean;\n\n    /**\n     * Смещение поповера.\n     * Если позиционирование top, bottom, то [x, y].\n     * Если позиционирование left, right то [y, x].\n     */\n    offset?: [number, number];\n\n    /**\n     * Дополнительный класс для поповера\n     */\n    popperClassName?: string;\n\n    /**\n     * Дополнительный класс для стрелочки\n     */\n    arrowClassName?: string;\n\n    /**\n     * Функция, возвращающая контейнер, в который будет рендериться поповер\n     */\n    getPortalContainer?: () => HTMLElement;\n\n    /**\n     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.\n     */\n    transition?: CSSTransitionProps;\n\n    /**\n     * Выставляет кастомное свойство transition-duration\n     */\n    transitionDuration?: CSSProperties['transitionDuration'];\n\n    /**\n     * Рендерит компонент, обернутый в Transition\n     */\n    withTransition?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Хранит функцию, с помощью которой можно обновить положение компонента\n     */\n    update?: MutableRefObject<(() => void) | undefined>;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * z-index компонента\n     */\n    zIndex?: number;\n\n    /**\n     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,\n     * по очереди для каждой позиции из этого списка.\n     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.\n     */\n    fallbackPlacements?: Position[];\n\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Класс для скролл контейнера\n     */\n    scrollableContentClassName?: string;\n\n    /**\n     * Минимальное расстояние стрелки до края поповера\n     *\n     * @default 24\n     */\n    arrowToEdgeMinDistance?: number;\n};\n\nconst DEFAULT_TRANSITION: PopoverProps['transition'] = {\n    timeout: 150,\n};\n\nconst CSS_TRANSITION_CLASS_NAMES = {\n    enter: styles.enter,\n    enterActive: styles.enterActive,\n    exit: styles.exit,\n    exitActive: styles.exitActive,\n};\n\nconst DEFAULT_OFFSET = [0, 0];\n\nfunction createGetArrowPadding(minDistanceToEdge: number) {\n    return function getArrowPadding({\n        placement,\n    }: {\n        popper: { height: number; width: number };\n        reference: { height: number; width: number };\n        placement: Position;\n    }) {\n        if (placement === 'right-end' || placement === 'left-end') {\n            return { top: minDistanceToEdge, right: 0, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'top-start' || placement === 'bottom-start') {\n            return { top: 0, right: minDistanceToEdge, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'right-start' || placement === 'left-start') {\n            return { top: 0, right: 0, bottom: minDistanceToEdge, left: 0 };\n        }\n\n        if (placement === 'top-end' || placement === 'bottom-end') {\n            return { top: 0, right: 0, bottom: 0, left: minDistanceToEdge };\n        }\n\n        return 0;\n    };\n}\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n    (\n        {\n            children,\n            getPortalContainer,\n            transition = DEFAULT_TRANSITION,\n            anchorElement,\n            useAnchorWidth,\n            offset = DEFAULT_OFFSET,\n            withArrow = false,\n            withTransition = true,\n            position = 'left',\n            preventFlip,\n            popperClassName,\n            arrowClassName,\n            className,\n            open,\n            dataTestId,\n            update,\n            transitionDuration = `${transition.timeout}ms`,\n            zIndex = stackingOrder.POPOVER,\n            fallbackPlacements,\n            preventOverflow = true,\n            availableHeight = false,\n            scrollableContentClassName,\n            arrowToEdgeMinDistance = 24,\n        },\n        ref,\n    ) => {\n        const [referenceElement, setReferenceElement] = useState<RefElement>(anchorElement);\n        const [popperElement, setPopperElement] = useState<RefElement>(null);\n        const [arrowElement, setArrowElement] = useState<RefElement>(null);\n        const [maxSizeOptions, setMaxSizeOptions] = useState<\n            Partial<ModifierOptions<typeof maxSize>>\n        >(() => ({}));\n\n        const updatePopperRef = useRef<() => void>();\n\n        const popperRef = useRef<HTMLDivElement>(null);\n        const innerRef = useRef<HTMLDivElement>(null);\n\n        const popperModifiers = useMemo(() => {\n            const modifiers: PopperModifier[] = [{ name: 'offset', options: { offset } }];\n\n            if (withArrow) {\n                modifiers.push({\n                    name: 'arrow',\n                    options: {\n                        element: arrowElement,\n                        padding: createGetArrowPadding(arrowToEdgeMinDistance),\n                    },\n                });\n            }\n\n            if (preventFlip) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements: [] } });\n            }\n\n            if (fallbackPlacements) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements } });\n            }\n\n            if (preventOverflow) {\n                modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });\n            }\n\n            if (isFn(availableHeight) || availableHeight) {\n                modifiers.push({ ...maxSize, options: maxSizeOptions });\n            }\n\n            return modifiers;\n        }, [\n            offset,\n            withArrow,\n            preventFlip,\n            fallbackPlacements,\n            preventOverflow,\n            availableHeight,\n            arrowElement,\n            arrowToEdgeMinDistance,\n            maxSizeOptions,\n        ]);\n\n        const {\n            styles: popperStyles,\n            attributes,\n            update: updatePopper,\n            state,\n        } = usePopper(referenceElement, popperElement, {\n            placement: position,\n            modifiers: popperModifiers,\n        });\n\n        if (updatePopper) {\n            updatePopperRef.current = updatePopper;\n        }\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            const nextBoundry = isFn(availableHeight)\n                ? (availableHeight() ?? undefined)\n                : undefined;\n\n            if (!(maxSizeOptions.boundary === nextBoundry)) {\n                setMaxSizeOptions({ boundary: nextBoundry });\n            }\n        });\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            setReferenceElement(anchorElement);\n        }, [anchorElement]);\n\n        useEffect(() => {\n            if (updatePopper) {\n                updatePopper();\n            }\n        }, [updatePopper, arrowElement, children]);\n\n        useEffect(() => {\n            if (update && updatePopper) {\n                // eslint-disable-next-line no-param-reassign\n                update.current = updatePopper;\n            }\n        });\n\n        useEffect(() => {\n            if (useAnchorWidth) {\n                const updatePopoverWidth = () => updatePopperRef.current?.();\n                const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n                const observer = new ResizeObserver(updatePopoverWidth);\n\n                if (anchorElement) {\n                    observer.observe(anchorElement);\n                }\n\n                return () => {\n                    observer.disconnect();\n                };\n            }\n\n            return () => ({});\n        }, [anchorElement, useAnchorWidth]);\n\n        const renderContent = (computedZIndex: number) => (\n            <div\n                ref={mergeRefs([ref, popperRef, setPopperElement])}\n                style={{\n                    zIndex: computedZIndex,\n                    width: useAnchorWidth ? referenceElement?.offsetWidth : undefined,\n                    ...popperStyles.popper,\n                    ...(popperStyles.popper?.transform ? null : { visibility: 'hidden' }),\n                }}\n                data-test-id={dataTestId}\n                className={cn(styles.component, className)}\n                {...attributes.popper}\n            >\n                <div className={cn(styles.inner, popperClassName)} ref={innerRef}>\n                    <div\n                        className={cn(scrollableContentClassName, {\n                            [styles.scrollableContent]: isFn(availableHeight) || availableHeight,\n                        })}\n                        style={{\n                            maxHeight:\n                                isFn(availableHeight) || availableHeight\n                                    ? state?.modifiersData.maxSize?.height\n                                    : undefined,\n                        }}\n                    >\n                        {children}\n                    </div>\n\n                    {withArrow && (\n                        <div\n                            ref={setArrowElement}\n                            style={popperStyles.arrow}\n                            className={cn(styles.arrow, arrowClassName)}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n\n        return (\n            <Stack value={zIndex}>\n                {(computedZIndex) => (\n                    <Portal getPortalContainer={getPortalContainer}>\n                        {withTransition ? (\n                            <CSSTransition\n                                unmountOnExit={true}\n                                classNames={CSS_TRANSITION_CLASS_NAMES}\n                                nodeRef={popperRef}\n                                {...transition}\n                                in={open}\n                                onEntering={(node: HTMLElement, isAppearing: boolean) => {\n                                    // Меняем transition-duration только в случае, если передано значение отличное от дефолтного.\n                                    if (\n                                        innerRef.current &&\n                                        transitionDuration !== `${DEFAULT_TRANSITION.timeout}ms`\n                                    ) {\n                                        innerRef.current.style.setProperty(\n                                            'transition-duration',\n                                            transitionDuration,\n                                        );\n                                    }\n                                    transition?.onEntering?.(node, isAppearing);\n                                }}\n                            >\n                                {renderContent(computedZIndex)}\n                            </CSSTransition>\n                        ) : (\n                            open && renderContent(computedZIndex)\n                        )}\n                    </Portal>\n                )}\n            </Stack>\n        );\n    },\n);\n\nPopover.displayName = 'Popover';\n"],"names":["ResizeObserverPolyfill"],"mappings":";;;;;;;;;;;;;;;AAuKA,IAAM,kBAAkB,GAA+B;AACnD,IAAA,OAAO,EAAE,GAAG;CACf;AAED,IAAM,0BAA0B,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,WAAW,EAAE,MAAM,CAAC,WAAW;IAC/B,IAAI,EAAE,MAAM,CAAC,IAAI;IACjB,UAAU,EAAE,MAAM,CAAC,UAAU;CAChC;AAED,IAAM,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AAE7B,SAAS,qBAAqB,CAAC,iBAAyB,EAAA;IACpD,OAAO,SAAS,eAAe,CAAC,EAM/B,EAAA;AALG,QAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;QAMT,IAAI,SAAS,KAAK,WAAW,IAAI,SAAS,KAAK,UAAU,EAAE;AACvD,YAAA,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;;QAGnE,IAAI,SAAS,KAAK,WAAW,IAAI,SAAS,KAAK,cAAc,EAAE;AAC3D,YAAA,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE;;QAGnE,IAAI,SAAS,KAAK,aAAa,IAAI,SAAS,KAAK,YAAY,EAAE;AAC3D,YAAA,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,EAAE;;QAGnE,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,YAAY,EAAE;AACvD,YAAA,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE;;AAGnE,QAAA,OAAO,CAAC;AACZ,KAAC;AACL;IAEa,OAAO,GAAG,UAAU,CAC7B,UACI,EAwBC,EACD,GAAG,EAAA;QAxBC,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,kBAAkB,GAAA,EAAA,CAAA,kBAAA,EAClB,kBAA+B,EAA/B,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,kBAAkB,GAAA,EAAA,EAC/B,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,EAAA,GAAA,EAAA,CAAA,MAAuB,EAAvB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,cAAc,GAAA,EAAA,EACvB,EAAiB,GAAA,EAAA,CAAA,SAAA,EAAjB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EACjB,EAAqB,GAAA,EAAA,CAAA,cAAA,EAArB,cAAc,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,GAAA,EAAA,EACrB,EAAiB,GAAA,EAAA,CAAA,QAAA,EAAjB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,MAAM,GAAA,EAAA,EACjB,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,SAAS,eAAA,EACT,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAA,GAAA,EAAA,CAAA,kBAA8C,EAA9C,kBAAkB,mBAAG,EAAG,CAAA,MAAA,CAAA,UAAU,CAAC,OAAO,EAAI,IAAA,CAAA,GAAA,EAAA,EAC9C,EAAA,GAAA,EAAA,CAAA,MAA8B,EAA9B,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,aAAa,CAAC,OAAO,KAAA,EAC9B,kBAAkB,GAAA,EAAA,CAAA,kBAAA,EAClB,EAAsB,GAAA,EAAA,CAAA,eAAA,EAAtB,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,GAAA,EAAA,EACtB,EAAuB,GAAA,EAAA,CAAA,eAAA,EAAvB,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,GAAA,EAAA,EACvB,0BAA0B,GAAA,EAAA,CAAA,0BAAA,EAC1B,EAAA,GAAA,EAAA,CAAA,sBAA2B,EAA3B,sBAAsB,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA;IAIzB,IAAA,EAAA,GAA0C,QAAQ,CAAa,aAAa,CAAC,EAA5E,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,mBAAmB,GAAA,EAAA,CAAA,CAAA,CAAuC;IAC7E,IAAA,EAAA,GAAoC,QAAQ,CAAa,IAAI,CAAC,EAA7D,aAAa,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAA8B;IAC9D,IAAA,EAAA,GAAkC,QAAQ,CAAa,IAAI,CAAC,EAA3D,YAAY,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,eAAe,GAAA,EAAA,CAAA,CAAA,CAA8B;AAC5D,IAAA,IAAA,KAAsC,QAAQ,CAElD,YAAM,EAAA,QAAC,EAAE,EAAH,EAAI,CAAC,EAFN,cAAc,QAAA,EAAE,iBAAiB,QAE3B;AAEb,IAAA,IAAM,eAAe,GAAG,MAAM,EAAc;AAE5C,IAAA,IAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC9C,IAAA,IAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;IAE7C,IAAM,eAAe,GAAG,OAAO,CAAC,YAAA;AAC5B,QAAA,IAAM,SAAS,GAAqB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,MAAM,EAAA,MAAA,EAAE,EAAE,CAAC;QAE7E,IAAI,SAAS,EAAE;YACX,SAAS,CAAC,IAAI,CAAC;AACX,gBAAA,IAAI,EAAE,OAAO;AACb,gBAAA,OAAO,EAAE;AACL,oBAAA,OAAO,EAAE,YAAY;AACrB,oBAAA,OAAO,EAAE,qBAAqB,CAAC,sBAAsB,CAAC;AACzD,iBAAA;AACJ,aAAA,CAAC;;QAGN,IAAI,WAAW,EAAE;AACb,YAAA,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE,EAAE,CAAC;;QAGzE,IAAI,kBAAkB,EAAE;AACpB,YAAA,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAAA,kBAAA,EAAE,EAAE,CAAC;;QAGrE,IAAI,eAAe,EAAE;AACjB,YAAA,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC;;AAG7E,QAAA,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,eAAe,EAAE;YAC1C,SAAS,CAAC,IAAI,CAAM,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,OAAO,KAAE,OAAO,EAAE,cAAc,EAAA,CAAA,CAAG;;AAG3D,QAAA,OAAO,SAAS;AACpB,KAAC,EAAE;QACC,MAAM;QACN,SAAS;QACT,WAAW;QACX,kBAAkB;QAClB,eAAe;QACf,eAAe;QACf,YAAY;QACZ,sBAAsB;QACtB,cAAc;AACjB,KAAA,CAAC;AAEI,IAAA,IAAA,KAKF,SAAS,CAAC,gBAAgB,EAAE,aAAa,EAAE;AAC3C,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,SAAS,EAAE,eAAe;AAC7B,KAAA,CAAC,EAPU,YAAY,GAAA,EAAA,CAAA,MAAA,EACpB,UAAU,GAAA,EAAA,CAAA,UAAA,EACF,YAAY,GAAA,EAAA,CAAA,MAAA,EACpB,KAAK,GAAA,EAAA,CAAA,KAIP;IAEF,IAAI,YAAY,EAAE;AACd,QAAA,eAAe,CAAC,OAAO,GAAG,YAAY;;AAG1C,IAAA,4BAA4B,CAAC,YAAA;;AACzB,QAAA,IAAM,WAAW,GAAG,IAAI,CAAC,eAAe;AACpC,eAAG,CAAA,EAAA,GAAA,eAAe,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,SAAS;cAC/B,SAAS;QAEf,IAAI,EAAE,cAAc,CAAC,QAAQ,KAAK,WAAW,CAAC,EAAE;AAC5C,YAAA,iBAAiB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;;AAEpD,KAAC,CAAC;AAEF,IAAA,4BAA4B,CAAC,YAAA;QACzB,mBAAmB,CAAC,aAAa,CAAC;AACtC,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC;AAEnB,IAAA,SAAS,CAAC,YAAA;QACN,IAAI,YAAY,EAAE;AACd,YAAA,YAAY,EAAE;;KAErB,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;AAE1C,IAAA,SAAS,CAAC,YAAA;AACN,QAAA,IAAI,MAAM,IAAI,YAAY,EAAE;;AAExB,YAAA,MAAM,CAAC,OAAO,GAAG,YAAY;;AAErC,KAAC,CAAC;AAEF,IAAA,SAAS,CAAC,YAAA;QACN,IAAI,cAAc,EAAE;YAChB,IAAM,kBAAkB,GAAG,YAAA,EAAA,IAAA,EAAA,CAAA,CAAM,OAAA,CAAA,EAAA,GAAA,eAAe,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,eAAA,CAAI,CAAA,EAAA;AAC5D,YAAA,IAAM,gBAAc,GAAG,MAAM,CAAC,cAAc,IAAIA,cAAsB;AACtE,YAAA,IAAM,UAAQ,GAAG,IAAI,gBAAc,CAAC,kBAAkB,CAAC;YAEvD,IAAI,aAAa,EAAE;AACf,gBAAA,UAAQ,CAAC,OAAO,CAAC,aAAa,CAAC;;YAGnC,OAAO,YAAA;gBACH,UAAQ,CAAC,UAAU,EAAE;AACzB,aAAC;;AAGL,QAAA,OAAO,cAAM,QAAC,EAAE,EAAC,EAAA;AACrB,KAAC,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;IAEnC,IAAM,aAAa,GAAG,UAAC,cAAsB,EAAA;;;AAAK,QAAA,QAC9C,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,SAAS,EAAE,gBAAgB,CAAC,CAAC,EAClD,KAAK,sBACD,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,cAAc,GAAG,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAA,MAAA,GAAA,MAAA,GAAhB,gBAAgB,CAAE,WAAW,GAAG,SAAS,EAC9D,EAAA,YAAY,CAAC,MAAM,IAClB,CAAA,CAAA,EAAA,GAAA,YAAY,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,IAAG,IAAI,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,EAE1D,EAAA,cAAA,EAAA,UAAU,EACxB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EACtC,EAAA,UAAU,CAAC,MAAM,CAAA;AAErB,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,eAAe,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAA;AAC5D,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,EAAE,CAAC,0BAA0B,GAAA,EAAA,GAAA,EAAA;wBACpC,EAAC,CAAA,MAAM,CAAC,iBAAiB,CAAA,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,eAAe;AACtE,wBAAA,EAAA,EAAA,EACF,KAAK,EAAE;AACH,wBAAA,SAAS,EACL,IAAI,CAAC,eAAe,CAAC,IAAI;AACrB,8BAAE,CAAA,EAAA,GAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,aAAa,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE;AAChC,8BAAE,SAAS;AACtB,qBAAA,EAAA,EAEA,QAAQ,CACP;AAEL,gBAAA,SAAS,KACN,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,eAAe,EACpB,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,EAAA,CAC7C,CACL,CACC,CACJ;KACT;IAED,QACI,oBAAC,KAAK,EAAA,EAAC,KAAK,EAAE,MAAM,EACf,EAAA,UAAC,cAAc,EAAA,EAAK,QACjB,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,kBAAkB,EAAE,kBAAkB,EACzC,EAAA,cAAc,IACX,oBAAC,aAAa,EAAA,QAAA,CAAA,EACV,aAAa,EAAE,IAAI,EACnB,UAAU,EAAE,0BAA0B,EACtC,OAAO,EAAE,SAAS,IACd,UAAU,EAAA,EACd,EAAE,EAAE,IAAI,EACR,UAAU,EAAE,UAAC,IAAiB,EAAE,WAAoB,EAAA;;;YAEhD,IACI,QAAQ,CAAC,OAAO;AAChB,gBAAA,kBAAkB,KAAK,EAAG,CAAA,MAAA,CAAA,kBAAkB,CAAC,OAAO,EAAA,IAAA,CAAI,EAC1D;gBACE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAC9B,qBAAqB,EACrB,kBAAkB,CACrB;;AAEL,YAAA,CAAA,EAAA,GAAA,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAE,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,UAAA,EAAG,IAAI,EAAE,WAAW,CAAC;SAC9C,EAAA,CAAA,EAEA,aAAa,CAAC,cAAc,CAAC,CAClB,KAEhB,IAAI,IAAI,aAAa,CAAC,cAAc,CAAC,CACxC,CACI,EA5BQ,EA6BpB,CACG;AAEhB,CAAC;AAGL,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

package/esm/index.css

@@ -13,11 +13,11 @@
 :root {
     --popover-border-color: transparent;
 }
-.popover__component_1xple {
+.popover__component_b4k9z {
     background-color: transparent;
     color: var(--color-light-text-primary);
 }
-.popover__inner_1xple {
+.popover__inner_b4k9z {
     position: relative;
     background-color: var(--color-light-modal-bg-primary);
     box-shadow: var(--shadow-m);
@@ -25,15 +25,15 @@
     box-sizing: border-box;
     will-change: transform;
 }
-.popover__scrollableContent_1xple {
+.popover__scrollableContent_b4k9z {
     position: relative;
     z-index: 2;
     overflow-y: auto;
 }
-.popover__arrow_1xple {
+.popover__arrow_b4k9z {
     z-index: 1;
 }
-.popover__arrow_1xple:after {
+.popover__arrow_b4k9z:after {
     content: '';
     display: block;
     position: absolute;
@@ -44,62 +44,62 @@
     box-sizing: border-box;
     transform: rotate(45deg);
 }
-.popover__component_1xple[data-popper-placement='left'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='left-start'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='left-end'] .popover__arrow_1xple {
+.popover__component_b4k9z[data-popper-placement='left'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='left-start'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='left-end'] .popover__arrow_b4k9z {
     right: 5px;
 }
-.popover__component_1xple[data-popper-placement='left'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='left-start'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='left-end'] .popover__arrow_1xple:after {
+.popover__component_b4k9z[data-popper-placement='left'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='left-start'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='left-end'] .popover__arrow_b4k9z:after {
         top: var(--gap-6-neg);
         border-bottom: none;
         border-left: none;
     }
-.popover__component_1xple[data-popper-placement='right'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='right-start'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='right-end'] .popover__arrow_1xple {
+.popover__component_b4k9z[data-popper-placement='right'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='right-start'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='right-end'] .popover__arrow_b4k9z {
     left: -7px;
 }
-.popover__component_1xple[data-popper-placement='right'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='right-start'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='right-end'] .popover__arrow_1xple:after {
+.popover__component_b4k9z[data-popper-placement='right'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='right-start'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='right-end'] .popover__arrow_b4k9z:after {
         top: var(--gap-6-neg);
         border-top: none;
         border-right: none;
     }
-.popover__component_1xple[data-popper-placement='top'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='top-start'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='top-end'] .popover__arrow_1xple {
+.popover__component_b4k9z[data-popper-placement='top'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='top-start'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='top-end'] .popover__arrow_b4k9z {
     bottom: 5px;
 }
-.popover__component_1xple[data-popper-placement='top'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='top-start'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='top-end'] .popover__arrow_1xple:after {
+.popover__component_b4k9z[data-popper-placement='top'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='top-start'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='top-end'] .popover__arrow_b4k9z:after {
         left: var(--gap-6-neg);
         border-top: none;
         border-left: none;
     }
-.popover__component_1xple[data-popper-placement='bottom'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='bottom-start'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='bottom-end'] .popover__arrow_1xple {
+.popover__component_b4k9z[data-popper-placement='bottom'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='bottom-start'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='bottom-end'] .popover__arrow_b4k9z {
     top: -7px;
 }
-.popover__component_1xple[data-popper-placement='bottom'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='bottom-start'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='bottom-end'] .popover__arrow_1xple:after {
+.popover__component_b4k9z[data-popper-placement='bottom'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='bottom-start'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='bottom-end'] .popover__arrow_b4k9z:after {
         left: var(--gap-6-neg);
         border-bottom: none;
         border-right: none;
     }
-.popover__enter_1xple .popover__inner_1xple {
+.popover__enter_b4k9z .popover__inner_b4k9z {
     opacity: 0;
     transform: scale(0.98);
 }
-.popover__enterActive_1xple .popover__inner_1xple {
+.popover__enterActive_b4k9z .popover__inner_b4k9z {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
 }
-.popover__exit_1xple .popover__inner_1xple {
+.popover__exit_b4k9z .popover__inner_b4k9z {
     opacity: 1;
     transform: scale(1);
 }
-.popover__exitActive_1xple .popover__inner_1xple {
+.popover__exitActive_b4k9z .popover__inner_b4k9z {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"popover__component_1xple","inner":"popover__inner_1xple","scrollableContent":"popover__scrollableContent_1xple","arrow":"popover__arrow_1xple","enter":"popover__enter_1xple","enterActive":"popover__enterActive_1xple","exit":"popover__exit_1xple","exitActive":"popover__exitActive_1xple"};
+var styles = {"component":"popover__component_b4k9z","inner":"popover__inner_b4k9z","scrollableContent":"popover__scrollableContent_b4k9z","arrow":"popover__arrow_b4k9z","enter":"popover__enter_b4k9z","enterActive":"popover__enterActive_b4k9z","exit":"popover__exit_b4k9z","exitActive":"popover__exitActive_b4k9z"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n:root {\n    --popover-border-color: transparent;\n}\n\n.component {\n    background-color: transparent;\n    color: var(--color-light-text-primary);\n}\n\n.inner {\n    position: relative;\n    background-color: var(--color-light-modal-bg-primary);\n    box-shadow: var(--shadow-m);\n    border: 1px solid var(--popover-border-color);\n    box-sizing: border-box;\n    will-change: transform;\n}\n\n.scrollableContent {\n    position: relative;\n    z-index: 2;\n    overflow-y: auto;\n}\n\n.arrow {\n    z-index: 1;\n}\n\n.arrow:after {\n    content: '';\n    display: block;\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    background-color: var(--color-light-modal-bg-primary);\n    border: 1px solid var(--popover-border-color);\n    box-sizing: border-box;\n    transform: rotate(45deg);\n}\n\n.component[data-popper-placement='left'] .arrow,\n.component[data-popper-placement='left-start'] .arrow,\n.component[data-popper-placement='left-end'] .arrow {\n    right: 5px;\n\n    &:after {\n        top: var(--gap-6-neg);\n        border-bottom: none;\n        border-left: none;\n    }\n}\n\n.component[data-popper-placement='right'] .arrow,\n.component[data-popper-placement='right-start'] .arrow,\n.component[data-popper-placement='right-end'] .arrow {\n    left: -7px;\n\n    &:after {\n        top: var(--gap-6-neg);\n        border-top: none;\n        border-right: none;\n    }\n}\n\n.component[data-popper-placement='top'] .arrow,\n.component[data-popper-placement='top-start'] .arrow,\n.component[data-popper-placement='top-end'] .arrow {\n    bottom: 5px;\n\n    &:after {\n        left: var(--gap-6-neg);\n        border-top: none;\n        border-left: none;\n    }\n}\n\n.component[data-popper-placement='bottom'] .arrow,\n.component[data-popper-placement='bottom-start'] .arrow,\n.component[data-popper-placement='bottom-end'] .arrow {\n    top: -7px;\n\n    &:after {\n        left: var(--gap-6-neg);\n        border-bottom: none;\n        border-right: none;\n    }\n}\n\n.enter .inner {\n    opacity: 0;\n    transform: scale(0.98);\n}\n\n.enterActive .inner {\n    opacity: 1;\n    transform: scale(1);\n    transition-property: opacity, transform;\n    transition-timing-function: ease-in-out;\n    transition-duration: 150ms;\n}\n\n.exit .inner {\n    opacity: 1;\n    transform: scale(1);\n}\n\n.exitActive .inner {\n    opacity: 0;\n    transform: scale(0.98);\n    transition-property: opacity, transform;\n    transition-timing-function: ease-in-out;\n    transition-duration: 150ms;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,OAAO,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,kCAAkC,CAAC,OAAO,CAAC,sBAAsB,CAAC,OAAO,CAAC,sBAAsB,CAAC,aAAa,CAAC,4BAA4B,CAAC,MAAM,CAAC,qBAAqB,CAAC,YAAY,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n:root {\n    --popover-border-color: transparent;\n}\n\n.component {\n    background-color: transparent;\n    color: var(--color-light-text-primary);\n}\n\n.inner {\n    position: relative;\n    background-color: var(--color-light-modal-bg-primary);\n    box-shadow: var(--shadow-m);\n    border: 1px solid var(--popover-border-color);\n    box-sizing: border-box;\n    will-change: transform;\n}\n\n.scrollableContent {\n    position: relative;\n    z-index: 2;\n    overflow-y: auto;\n}\n\n.arrow {\n    z-index: 1;\n}\n\n.arrow:after {\n    content: '';\n    display: block;\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    background-color: var(--color-light-modal-bg-primary);\n    border: 1px solid var(--popover-border-color);\n    box-sizing: border-box;\n    transform: rotate(45deg);\n}\n\n.component[data-popper-placement='left'] .arrow,\n.component[data-popper-placement='left-start'] .arrow,\n.component[data-popper-placement='left-end'] .arrow {\n    right: 5px;\n\n    &:after {\n        top: var(--gap-6-neg);\n        border-bottom: none;\n        border-left: none;\n    }\n}\n\n.component[data-popper-placement='right'] .arrow,\n.component[data-popper-placement='right-start'] .arrow,\n.component[data-popper-placement='right-end'] .arrow {\n    left: -7px;\n\n    &:after {\n        top: var(--gap-6-neg);\n        border-top: none;\n        border-right: none;\n    }\n}\n\n.component[data-popper-placement='top'] .arrow,\n.component[data-popper-placement='top-start'] .arrow,\n.component[data-popper-placement='top-end'] .arrow {\n    bottom: 5px;\n\n    &:after {\n        left: var(--gap-6-neg);\n        border-top: none;\n        border-left: none;\n    }\n}\n\n.component[data-popper-placement='bottom'] .arrow,\n.component[data-popper-placement='bottom-start'] .arrow,\n.component[data-popper-placement='bottom-end'] .arrow {\n    top: -7px;\n\n    &:after {\n        left: var(--gap-6-neg);\n        border-bottom: none;\n        border-right: none;\n    }\n}\n\n.enter .inner {\n    opacity: 0;\n    transform: scale(0.98);\n}\n\n.enterActive .inner {\n    opacity: 1;\n    transform: scale(1);\n    transition-property: opacity, transform;\n    transition-timing-function: ease-in-out;\n    transition-duration: 150ms;\n}\n\n.exit .inner {\n    opacity: 1;\n    transform: scale(1);\n}\n\n.exitActive .inner {\n    opacity: 0;\n    transform: scale(0.98);\n    transition-property: opacity, transform;\n    transition-timing-function: ease-in-out;\n    transition-duration: 150ms;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,OAAO,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,kCAAkC,CAAC,OAAO,CAAC,sBAAsB,CAAC,OAAO,CAAC,sBAAsB,CAAC,aAAa,CAAC,4BAA4B,CAAC,MAAM,CAAC,qBAAqB,CAAC,YAAY,CAAC,2BAA2B,CAAC;;;;"}

package/index.css

@@ -13,11 +13,11 @@
 :root {
     --popover-border-color: transparent;
 }
-.popover__component_1xple {
+.popover__component_b4k9z {
     background-color: transparent;
     color: var(--color-light-text-primary);
 }
-.popover__inner_1xple {
+.popover__inner_b4k9z {
     position: relative;
     background-color: var(--color-light-modal-bg-primary);
     box-shadow: var(--shadow-m);
@@ -25,15 +25,15 @@
     box-sizing: border-box;
     will-change: transform;
 }
-.popover__scrollableContent_1xple {
+.popover__scrollableContent_b4k9z {
     position: relative;
     z-index: 2;
     overflow-y: auto;
 }
-.popover__arrow_1xple {
+.popover__arrow_b4k9z {
     z-index: 1;
 }
-.popover__arrow_1xple:after {
+.popover__arrow_b4k9z:after {
     content: '';
     display: block;
     position: absolute;
@@ -44,62 +44,62 @@
     box-sizing: border-box;
     transform: rotate(45deg);
 }
-.popover__component_1xple[data-popper-placement='left'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='left-start'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='left-end'] .popover__arrow_1xple {
+.popover__component_b4k9z[data-popper-placement='left'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='left-start'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='left-end'] .popover__arrow_b4k9z {
     right: 5px;
 }
-.popover__component_1xple[data-popper-placement='left'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='left-start'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='left-end'] .popover__arrow_1xple:after {
+.popover__component_b4k9z[data-popper-placement='left'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='left-start'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='left-end'] .popover__arrow_b4k9z:after {
         top: var(--gap-6-neg);
         border-bottom: none;
         border-left: none;
     }
-.popover__component_1xple[data-popper-placement='right'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='right-start'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='right-end'] .popover__arrow_1xple {
+.popover__component_b4k9z[data-popper-placement='right'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='right-start'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='right-end'] .popover__arrow_b4k9z {
     left: -7px;
 }
-.popover__component_1xple[data-popper-placement='right'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='right-start'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='right-end'] .popover__arrow_1xple:after {
+.popover__component_b4k9z[data-popper-placement='right'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='right-start'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='right-end'] .popover__arrow_b4k9z:after {
         top: var(--gap-6-neg);
         border-top: none;
         border-right: none;
     }
-.popover__component_1xple[data-popper-placement='top'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='top-start'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='top-end'] .popover__arrow_1xple {
+.popover__component_b4k9z[data-popper-placement='top'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='top-start'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='top-end'] .popover__arrow_b4k9z {
     bottom: 5px;
 }
-.popover__component_1xple[data-popper-placement='top'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='top-start'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='top-end'] .popover__arrow_1xple:after {
+.popover__component_b4k9z[data-popper-placement='top'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='top-start'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='top-end'] .popover__arrow_b4k9z:after {
         left: var(--gap-6-neg);
         border-top: none;
         border-left: none;
     }
-.popover__component_1xple[data-popper-placement='bottom'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='bottom-start'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='bottom-end'] .popover__arrow_1xple {
+.popover__component_b4k9z[data-popper-placement='bottom'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='bottom-start'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='bottom-end'] .popover__arrow_b4k9z {
     top: -7px;
 }
-.popover__component_1xple[data-popper-placement='bottom'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='bottom-start'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='bottom-end'] .popover__arrow_1xple:after {
+.popover__component_b4k9z[data-popper-placement='bottom'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='bottom-start'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='bottom-end'] .popover__arrow_b4k9z:after {
         left: var(--gap-6-neg);
         border-bottom: none;
         border-right: none;
     }
-.popover__enter_1xple .popover__inner_1xple {
+.popover__enter_b4k9z .popover__inner_b4k9z {
     opacity: 0;
     transform: scale(0.98);
 }
-.popover__enterActive_1xple .popover__inner_1xple {
+.popover__enterActive_b4k9z .popover__inner_b4k9z {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
 }
-.popover__exit_1xple .popover__inner_1xple {
+.popover__exit_b4k9z .popover__inner_b4k9z {
     opacity: 1;
     transform: scale(1);
 }
-.popover__exitActive_1xple .popover__inner_1xple {
+.popover__exitActive_b4k9z .popover__inner_b4k9z {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;

package/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"popover__component_1xple","inner":"popover__inner_1xple","scrollableContent":"popover__scrollableContent_1xple","arrow":"popover__arrow_1xple","enter":"popover__enter_1xple","enterActive":"popover__enterActive_1xple","exit":"popover__exit_1xple","exitActive":"popover__exitActive_1xple"};
+var styles = {"component":"popover__component_b4k9z","inner":"popover__inner_b4k9z","scrollableContent":"popover__scrollableContent_b4k9z","arrow":"popover__arrow_b4k9z","enter":"popover__enter_b4k9z","enterActive":"popover__enterActive_b4k9z","exit":"popover__exit_b4k9z","exitActive":"popover__exitActive_b4k9z"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n:root {\n    --popover-border-color: transparent;\n}\n\n.component {\n    background-color: transparent;\n    color: var(--color-light-text-primary);\n}\n\n.inner {\n    position: relative;\n    background-color: var(--color-light-modal-bg-primary);\n    box-shadow: var(--shadow-m);\n    border: 1px solid var(--popover-border-color);\n    box-sizing: border-box;\n    will-change: transform;\n}\n\n.scrollableContent {\n    position: relative;\n    z-index: 2;\n    overflow-y: auto;\n}\n\n.arrow {\n    z-index: 1;\n}\n\n.arrow:after {\n    content: '';\n    display: block;\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    background-color: var(--color-light-modal-bg-primary);\n    border: 1px solid var(--popover-border-color);\n    box-sizing: border-box;\n    transform: rotate(45deg);\n}\n\n.component[data-popper-placement='left'] .arrow,\n.component[data-popper-placement='left-start'] .arrow,\n.component[data-popper-placement='left-end'] .arrow {\n    right: 5px;\n\n    &:after {\n        top: var(--gap-6-neg);\n        border-bottom: none;\n        border-left: none;\n    }\n}\n\n.component[data-popper-placement='right'] .arrow,\n.component[data-popper-placement='right-start'] .arrow,\n.component[data-popper-placement='right-end'] .arrow {\n    left: -7px;\n\n    &:after {\n        top: var(--gap-6-neg);\n        border-top: none;\n        border-right: none;\n    }\n}\n\n.component[data-popper-placement='top'] .arrow,\n.component[data-popper-placement='top-start'] .arrow,\n.component[data-popper-placement='top-end'] .arrow {\n    bottom: 5px;\n\n    &:after {\n        left: var(--gap-6-neg);\n        border-top: none;\n        border-left: none;\n    }\n}\n\n.component[data-popper-placement='bottom'] .arrow,\n.component[data-popper-placement='bottom-start'] .arrow,\n.component[data-popper-placement='bottom-end'] .arrow {\n    top: -7px;\n\n    &:after {\n        left: var(--gap-6-neg);\n        border-bottom: none;\n        border-right: none;\n    }\n}\n\n.enter .inner {\n    opacity: 0;\n    transform: scale(0.98);\n}\n\n.enterActive .inner {\n    opacity: 1;\n    transform: scale(1);\n    transition-property: opacity, transform;\n    transition-timing-function: ease-in-out;\n    transition-duration: 150ms;\n}\n\n.exit .inner {\n    opacity: 1;\n    transform: scale(1);\n}\n\n.exitActive .inner {\n    opacity: 0;\n    transform: scale(0.98);\n    transition-property: opacity, transform;\n    transition-timing-function: ease-in-out;\n    transition-duration: 150ms;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,OAAO,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,kCAAkC,CAAC,OAAO,CAAC,sBAAsB,CAAC,OAAO,CAAC,sBAAsB,CAAC,aAAa,CAAC,4BAA4B,CAAC,MAAM,CAAC,qBAAqB,CAAC,YAAY,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n:root {\n    --popover-border-color: transparent;\n}\n\n.component {\n    background-color: transparent;\n    color: var(--color-light-text-primary);\n}\n\n.inner {\n    position: relative;\n    background-color: var(--color-light-modal-bg-primary);\n    box-shadow: var(--shadow-m);\n    border: 1px solid var(--popover-border-color);\n    box-sizing: border-box;\n    will-change: transform;\n}\n\n.scrollableContent {\n    position: relative;\n    z-index: 2;\n    overflow-y: auto;\n}\n\n.arrow {\n    z-index: 1;\n}\n\n.arrow:after {\n    content: '';\n    display: block;\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    background-color: var(--color-light-modal-bg-primary);\n    border: 1px solid var(--popover-border-color);\n    box-sizing: border-box;\n    transform: rotate(45deg);\n}\n\n.component[data-popper-placement='left'] .arrow,\n.component[data-popper-placement='left-start'] .arrow,\n.component[data-popper-placement='left-end'] .arrow {\n    right: 5px;\n\n    &:after {\n        top: var(--gap-6-neg);\n        border-bottom: none;\n        border-left: none;\n    }\n}\n\n.component[data-popper-placement='right'] .arrow,\n.component[data-popper-placement='right-start'] .arrow,\n.component[data-popper-placement='right-end'] .arrow {\n    left: -7px;\n\n    &:after {\n        top: var(--gap-6-neg);\n        border-top: none;\n        border-right: none;\n    }\n}\n\n.component[data-popper-placement='top'] .arrow,\n.component[data-popper-placement='top-start'] .arrow,\n.component[data-popper-placement='top-end'] .arrow {\n    bottom: 5px;\n\n    &:after {\n        left: var(--gap-6-neg);\n        border-top: none;\n        border-left: none;\n    }\n}\n\n.component[data-popper-placement='bottom'] .arrow,\n.component[data-popper-placement='bottom-start'] .arrow,\n.component[data-popper-placement='bottom-end'] .arrow {\n    top: -7px;\n\n    &:after {\n        left: var(--gap-6-neg);\n        border-bottom: none;\n        border-right: none;\n    }\n}\n\n.enter .inner {\n    opacity: 0;\n    transform: scale(0.98);\n}\n\n.enterActive .inner {\n    opacity: 1;\n    transform: scale(1);\n    transition-property: opacity, transform;\n    transition-timing-function: ease-in-out;\n    transition-duration: 150ms;\n}\n\n.exit .inner {\n    opacity: 1;\n    transform: scale(1);\n}\n\n.exitActive .inner {\n    opacity: 0;\n    transform: scale(0.98);\n    transition-property: opacity, transform;\n    transition-timing-function: ease-in-out;\n    transition-duration: 150ms;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,OAAO,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,kCAAkC,CAAC,OAAO,CAAC,sBAAsB,CAAC,OAAO,CAAC,sBAAsB,CAAC,aAAa,CAAC,4BAA4B,CAAC,MAAM,CAAC,qBAAqB,CAAC,YAAY,CAAC,2BAA2B,CAAC;;;;"}

package/modern/Component.d.ts

@@ -1,9 +1,9 @@
 import React, { type CSSProperties, type MutableRefObject, type ReactNode } from 'react';
 import { type CSSTransitionProps } from 'react-transition-group/CSSTransition';
 import { type BasePlacement, type VariationPlacement } from '@popperjs/core';
-declare type RefElement = HTMLElement | null;
-export declare type Position = BasePlacement | VariationPlacement;
-export declare type PopoverProps = {
+type RefElement = HTMLElement | null;
+export type Position = BasePlacement | VariationPlacement;
+export type PopoverProps = {
     /**
      * Управление состоянием поповера (открыт/закрыт)
      */

package/modern/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, {\n    type CSSProperties,\n    forwardRef,\n    type MutableRefObject,\n    type ReactNode,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { usePopper } from 'react-popper';\nimport { CSSTransition } from 'react-transition-group';\nimport { type CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport {\n    type BasePlacement,\n    type Modifier,\n    type Obj,\n    type VariationPlacement,\n} from '@popperjs/core';\nimport cn from 'classnames';\nimport maxSize from 'popper-max-size-modifier';\n\nimport { Portal } from '@alfalab/core-components-portal';\nimport { isFn } from '@alfalab/core-components-shared';\nimport { Stack } from '@alfalab/core-components-stack';\nimport { stackingOrder } from '@alfalab/core-components-stack-context';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\ntype RefElement = HTMLElement | null;\n\ntype ModifierOptions<T> = T extends Modifier<unknown, infer V> ? V : never;\n\nexport type Position = BasePlacement | VariationPlacement;\n\ntype PopperModifier = {\n    name: string;\n    options: Obj;\n};\n\nexport type PopoverProps = {\n    /**\n     * Управление состоянием поповера (открыт/закрыт)\n     */\n    open: boolean;\n\n    /**\n     * Элемент, относительного которого появляется поповер\n     */\n    anchorElement: RefElement;\n\n    /**\n     * Использовать ширину родительского элемента\n     */\n    useAnchorWidth?: boolean;\n\n    /**\n     * Позиционирование поповера\n     */\n    position?: Position;\n\n    /**\n     * Запрещает поповеру менять свою позицию.\n     * Например, если места снизу недостаточно, то он все равно будет показан снизу\n     */\n    preventFlip?: boolean;\n\n    /**\n     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.\n     */\n    preventOverflow?: boolean;\n\n    /**\n     * Позволяет поповеру подствраивать свою высоту под границы экрана/элемента, если из-за величины контента он выходит за рамки области экрана/элемента\n     */\n    availableHeight?: boolean | (() => Element | null | undefined);\n\n    /**\n     * Если `true`, будет отрисована стрелочка\n     */\n    withArrow?: boolean;\n\n    /**\n     * Смещение поповера.\n     * Если позиционирование top, bottom, то [x, y].\n     * Если позиционирование left, right то [y, x].\n     */\n    offset?: [number, number];\n\n    /**\n     * Дополнительный класс для поповера\n     */\n    popperClassName?: string;\n\n    /**\n     * Дополнительный класс для стрелочки\n     */\n    arrowClassName?: string;\n\n    /**\n     * Функция, возвращающая контейнер, в который будет рендериться поповер\n     */\n    getPortalContainer?: () => HTMLElement;\n\n    /**\n     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.\n     */\n    transition?: CSSTransitionProps;\n\n    /**\n     * Выставляет кастомное свойство transition-duration\n     */\n    transitionDuration?: CSSProperties['transitionDuration'];\n\n    /**\n     * Рендерит компонент, обернутый в Transition\n     */\n    withTransition?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Хранит функцию, с помощью которой можно обновить положение компонента\n     */\n    update?: MutableRefObject<(() => void) | undefined>;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * z-index компонента\n     */\n    zIndex?: number;\n\n    /**\n     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,\n     * по очереди для каждой позиции из этого списка.\n     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.\n     */\n    fallbackPlacements?: Position[];\n\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Класс для скролл контейнера\n     */\n    scrollableContentClassName?: string;\n\n    /**\n     * Минимальное расстояние стрелки до края поповера\n     *\n     * @default 24\n     */\n    arrowToEdgeMinDistance?: number;\n};\n\nconst DEFAULT_TRANSITION: PopoverProps['transition'] = {\n    timeout: 150,\n};\n\nconst CSS_TRANSITION_CLASS_NAMES = {\n    enter: styles.enter,\n    enterActive: styles.enterActive,\n    exit: styles.exit,\n    exitActive: styles.exitActive,\n};\n\nconst DEFAULT_OFFSET = [0, 0];\n\nfunction createGetArrowPadding(minDistanceToEdge: number) {\n    return function getArrowPadding({\n        placement,\n    }: {\n        popper: { height: number; width: number };\n        reference: { height: number; width: number };\n        placement: Position;\n    }) {\n        if (placement === 'right-end' || placement === 'left-end') {\n            return { top: minDistanceToEdge, right: 0, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'top-start' || placement === 'bottom-start') {\n            return { top: 0, right: minDistanceToEdge, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'right-start' || placement === 'left-start') {\n            return { top: 0, right: 0, bottom: minDistanceToEdge, left: 0 };\n        }\n\n        if (placement === 'top-end' || placement === 'bottom-end') {\n            return { top: 0, right: 0, bottom: 0, left: minDistanceToEdge };\n        }\n\n        return 0;\n    };\n}\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n    (\n        {\n            children,\n            getPortalContainer,\n            transition = DEFAULT_TRANSITION,\n            anchorElement,\n            useAnchorWidth,\n            offset = DEFAULT_OFFSET,\n            withArrow = false,\n            withTransition = true,\n            position = 'left',\n            preventFlip,\n            popperClassName,\n            arrowClassName,\n            className,\n            open,\n            dataTestId,\n            update,\n            transitionDuration = `${transition.timeout}ms`,\n            zIndex = stackingOrder.POPOVER,\n            fallbackPlacements,\n            preventOverflow = true,\n            availableHeight = false,\n            scrollableContentClassName,\n            arrowToEdgeMinDistance = 24,\n        },\n        ref,\n    ) => {\n        const [referenceElement, setReferenceElement] = useState<RefElement>(anchorElement);\n        const [popperElement, setPopperElement] = useState<RefElement>(null);\n        const [arrowElement, setArrowElement] = useState<RefElement>(null);\n        const [maxSizeOptions, setMaxSizeOptions] = useState<\n            Partial<ModifierOptions<typeof maxSize>>\n        >(() => ({}));\n\n        const updatePopperRef = useRef<() => void>();\n\n        const popperRef = useRef<HTMLDivElement>(null);\n        const innerRef = useRef<HTMLDivElement>(null);\n\n        const popperModifiers = useMemo(() => {\n            const modifiers: PopperModifier[] = [{ name: 'offset', options: { offset } }];\n\n            if (withArrow) {\n                modifiers.push({\n                    name: 'arrow',\n                    options: {\n                        element: arrowElement,\n                        padding: createGetArrowPadding(arrowToEdgeMinDistance),\n                    },\n                });\n            }\n\n            if (preventFlip) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements: [] } });\n            }\n\n            if (fallbackPlacements) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements } });\n            }\n\n            if (preventOverflow) {\n                modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });\n            }\n\n            if (isFn(availableHeight) || availableHeight) {\n                modifiers.push({ ...maxSize, options: maxSizeOptions });\n            }\n\n            return modifiers;\n        }, [\n            offset,\n            withArrow,\n            preventFlip,\n            fallbackPlacements,\n            preventOverflow,\n            availableHeight,\n            arrowElement,\n            arrowToEdgeMinDistance,\n            maxSizeOptions,\n        ]);\n\n        const {\n            styles: popperStyles,\n            attributes,\n            update: updatePopper,\n            state,\n        } = usePopper(referenceElement, popperElement, {\n            placement: position,\n            modifiers: popperModifiers,\n        });\n\n        if (updatePopper) {\n            updatePopperRef.current = updatePopper;\n        }\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            const nextBoundry = isFn(availableHeight)\n                ? (availableHeight() ?? undefined)\n                : undefined;\n\n            if (!(maxSizeOptions.boundary === nextBoundry)) {\n                setMaxSizeOptions({ boundary: nextBoundry });\n            }\n        });\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            setReferenceElement(anchorElement);\n        }, [anchorElement]);\n\n        useEffect(() => {\n            if (updatePopper) {\n                updatePopper();\n            }\n        }, [updatePopper, arrowElement, children]);\n\n        useEffect(() => {\n            if (update && updatePopper) {\n                // eslint-disable-next-line no-param-reassign\n                update.current = updatePopper;\n            }\n        });\n\n        useEffect(() => {\n            if (useAnchorWidth) {\n                const updatePopoverWidth = () => updatePopperRef.current?.();\n                const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n                const observer = new ResizeObserver(updatePopoverWidth);\n\n                if (anchorElement) {\n                    observer.observe(anchorElement);\n                }\n\n                return () => {\n                    observer.disconnect();\n                };\n            }\n\n            return () => ({});\n        }, [anchorElement, useAnchorWidth]);\n\n        const renderContent = (computedZIndex: number) => (\n            <div\n                ref={mergeRefs([ref, popperRef, setPopperElement])}\n                style={{\n                    zIndex: computedZIndex,\n                    width: useAnchorWidth ? referenceElement?.offsetWidth : undefined,\n                    ...popperStyles.popper,\n                    ...(popperStyles.popper?.transform ? null : { visibility: 'hidden' }),\n                }}\n                data-test-id={dataTestId}\n                className={cn(styles.component, className)}\n                {...attributes.popper}\n            >\n                <div className={cn(styles.inner, popperClassName)} ref={innerRef}>\n                    <div\n                        className={cn(scrollableContentClassName, {\n                            [styles.scrollableContent]: isFn(availableHeight) || availableHeight,\n                        })}\n                        style={{\n                            maxHeight:\n                                isFn(availableHeight) || availableHeight\n                                    ? state?.modifiersData.maxSize?.height\n                                    : undefined,\n                        }}\n                    >\n                        {children}\n                    </div>\n\n                    {withArrow && (\n                        <div\n                            ref={setArrowElement}\n                            style={popperStyles.arrow}\n                            className={cn(styles.arrow, arrowClassName)}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n\n        return (\n            <Stack value={zIndex}>\n                {(computedZIndex) => (\n                    <Portal getPortalContainer={getPortalContainer}>\n                        {withTransition ? (\n                            <CSSTransition\n                                unmountOnExit={true}\n                                classNames={CSS_TRANSITION_CLASS_NAMES}\n                                nodeRef={popperRef}\n                                {...transition}\n                                in={open}\n                                onEntering={(node: HTMLElement, isAppearing: boolean) => {\n                                    // Меняем transition-duration только в случае, если передано значение отличное от дефолтного.\n                                    if (\n                                        innerRef.current &&\n                                        transitionDuration !== `${DEFAULT_TRANSITION.timeout}ms`\n                                    ) {\n                                        innerRef.current.style.setProperty(\n                                            'transition-duration',\n                                            transitionDuration,\n                                        );\n                                    }\n                                    transition?.onEntering?.(node, isAppearing);\n                                }}\n                            >\n                                {renderContent(computedZIndex)}\n                            </CSSTransition>\n                        ) : (\n                            open && renderContent(computedZIndex)\n                        )}\n                    </Portal>\n                )}\n            </Stack>\n        );\n    },\n);\n\nPopover.displayName = 'Popover';\n"],"names":["ResizeObserver","ResizeObserverPolyfill"],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, {\n    type CSSProperties,\n    forwardRef,\n    type MutableRefObject,\n    type ReactNode,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { usePopper } from 'react-popper';\nimport { CSSTransition } from 'react-transition-group';\nimport { type CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport {\n    type BasePlacement,\n    type Modifier,\n    type Obj,\n    type VariationPlacement,\n} from '@popperjs/core';\nimport cn from 'classnames';\nimport maxSize from 'popper-max-size-modifier';\n\nimport { Portal } from '@alfalab/core-components-portal';\nimport { isFn } from '@alfalab/core-components-shared';\nimport { Stack } from '@alfalab/core-components-stack';\nimport { stackingOrder } from '@alfalab/core-components-stack-context';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\ntype RefElement = HTMLElement | null;\n\ntype ModifierOptions<T> = T extends Modifier<unknown, infer V> ? V : never;\n\nexport type Position = BasePlacement | VariationPlacement;\n\ntype PopperModifier = {\n    name: string;\n    options: Obj;\n};\n\nexport type PopoverProps = {\n    /**\n     * Управление состоянием поповера (открыт/закрыт)\n     */\n    open: boolean;\n\n    /**\n     * Элемент, относительного которого появляется поповер\n     */\n    anchorElement: RefElement;\n\n    /**\n     * Использовать ширину родительского элемента\n     */\n    useAnchorWidth?: boolean;\n\n    /**\n     * Позиционирование поповера\n     */\n    position?: Position;\n\n    /**\n     * Запрещает поповеру менять свою позицию.\n     * Например, если места снизу недостаточно, то он все равно будет показан снизу\n     */\n    preventFlip?: boolean;\n\n    /**\n     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.\n     */\n    preventOverflow?: boolean;\n\n    /**\n     * Позволяет поповеру подствраивать свою высоту под границы экрана/элемента, если из-за величины контента он выходит за рамки области экрана/элемента\n     */\n    availableHeight?: boolean | (() => Element | null | undefined);\n\n    /**\n     * Если `true`, будет отрисована стрелочка\n     */\n    withArrow?: boolean;\n\n    /**\n     * Смещение поповера.\n     * Если позиционирование top, bottom, то [x, y].\n     * Если позиционирование left, right то [y, x].\n     */\n    offset?: [number, number];\n\n    /**\n     * Дополнительный класс для поповера\n     */\n    popperClassName?: string;\n\n    /**\n     * Дополнительный класс для стрелочки\n     */\n    arrowClassName?: string;\n\n    /**\n     * Функция, возвращающая контейнер, в который будет рендериться поповер\n     */\n    getPortalContainer?: () => HTMLElement;\n\n    /**\n     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.\n     */\n    transition?: CSSTransitionProps;\n\n    /**\n     * Выставляет кастомное свойство transition-duration\n     */\n    transitionDuration?: CSSProperties['transitionDuration'];\n\n    /**\n     * Рендерит компонент, обернутый в Transition\n     */\n    withTransition?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Хранит функцию, с помощью которой можно обновить положение компонента\n     */\n    update?: MutableRefObject<(() => void) | undefined>;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * z-index компонента\n     */\n    zIndex?: number;\n\n    /**\n     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,\n     * по очереди для каждой позиции из этого списка.\n     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.\n     */\n    fallbackPlacements?: Position[];\n\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Класс для скролл контейнера\n     */\n    scrollableContentClassName?: string;\n\n    /**\n     * Минимальное расстояние стрелки до края поповера\n     *\n     * @default 24\n     */\n    arrowToEdgeMinDistance?: number;\n};\n\nconst DEFAULT_TRANSITION: PopoverProps['transition'] = {\n    timeout: 150,\n};\n\nconst CSS_TRANSITION_CLASS_NAMES = {\n    enter: styles.enter,\n    enterActive: styles.enterActive,\n    exit: styles.exit,\n    exitActive: styles.exitActive,\n};\n\nconst DEFAULT_OFFSET = [0, 0];\n\nfunction createGetArrowPadding(minDistanceToEdge: number) {\n    return function getArrowPadding({\n        placement,\n    }: {\n        popper: { height: number; width: number };\n        reference: { height: number; width: number };\n        placement: Position;\n    }) {\n        if (placement === 'right-end' || placement === 'left-end') {\n            return { top: minDistanceToEdge, right: 0, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'top-start' || placement === 'bottom-start') {\n            return { top: 0, right: minDistanceToEdge, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'right-start' || placement === 'left-start') {\n            return { top: 0, right: 0, bottom: minDistanceToEdge, left: 0 };\n        }\n\n        if (placement === 'top-end' || placement === 'bottom-end') {\n            return { top: 0, right: 0, bottom: 0, left: minDistanceToEdge };\n        }\n\n        return 0;\n    };\n}\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n    (\n        {\n            children,\n            getPortalContainer,\n            transition = DEFAULT_TRANSITION,\n            anchorElement,\n            useAnchorWidth,\n            offset = DEFAULT_OFFSET,\n            withArrow = false,\n            withTransition = true,\n            position = 'left',\n            preventFlip,\n            popperClassName,\n            arrowClassName,\n            className,\n            open,\n            dataTestId,\n            update,\n            transitionDuration = `${transition.timeout}ms`,\n            zIndex = stackingOrder.POPOVER,\n            fallbackPlacements,\n            preventOverflow = true,\n            availableHeight = false,\n            scrollableContentClassName,\n            arrowToEdgeMinDistance = 24,\n        },\n        ref,\n    ) => {\n        const [referenceElement, setReferenceElement] = useState<RefElement>(anchorElement);\n        const [popperElement, setPopperElement] = useState<RefElement>(null);\n        const [arrowElement, setArrowElement] = useState<RefElement>(null);\n        const [maxSizeOptions, setMaxSizeOptions] = useState<\n            Partial<ModifierOptions<typeof maxSize>>\n        >(() => ({}));\n\n        const updatePopperRef = useRef<() => void>();\n\n        const popperRef = useRef<HTMLDivElement>(null);\n        const innerRef = useRef<HTMLDivElement>(null);\n\n        const popperModifiers = useMemo(() => {\n            const modifiers: PopperModifier[] = [{ name: 'offset', options: { offset } }];\n\n            if (withArrow) {\n                modifiers.push({\n                    name: 'arrow',\n                    options: {\n                        element: arrowElement,\n                        padding: createGetArrowPadding(arrowToEdgeMinDistance),\n                    },\n                });\n            }\n\n            if (preventFlip) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements: [] } });\n            }\n\n            if (fallbackPlacements) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements } });\n            }\n\n            if (preventOverflow) {\n                modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });\n            }\n\n            if (isFn(availableHeight) || availableHeight) {\n                modifiers.push({ ...maxSize, options: maxSizeOptions });\n            }\n\n            return modifiers;\n        }, [\n            offset,\n            withArrow,\n            preventFlip,\n            fallbackPlacements,\n            preventOverflow,\n            availableHeight,\n            arrowElement,\n            arrowToEdgeMinDistance,\n            maxSizeOptions,\n        ]);\n\n        const {\n            styles: popperStyles,\n            attributes,\n            update: updatePopper,\n            state,\n        } = usePopper(referenceElement, popperElement, {\n            placement: position,\n            modifiers: popperModifiers,\n        });\n\n        if (updatePopper) {\n            updatePopperRef.current = updatePopper;\n        }\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            const nextBoundry = isFn(availableHeight)\n                ? (availableHeight() ?? undefined)\n                : undefined;\n\n            if (!(maxSizeOptions.boundary === nextBoundry)) {\n                setMaxSizeOptions({ boundary: nextBoundry });\n            }\n        });\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            setReferenceElement(anchorElement);\n        }, [anchorElement]);\n\n        useEffect(() => {\n            if (updatePopper) {\n                updatePopper();\n            }\n        }, [updatePopper, arrowElement, children]);\n\n        useEffect(() => {\n            if (update && updatePopper) {\n                // eslint-disable-next-line no-param-reassign\n                update.current = updatePopper;\n            }\n        });\n\n        useEffect(() => {\n            if (useAnchorWidth) {\n                const updatePopoverWidth = () => updatePopperRef.current?.();\n                const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n                const observer = new ResizeObserver(updatePopoverWidth);\n\n                if (anchorElement) {\n                    observer.observe(anchorElement);\n                }\n\n                return () => {\n                    observer.disconnect();\n                };\n            }\n\n            return () => ({});\n        }, [anchorElement, useAnchorWidth]);\n\n        const renderContent = (computedZIndex: number) => (\n            <div\n                ref={mergeRefs([ref, popperRef, setPopperElement])}\n                style={{\n                    zIndex: computedZIndex,\n                    width: useAnchorWidth ? referenceElement?.offsetWidth : undefined,\n                    ...popperStyles.popper,\n                    ...(popperStyles.popper?.transform ? null : { visibility: 'hidden' }),\n                }}\n                data-test-id={dataTestId}\n                className={cn(styles.component, className)}\n                {...attributes.popper}\n            >\n                <div className={cn(styles.inner, popperClassName)} ref={innerRef}>\n                    <div\n                        className={cn(scrollableContentClassName, {\n                            [styles.scrollableContent]: isFn(availableHeight) || availableHeight,\n                        })}\n                        style={{\n                            maxHeight:\n                                isFn(availableHeight) || availableHeight\n                                    ? state?.modifiersData.maxSize?.height\n                                    : undefined,\n                        }}\n                    >\n                        {children}\n                    </div>\n\n                    {withArrow && (\n                        <div\n                            ref={setArrowElement}\n                            style={popperStyles.arrow}\n                            className={cn(styles.arrow, arrowClassName)}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n\n        return (\n            <Stack value={zIndex}>\n                {(computedZIndex) => (\n                    <Portal getPortalContainer={getPortalContainer}>\n                        {withTransition ? (\n                            <CSSTransition\n                                unmountOnExit={true}\n                                classNames={CSS_TRANSITION_CLASS_NAMES}\n                                nodeRef={popperRef}\n                                {...transition}\n                                in={open}\n                                onEntering={(node: HTMLElement, isAppearing: boolean) => {\n                                    // Меняем transition-duration только в случае, если передано значение отличное от дефолтного.\n                                    if (\n                                        innerRef.current &&\n                                        transitionDuration !== `${DEFAULT_TRANSITION.timeout}ms`\n                                    ) {\n                                        innerRef.current.style.setProperty(\n                                            'transition-duration',\n                                            transitionDuration,\n                                        );\n                                    }\n                                    transition?.onEntering?.(node, isAppearing);\n                                }}\n                            >\n                                {renderContent(computedZIndex)}\n                            </CSSTransition>\n                        ) : (\n                            open && renderContent(computedZIndex)\n                        )}\n                    </Portal>\n                )}\n            </Stack>\n        );\n    },\n);\n\nPopover.displayName = 'Popover';\n"],"names":["ResizeObserver","ResizeObserverPolyfill"],"mappings":"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"}

package/modern/index.css

@@ -13,11 +13,11 @@
 :root {
     --popover-border-color: transparent;
 }
-.popover__component_1xple {
+.popover__component_b4k9z {
     background-color: transparent;
     color: var(--color-light-text-primary);
 }
-.popover__inner_1xple {
+.popover__inner_b4k9z {
     position: relative;
     background-color: var(--color-light-modal-bg-primary);
     box-shadow: var(--shadow-m);
@@ -25,15 +25,15 @@
     box-sizing: border-box;
     will-change: transform;
 }
-.popover__scrollableContent_1xple {
+.popover__scrollableContent_b4k9z {
     position: relative;
     z-index: 2;
     overflow-y: auto;
 }
-.popover__arrow_1xple {
+.popover__arrow_b4k9z {
     z-index: 1;
 }
-.popover__arrow_1xple:after {
+.popover__arrow_b4k9z:after {
     content: '';
     display: block;
     position: absolute;
@@ -44,62 +44,62 @@
     box-sizing: border-box;
     transform: rotate(45deg);
 }
-.popover__component_1xple[data-popper-placement='left'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='left-start'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='left-end'] .popover__arrow_1xple {
+.popover__component_b4k9z[data-popper-placement='left'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='left-start'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='left-end'] .popover__arrow_b4k9z {
     right: 5px;
 }
-.popover__component_1xple[data-popper-placement='left'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='left-start'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='left-end'] .popover__arrow_1xple:after {
+.popover__component_b4k9z[data-popper-placement='left'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='left-start'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='left-end'] .popover__arrow_b4k9z:after {
         top: var(--gap-6-neg);
         border-bottom: none;
         border-left: none;
     }
-.popover__component_1xple[data-popper-placement='right'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='right-start'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='right-end'] .popover__arrow_1xple {
+.popover__component_b4k9z[data-popper-placement='right'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='right-start'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='right-end'] .popover__arrow_b4k9z {
     left: -7px;
 }
-.popover__component_1xple[data-popper-placement='right'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='right-start'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='right-end'] .popover__arrow_1xple:after {
+.popover__component_b4k9z[data-popper-placement='right'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='right-start'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='right-end'] .popover__arrow_b4k9z:after {
         top: var(--gap-6-neg);
         border-top: none;
         border-right: none;
     }
-.popover__component_1xple[data-popper-placement='top'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='top-start'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='top-end'] .popover__arrow_1xple {
+.popover__component_b4k9z[data-popper-placement='top'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='top-start'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='top-end'] .popover__arrow_b4k9z {
     bottom: 5px;
 }
-.popover__component_1xple[data-popper-placement='top'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='top-start'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='top-end'] .popover__arrow_1xple:after {
+.popover__component_b4k9z[data-popper-placement='top'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='top-start'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='top-end'] .popover__arrow_b4k9z:after {
         left: var(--gap-6-neg);
         border-top: none;
         border-left: none;
     }
-.popover__component_1xple[data-popper-placement='bottom'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='bottom-start'] .popover__arrow_1xple,
-.popover__component_1xple[data-popper-placement='bottom-end'] .popover__arrow_1xple {
+.popover__component_b4k9z[data-popper-placement='bottom'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='bottom-start'] .popover__arrow_b4k9z,
+.popover__component_b4k9z[data-popper-placement='bottom-end'] .popover__arrow_b4k9z {
     top: -7px;
 }
-.popover__component_1xple[data-popper-placement='bottom'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='bottom-start'] .popover__arrow_1xple:after, .popover__component_1xple[data-popper-placement='bottom-end'] .popover__arrow_1xple:after {
+.popover__component_b4k9z[data-popper-placement='bottom'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='bottom-start'] .popover__arrow_b4k9z:after, .popover__component_b4k9z[data-popper-placement='bottom-end'] .popover__arrow_b4k9z:after {
         left: var(--gap-6-neg);
         border-bottom: none;
         border-right: none;
     }
-.popover__enter_1xple .popover__inner_1xple {
+.popover__enter_b4k9z .popover__inner_b4k9z {
     opacity: 0;
     transform: scale(0.98);
 }
-.popover__enterActive_1xple .popover__inner_1xple {
+.popover__enterActive_b4k9z .popover__inner_b4k9z {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
 }
-.popover__exit_1xple .popover__inner_1xple {
+.popover__exit_b4k9z .popover__inner_b4k9z {
     opacity: 1;
     transform: scale(1);
 }
-.popover__exitActive_1xple .popover__inner_1xple {
+.popover__exitActive_b4k9z .popover__inner_b4k9z {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;

package/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"popover__component_1xple","inner":"popover__inner_1xple","scrollableContent":"popover__scrollableContent_1xple","arrow":"popover__arrow_1xple","enter":"popover__enter_1xple","enterActive":"popover__enterActive_1xple","exit":"popover__exit_1xple","exitActive":"popover__exitActive_1xple"};
+const styles = {"component":"popover__component_b4k9z","inner":"popover__inner_b4k9z","scrollableContent":"popover__scrollableContent_b4k9z","arrow":"popover__arrow_b4k9z","enter":"popover__enter_b4k9z","enterActive":"popover__enterActive_b4k9z","exit":"popover__exit_b4k9z","exitActive":"popover__exitActive_b4k9z"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n:root {\n    --popover-border-color: transparent;\n}\n\n.component {\n    background-color: transparent;\n    color: var(--color-light-text-primary);\n}\n\n.inner {\n    position: relative;\n    background-color: var(--color-light-modal-bg-primary);\n    box-shadow: var(--shadow-m);\n    border: 1px solid var(--popover-border-color);\n    box-sizing: border-box;\n    will-change: transform;\n}\n\n.scrollableContent {\n    position: relative;\n    z-index: 2;\n    overflow-y: auto;\n}\n\n.arrow {\n    z-index: 1;\n}\n\n.arrow:after {\n    content: '';\n    display: block;\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    background-color: var(--color-light-modal-bg-primary);\n    border: 1px solid var(--popover-border-color);\n    box-sizing: border-box;\n    transform: rotate(45deg);\n}\n\n.component[data-popper-placement='left'] .arrow,\n.component[data-popper-placement='left-start'] .arrow,\n.component[data-popper-placement='left-end'] .arrow {\n    right: 5px;\n\n    &:after {\n        top: var(--gap-6-neg);\n        border-bottom: none;\n        border-left: none;\n    }\n}\n\n.component[data-popper-placement='right'] .arrow,\n.component[data-popper-placement='right-start'] .arrow,\n.component[data-popper-placement='right-end'] .arrow {\n    left: -7px;\n\n    &:after {\n        top: var(--gap-6-neg);\n        border-top: none;\n        border-right: none;\n    }\n}\n\n.component[data-popper-placement='top'] .arrow,\n.component[data-popper-placement='top-start'] .arrow,\n.component[data-popper-placement='top-end'] .arrow {\n    bottom: 5px;\n\n    &:after {\n        left: var(--gap-6-neg);\n        border-top: none;\n        border-left: none;\n    }\n}\n\n.component[data-popper-placement='bottom'] .arrow,\n.component[data-popper-placement='bottom-start'] .arrow,\n.component[data-popper-placement='bottom-end'] .arrow {\n    top: -7px;\n\n    &:after {\n        left: var(--gap-6-neg);\n        border-bottom: none;\n        border-right: none;\n    }\n}\n\n.enter .inner {\n    opacity: 0;\n    transform: scale(0.98);\n}\n\n.enterActive .inner {\n    opacity: 1;\n    transform: scale(1);\n    transition-property: opacity, transform;\n    transition-timing-function: ease-in-out;\n    transition-duration: 150ms;\n}\n\n.exit .inner {\n    opacity: 1;\n    transform: scale(1);\n}\n\n.exitActive .inner {\n    opacity: 0;\n    transform: scale(0.98);\n    transition-property: opacity, transform;\n    transition-timing-function: ease-in-out;\n    transition-duration: 150ms;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,OAAO,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,kCAAkC,CAAC,OAAO,CAAC,sBAAsB,CAAC,OAAO,CAAC,sBAAsB,CAAC,aAAa,CAAC,4BAA4B,CAAC,MAAM,CAAC,qBAAqB,CAAC,YAAY,CAAC,2BAA2B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n:root {\n    --popover-border-color: transparent;\n}\n\n.component {\n    background-color: transparent;\n    color: var(--color-light-text-primary);\n}\n\n.inner {\n    position: relative;\n    background-color: var(--color-light-modal-bg-primary);\n    box-shadow: var(--shadow-m);\n    border: 1px solid var(--popover-border-color);\n    box-sizing: border-box;\n    will-change: transform;\n}\n\n.scrollableContent {\n    position: relative;\n    z-index: 2;\n    overflow-y: auto;\n}\n\n.arrow {\n    z-index: 1;\n}\n\n.arrow:after {\n    content: '';\n    display: block;\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    background-color: var(--color-light-modal-bg-primary);\n    border: 1px solid var(--popover-border-color);\n    box-sizing: border-box;\n    transform: rotate(45deg);\n}\n\n.component[data-popper-placement='left'] .arrow,\n.component[data-popper-placement='left-start'] .arrow,\n.component[data-popper-placement='left-end'] .arrow {\n    right: 5px;\n\n    &:after {\n        top: var(--gap-6-neg);\n        border-bottom: none;\n        border-left: none;\n    }\n}\n\n.component[data-popper-placement='right'] .arrow,\n.component[data-popper-placement='right-start'] .arrow,\n.component[data-popper-placement='right-end'] .arrow {\n    left: -7px;\n\n    &:after {\n        top: var(--gap-6-neg);\n        border-top: none;\n        border-right: none;\n    }\n}\n\n.component[data-popper-placement='top'] .arrow,\n.component[data-popper-placement='top-start'] .arrow,\n.component[data-popper-placement='top-end'] .arrow {\n    bottom: 5px;\n\n    &:after {\n        left: var(--gap-6-neg);\n        border-top: none;\n        border-left: none;\n    }\n}\n\n.component[data-popper-placement='bottom'] .arrow,\n.component[data-popper-placement='bottom-start'] .arrow,\n.component[data-popper-placement='bottom-end'] .arrow {\n    top: -7px;\n\n    &:after {\n        left: var(--gap-6-neg);\n        border-bottom: none;\n        border-right: none;\n    }\n}\n\n.enter .inner {\n    opacity: 0;\n    transform: scale(0.98);\n}\n\n.enterActive .inner {\n    opacity: 1;\n    transform: scale(1);\n    transition-property: opacity, transform;\n    transition-timing-function: ease-in-out;\n    transition-duration: 150ms;\n}\n\n.exit .inner {\n    opacity: 1;\n    transform: scale(1);\n}\n\n.exitActive .inner {\n    opacity: 0;\n    transform: scale(0.98);\n    transition-property: opacity, transform;\n    transition-timing-function: ease-in-out;\n    transition-duration: 150ms;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,0BAA0B,CAAC,OAAO,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,kCAAkC,CAAC,OAAO,CAAC,sBAAsB,CAAC,OAAO,CAAC,sBAAsB,CAAC,aAAa,CAAC,4BAA4B,CAAC,MAAM,CAAC,qBAAqB,CAAC,YAAY,CAAC,2BAA2B,CAAC;;;;"}

package/moderncssm/Component.d.ts

@@ -1,9 +1,9 @@
 import React, { type CSSProperties, type MutableRefObject, type ReactNode } from 'react';
 import { type CSSTransitionProps } from 'react-transition-group/CSSTransition';
 import { type BasePlacement, type VariationPlacement } from '@popperjs/core';
-declare type RefElement = HTMLElement | null;
-export declare type Position = BasePlacement | VariationPlacement;
-export declare type PopoverProps = {
+type RefElement = HTMLElement | null;
+export type Position = BasePlacement | VariationPlacement;
+export type PopoverProps = {
     /**
      * Управление состоянием поповера (открыт/закрыт)
      */

package/moderncssm/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, {\n    type CSSProperties,\n    forwardRef,\n    type MutableRefObject,\n    type ReactNode,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { usePopper } from 'react-popper';\nimport { CSSTransition } from 'react-transition-group';\nimport { type CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport {\n    type BasePlacement,\n    type Modifier,\n    type Obj,\n    type VariationPlacement,\n} from '@popperjs/core';\nimport cn from 'classnames';\nimport maxSize from 'popper-max-size-modifier';\n\nimport { Portal } from '@alfalab/core-components-portal';\nimport { isFn } from '@alfalab/core-components-shared';\nimport { Stack } from '@alfalab/core-components-stack';\nimport { stackingOrder } from '@alfalab/core-components-stack-context';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\ntype RefElement = HTMLElement | null;\n\ntype ModifierOptions<T> = T extends Modifier<unknown, infer V> ? V : never;\n\nexport type Position = BasePlacement | VariationPlacement;\n\ntype PopperModifier = {\n    name: string;\n    options: Obj;\n};\n\nexport type PopoverProps = {\n    /**\n     * Управление состоянием поповера (открыт/закрыт)\n     */\n    open: boolean;\n\n    /**\n     * Элемент, относительного которого появляется поповер\n     */\n    anchorElement: RefElement;\n\n    /**\n     * Использовать ширину родительского элемента\n     */\n    useAnchorWidth?: boolean;\n\n    /**\n     * Позиционирование поповера\n     */\n    position?: Position;\n\n    /**\n     * Запрещает поповеру менять свою позицию.\n     * Например, если места снизу недостаточно, то он все равно будет показан снизу\n     */\n    preventFlip?: boolean;\n\n    /**\n     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.\n     */\n    preventOverflow?: boolean;\n\n    /**\n     * Позволяет поповеру подствраивать свою высоту под границы экрана/элемента, если из-за величины контента он выходит за рамки области экрана/элемента\n     */\n    availableHeight?: boolean | (() => Element | null | undefined);\n\n    /**\n     * Если `true`, будет отрисована стрелочка\n     */\n    withArrow?: boolean;\n\n    /**\n     * Смещение поповера.\n     * Если позиционирование top, bottom, то [x, y].\n     * Если позиционирование left, right то [y, x].\n     */\n    offset?: [number, number];\n\n    /**\n     * Дополнительный класс для поповера\n     */\n    popperClassName?: string;\n\n    /**\n     * Дополнительный класс для стрелочки\n     */\n    arrowClassName?: string;\n\n    /**\n     * Функция, возвращающая контейнер, в который будет рендериться поповер\n     */\n    getPortalContainer?: () => HTMLElement;\n\n    /**\n     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.\n     */\n    transition?: CSSTransitionProps;\n\n    /**\n     * Выставляет кастомное свойство transition-duration\n     */\n    transitionDuration?: CSSProperties['transitionDuration'];\n\n    /**\n     * Рендерит компонент, обернутый в Transition\n     */\n    withTransition?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Хранит функцию, с помощью которой можно обновить положение компонента\n     */\n    update?: MutableRefObject<(() => void) | undefined>;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * z-index компонента\n     */\n    zIndex?: number;\n\n    /**\n     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,\n     * по очереди для каждой позиции из этого списка.\n     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.\n     */\n    fallbackPlacements?: Position[];\n\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Класс для скролл контейнера\n     */\n    scrollableContentClassName?: string;\n\n    /**\n     * Минимальное расстояние стрелки до края поповера\n     *\n     * @default 24\n     */\n    arrowToEdgeMinDistance?: number;\n};\n\nconst DEFAULT_TRANSITION: PopoverProps['transition'] = {\n    timeout: 150,\n};\n\nconst CSS_TRANSITION_CLASS_NAMES = {\n    enter: styles.enter,\n    enterActive: styles.enterActive,\n    exit: styles.exit,\n    exitActive: styles.exitActive,\n};\n\nconst DEFAULT_OFFSET = [0, 0];\n\nfunction createGetArrowPadding(minDistanceToEdge: number) {\n    return function getArrowPadding({\n        placement,\n    }: {\n        popper: { height: number; width: number };\n        reference: { height: number; width: number };\n        placement: Position;\n    }) {\n        if (placement === 'right-end' || placement === 'left-end') {\n            return { top: minDistanceToEdge, right: 0, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'top-start' || placement === 'bottom-start') {\n            return { top: 0, right: minDistanceToEdge, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'right-start' || placement === 'left-start') {\n            return { top: 0, right: 0, bottom: minDistanceToEdge, left: 0 };\n        }\n\n        if (placement === 'top-end' || placement === 'bottom-end') {\n            return { top: 0, right: 0, bottom: 0, left: minDistanceToEdge };\n        }\n\n        return 0;\n    };\n}\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n    (\n        {\n            children,\n            getPortalContainer,\n            transition = DEFAULT_TRANSITION,\n            anchorElement,\n            useAnchorWidth,\n            offset = DEFAULT_OFFSET,\n            withArrow = false,\n            withTransition = true,\n            position = 'left',\n            preventFlip,\n            popperClassName,\n            arrowClassName,\n            className,\n            open,\n            dataTestId,\n            update,\n            transitionDuration = `${transition.timeout}ms`,\n            zIndex = stackingOrder.POPOVER,\n            fallbackPlacements,\n            preventOverflow = true,\n            availableHeight = false,\n            scrollableContentClassName,\n            arrowToEdgeMinDistance = 24,\n        },\n        ref,\n    ) => {\n        const [referenceElement, setReferenceElement] = useState<RefElement>(anchorElement);\n        const [popperElement, setPopperElement] = useState<RefElement>(null);\n        const [arrowElement, setArrowElement] = useState<RefElement>(null);\n        const [maxSizeOptions, setMaxSizeOptions] = useState<\n            Partial<ModifierOptions<typeof maxSize>>\n        >(() => ({}));\n\n        const updatePopperRef = useRef<() => void>();\n\n        const popperRef = useRef<HTMLDivElement>(null);\n        const innerRef = useRef<HTMLDivElement>(null);\n\n        const popperModifiers = useMemo(() => {\n            const modifiers: PopperModifier[] = [{ name: 'offset', options: { offset } }];\n\n            if (withArrow) {\n                modifiers.push({\n                    name: 'arrow',\n                    options: {\n                        element: arrowElement,\n                        padding: createGetArrowPadding(arrowToEdgeMinDistance),\n                    },\n                });\n            }\n\n            if (preventFlip) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements: [] } });\n            }\n\n            if (fallbackPlacements) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements } });\n            }\n\n            if (preventOverflow) {\n                modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });\n            }\n\n            if (isFn(availableHeight) || availableHeight) {\n                modifiers.push({ ...maxSize, options: maxSizeOptions });\n            }\n\n            return modifiers;\n        }, [\n            offset,\n            withArrow,\n            preventFlip,\n            fallbackPlacements,\n            preventOverflow,\n            availableHeight,\n            arrowElement,\n            arrowToEdgeMinDistance,\n            maxSizeOptions,\n        ]);\n\n        const {\n            styles: popperStyles,\n            attributes,\n            update: updatePopper,\n            state,\n        } = usePopper(referenceElement, popperElement, {\n            placement: position,\n            modifiers: popperModifiers,\n        });\n\n        if (updatePopper) {\n            updatePopperRef.current = updatePopper;\n        }\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            const nextBoundry = isFn(availableHeight)\n                ? (availableHeight() ?? undefined)\n                : undefined;\n\n            if (!(maxSizeOptions.boundary === nextBoundry)) {\n                setMaxSizeOptions({ boundary: nextBoundry });\n            }\n        });\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            setReferenceElement(anchorElement);\n        }, [anchorElement]);\n\n        useEffect(() => {\n            if (updatePopper) {\n                updatePopper();\n            }\n        }, [updatePopper, arrowElement, children]);\n\n        useEffect(() => {\n            if (update && updatePopper) {\n                // eslint-disable-next-line no-param-reassign\n                update.current = updatePopper;\n            }\n        });\n\n        useEffect(() => {\n            if (useAnchorWidth) {\n                const updatePopoverWidth = () => updatePopperRef.current?.();\n                const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n                const observer = new ResizeObserver(updatePopoverWidth);\n\n                if (anchorElement) {\n                    observer.observe(anchorElement);\n                }\n\n                return () => {\n                    observer.disconnect();\n                };\n            }\n\n            return () => ({});\n        }, [anchorElement, useAnchorWidth]);\n\n        const renderContent = (computedZIndex: number) => (\n            <div\n                ref={mergeRefs([ref, popperRef, setPopperElement])}\n                style={{\n                    zIndex: computedZIndex,\n                    width: useAnchorWidth ? referenceElement?.offsetWidth : undefined,\n                    ...popperStyles.popper,\n                    ...(popperStyles.popper?.transform ? null : { visibility: 'hidden' }),\n                }}\n                data-test-id={dataTestId}\n                className={cn(styles.component, className)}\n                {...attributes.popper}\n            >\n                <div className={cn(styles.inner, popperClassName)} ref={innerRef}>\n                    <div\n                        className={cn(scrollableContentClassName, {\n                            [styles.scrollableContent]: isFn(availableHeight) || availableHeight,\n                        })}\n                        style={{\n                            maxHeight:\n                                isFn(availableHeight) || availableHeight\n                                    ? state?.modifiersData.maxSize?.height\n                                    : undefined,\n                        }}\n                    >\n                        {children}\n                    </div>\n\n                    {withArrow && (\n                        <div\n                            ref={setArrowElement}\n                            style={popperStyles.arrow}\n                            className={cn(styles.arrow, arrowClassName)}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n\n        return (\n            <Stack value={zIndex}>\n                {(computedZIndex) => (\n                    <Portal getPortalContainer={getPortalContainer}>\n                        {withTransition ? (\n                            <CSSTransition\n                                unmountOnExit={true}\n                                classNames={CSS_TRANSITION_CLASS_NAMES}\n                                nodeRef={popperRef}\n                                {...transition}\n                                in={open}\n                                onEntering={(node: HTMLElement, isAppearing: boolean) => {\n                                    // Меняем transition-duration только в случае, если передано значение отличное от дефолтного.\n                                    if (\n                                        innerRef.current &&\n                                        transitionDuration !== `${DEFAULT_TRANSITION.timeout}ms`\n                                    ) {\n                                        innerRef.current.style.setProperty(\n                                            'transition-duration',\n                                            transitionDuration,\n                                        );\n                                    }\n                                    transition?.onEntering?.(node, isAppearing);\n                                }}\n                            >\n                                {renderContent(computedZIndex)}\n                            </CSSTransition>\n                        ) : (\n                            open && renderContent(computedZIndex)\n                        )}\n                    </Portal>\n                )}\n            </Stack>\n        );\n    },\n);\n\nPopover.displayName = 'Popover';\n"],"names":["ResizeObserver","ResizeObserverPolyfill"],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, {\n    type CSSProperties,\n    forwardRef,\n    type MutableRefObject,\n    type ReactNode,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport { usePopper } from 'react-popper';\nimport { CSSTransition } from 'react-transition-group';\nimport { type CSSTransitionProps } from 'react-transition-group/CSSTransition';\nimport { ResizeObserver as ResizeObserverPolyfill } from '@juggle/resize-observer';\nimport {\n    type BasePlacement,\n    type Modifier,\n    type Obj,\n    type VariationPlacement,\n} from '@popperjs/core';\nimport cn from 'classnames';\nimport maxSize from 'popper-max-size-modifier';\n\nimport { Portal } from '@alfalab/core-components-portal';\nimport { isFn } from '@alfalab/core-components-shared';\nimport { Stack } from '@alfalab/core-components-stack';\nimport { stackingOrder } from '@alfalab/core-components-stack-context';\nimport { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';\n\nimport styles from './index.module.css';\n\ntype RefElement = HTMLElement | null;\n\ntype ModifierOptions<T> = T extends Modifier<unknown, infer V> ? V : never;\n\nexport type Position = BasePlacement | VariationPlacement;\n\ntype PopperModifier = {\n    name: string;\n    options: Obj;\n};\n\nexport type PopoverProps = {\n    /**\n     * Управление состоянием поповера (открыт/закрыт)\n     */\n    open: boolean;\n\n    /**\n     * Элемент, относительного которого появляется поповер\n     */\n    anchorElement: RefElement;\n\n    /**\n     * Использовать ширину родительского элемента\n     */\n    useAnchorWidth?: boolean;\n\n    /**\n     * Позиционирование поповера\n     */\n    position?: Position;\n\n    /**\n     * Запрещает поповеру менять свою позицию.\n     * Например, если места снизу недостаточно, то он все равно будет показан снизу\n     */\n    preventFlip?: boolean;\n\n    /**\n     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.\n     */\n    preventOverflow?: boolean;\n\n    /**\n     * Позволяет поповеру подствраивать свою высоту под границы экрана/элемента, если из-за величины контента он выходит за рамки области экрана/элемента\n     */\n    availableHeight?: boolean | (() => Element | null | undefined);\n\n    /**\n     * Если `true`, будет отрисована стрелочка\n     */\n    withArrow?: boolean;\n\n    /**\n     * Смещение поповера.\n     * Если позиционирование top, bottom, то [x, y].\n     * Если позиционирование left, right то [y, x].\n     */\n    offset?: [number, number];\n\n    /**\n     * Дополнительный класс для поповера\n     */\n    popperClassName?: string;\n\n    /**\n     * Дополнительный класс для стрелочки\n     */\n    arrowClassName?: string;\n\n    /**\n     * Функция, возвращающая контейнер, в который будет рендериться поповер\n     */\n    getPortalContainer?: () => HTMLElement;\n\n    /**\n     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.\n     */\n    transition?: CSSTransitionProps;\n\n    /**\n     * Выставляет кастомное свойство transition-duration\n     */\n    transitionDuration?: CSSProperties['transitionDuration'];\n\n    /**\n     * Рендерит компонент, обернутый в Transition\n     */\n    withTransition?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Хранит функцию, с помощью которой можно обновить положение компонента\n     */\n    update?: MutableRefObject<(() => void) | undefined>;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * z-index компонента\n     */\n    zIndex?: number;\n\n    /**\n     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,\n     * по очереди для каждой позиции из этого списка.\n     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.\n     */\n    fallbackPlacements?: Position[];\n\n    /**\n     * Контент\n     */\n    children?: ReactNode;\n\n    /**\n     * Класс для скролл контейнера\n     */\n    scrollableContentClassName?: string;\n\n    /**\n     * Минимальное расстояние стрелки до края поповера\n     *\n     * @default 24\n     */\n    arrowToEdgeMinDistance?: number;\n};\n\nconst DEFAULT_TRANSITION: PopoverProps['transition'] = {\n    timeout: 150,\n};\n\nconst CSS_TRANSITION_CLASS_NAMES = {\n    enter: styles.enter,\n    enterActive: styles.enterActive,\n    exit: styles.exit,\n    exitActive: styles.exitActive,\n};\n\nconst DEFAULT_OFFSET = [0, 0];\n\nfunction createGetArrowPadding(minDistanceToEdge: number) {\n    return function getArrowPadding({\n        placement,\n    }: {\n        popper: { height: number; width: number };\n        reference: { height: number; width: number };\n        placement: Position;\n    }) {\n        if (placement === 'right-end' || placement === 'left-end') {\n            return { top: minDistanceToEdge, right: 0, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'top-start' || placement === 'bottom-start') {\n            return { top: 0, right: minDistanceToEdge, bottom: 0, left: 0 };\n        }\n\n        if (placement === 'right-start' || placement === 'left-start') {\n            return { top: 0, right: 0, bottom: minDistanceToEdge, left: 0 };\n        }\n\n        if (placement === 'top-end' || placement === 'bottom-end') {\n            return { top: 0, right: 0, bottom: 0, left: minDistanceToEdge };\n        }\n\n        return 0;\n    };\n}\n\nexport const Popover = forwardRef<HTMLDivElement, PopoverProps>(\n    (\n        {\n            children,\n            getPortalContainer,\n            transition = DEFAULT_TRANSITION,\n            anchorElement,\n            useAnchorWidth,\n            offset = DEFAULT_OFFSET,\n            withArrow = false,\n            withTransition = true,\n            position = 'left',\n            preventFlip,\n            popperClassName,\n            arrowClassName,\n            className,\n            open,\n            dataTestId,\n            update,\n            transitionDuration = `${transition.timeout}ms`,\n            zIndex = stackingOrder.POPOVER,\n            fallbackPlacements,\n            preventOverflow = true,\n            availableHeight = false,\n            scrollableContentClassName,\n            arrowToEdgeMinDistance = 24,\n        },\n        ref,\n    ) => {\n        const [referenceElement, setReferenceElement] = useState<RefElement>(anchorElement);\n        const [popperElement, setPopperElement] = useState<RefElement>(null);\n        const [arrowElement, setArrowElement] = useState<RefElement>(null);\n        const [maxSizeOptions, setMaxSizeOptions] = useState<\n            Partial<ModifierOptions<typeof maxSize>>\n        >(() => ({}));\n\n        const updatePopperRef = useRef<() => void>();\n\n        const popperRef = useRef<HTMLDivElement>(null);\n        const innerRef = useRef<HTMLDivElement>(null);\n\n        const popperModifiers = useMemo(() => {\n            const modifiers: PopperModifier[] = [{ name: 'offset', options: { offset } }];\n\n            if (withArrow) {\n                modifiers.push({\n                    name: 'arrow',\n                    options: {\n                        element: arrowElement,\n                        padding: createGetArrowPadding(arrowToEdgeMinDistance),\n                    },\n                });\n            }\n\n            if (preventFlip) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements: [] } });\n            }\n\n            if (fallbackPlacements) {\n                modifiers.push({ name: 'flip', options: { fallbackPlacements } });\n            }\n\n            if (preventOverflow) {\n                modifiers.push({ name: 'preventOverflow', options: { mainAxis: false } });\n            }\n\n            if (isFn(availableHeight) || availableHeight) {\n                modifiers.push({ ...maxSize, options: maxSizeOptions });\n            }\n\n            return modifiers;\n        }, [\n            offset,\n            withArrow,\n            preventFlip,\n            fallbackPlacements,\n            preventOverflow,\n            availableHeight,\n            arrowElement,\n            arrowToEdgeMinDistance,\n            maxSizeOptions,\n        ]);\n\n        const {\n            styles: popperStyles,\n            attributes,\n            update: updatePopper,\n            state,\n        } = usePopper(referenceElement, popperElement, {\n            placement: position,\n            modifiers: popperModifiers,\n        });\n\n        if (updatePopper) {\n            updatePopperRef.current = updatePopper;\n        }\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            const nextBoundry = isFn(availableHeight)\n                ? (availableHeight() ?? undefined)\n                : undefined;\n\n            if (!(maxSizeOptions.boundary === nextBoundry)) {\n                setMaxSizeOptions({ boundary: nextBoundry });\n            }\n        });\n\n        useLayoutEffect_SAFE_FOR_SSR(() => {\n            setReferenceElement(anchorElement);\n        }, [anchorElement]);\n\n        useEffect(() => {\n            if (updatePopper) {\n                updatePopper();\n            }\n        }, [updatePopper, arrowElement, children]);\n\n        useEffect(() => {\n            if (update && updatePopper) {\n                // eslint-disable-next-line no-param-reassign\n                update.current = updatePopper;\n            }\n        });\n\n        useEffect(() => {\n            if (useAnchorWidth) {\n                const updatePopoverWidth = () => updatePopperRef.current?.();\n                const ResizeObserver = window.ResizeObserver || ResizeObserverPolyfill;\n                const observer = new ResizeObserver(updatePopoverWidth);\n\n                if (anchorElement) {\n                    observer.observe(anchorElement);\n                }\n\n                return () => {\n                    observer.disconnect();\n                };\n            }\n\n            return () => ({});\n        }, [anchorElement, useAnchorWidth]);\n\n        const renderContent = (computedZIndex: number) => (\n            <div\n                ref={mergeRefs([ref, popperRef, setPopperElement])}\n                style={{\n                    zIndex: computedZIndex,\n                    width: useAnchorWidth ? referenceElement?.offsetWidth : undefined,\n                    ...popperStyles.popper,\n                    ...(popperStyles.popper?.transform ? null : { visibility: 'hidden' }),\n                }}\n                data-test-id={dataTestId}\n                className={cn(styles.component, className)}\n                {...attributes.popper}\n            >\n                <div className={cn(styles.inner, popperClassName)} ref={innerRef}>\n                    <div\n                        className={cn(scrollableContentClassName, {\n                            [styles.scrollableContent]: isFn(availableHeight) || availableHeight,\n                        })}\n                        style={{\n                            maxHeight:\n                                isFn(availableHeight) || availableHeight\n                                    ? state?.modifiersData.maxSize?.height\n                                    : undefined,\n                        }}\n                    >\n                        {children}\n                    </div>\n\n                    {withArrow && (\n                        <div\n                            ref={setArrowElement}\n                            style={popperStyles.arrow}\n                            className={cn(styles.arrow, arrowClassName)}\n                        />\n                    )}\n                </div>\n            </div>\n        );\n\n        return (\n            <Stack value={zIndex}>\n                {(computedZIndex) => (\n                    <Portal getPortalContainer={getPortalContainer}>\n                        {withTransition ? (\n                            <CSSTransition\n                                unmountOnExit={true}\n                                classNames={CSS_TRANSITION_CLASS_NAMES}\n                                nodeRef={popperRef}\n                                {...transition}\n                                in={open}\n                                onEntering={(node: HTMLElement, isAppearing: boolean) => {\n                                    // Меняем transition-duration только в случае, если передано значение отличное от дефолтного.\n                                    if (\n                                        innerRef.current &&\n                                        transitionDuration !== `${DEFAULT_TRANSITION.timeout}ms`\n                                    ) {\n                                        innerRef.current.style.setProperty(\n                                            'transition-duration',\n                                            transitionDuration,\n                                        );\n                                    }\n                                    transition?.onEntering?.(node, isAppearing);\n                                }}\n                            >\n                                {renderContent(computedZIndex)}\n                            </CSSTransition>\n                        ) : (\n                            open && renderContent(computedZIndex)\n                        )}\n                    </Portal>\n                )}\n            </Stack>\n        );\n    },\n);\n\nPopover.displayName = 'Popover';\n"],"names":["ResizeObserver","ResizeObserverPolyfill"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-popover",
-    "version": "8.0.2",
+    "version": "8.0.3",
     "description": "Popover component",
     "keywords": [],
     "license": "MIT",
@@ -11,7 +11,7 @@
     "module": "./esm/index.js",
     "dependencies": {
         "@alfalab/core-components-portal": "^5.0.1",
-        "@alfalab/core-components-shared": "^2.1.0",
+        "@alfalab/core-components-shared": "^2.1.1",
         "@alfalab/core-components-stack": "^7.0.1",
         "@alfalab/hooks": "^1.13.1",
         "@juggle/resize-observer": "^3.3.1",
@@ -33,6 +33,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "15.0.1",
-    "varsVersion": "11.0.1"
+    "themesVersion": "15.0.2",
+    "varsVersion": "11.0.2"
 }

package/src/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/no-typography-index.css';
+@import '@alfalab/core-components-vars/src/index.css';
 
 :root {
     --popover-border-color: transparent;