@salutejs/plasma-new-hope 0.242.0-dev.0 → 0.242.1-canary.1707.12879664455.0

package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentGroup.js","sources":["../../../../../src/components/Segment/ui/SegmentGroup/SegmentGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef, KeyboardEvent } from 'react';\nimport type { RefObject, MutableRefObject } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../engines/types';\nimport {\n    IconDisclosureLeftWithOffset,\n    IconDisclosureRightWithOffset,\n    IconDisclosureDownWithOffset,\n    IconDisclosureUpWithOffset,\n} from '../../../_Icon';\nimport { classes, tokens } from '../../tokens';\nimport { cx } from '../../../../utils';\nimport { useSegmentInner } from '../../SegmentProvider/SegmentProvider';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as filledBackgroundCSS } from './variations/_filledBackgound/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\nimport { base as orientationCSS } from './variations/_orientation/base';\nimport type { SegmentGroupProps } from './SegmentGroup.types';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    base,\n    StyledLeftArrow,\n    StyledRightArrow,\n    StyledTopArrow,\n    StyledBottomArrow,\n} from './SegmentGroup.styles';\n\nenum Keys {\n    end = 35,\n    home = 36,\n    left = 37,\n    right = 39,\n}\n\nexport const getChildNodes = (wrapper: HTMLElement | null) => {\n    const container = wrapper?.firstChild;\n    return container ? (Array.from(container?.childNodes) as HTMLElement[]) : [];\n};\n\nexport const segmentGroupRoot = (Root: RootProps<HTMLDivElement, SegmentGroupProps>) =>\n    forwardRef<HTMLDivElement, SegmentGroupProps>((props, outerRef) => {\n        const {\n            id,\n            selectionMode,\n            pilled,\n            stretch,\n            clip = true,\n            orientation = 'horizontal',\n            filledBackground = false,\n            hasBackground = false,\n            disabled = false,\n            size,\n            view,\n            children,\n            ...rest\n        } = props;\n\n        const scrollRef = useRef<HTMLElement | null>(null);\n        const trackRef = useRef<HTMLElement | null>(null);\n        const leftArrowRef = useRef<HTMLButtonElement | null>(null);\n\n        const { setSelectionMode, setDisabledGroup } = useSegmentInner();\n\n        const [firstItemVisible, setFirstItemVisible] = useState(true);\n        const [lastItemVisible, setLastItemVisible] = useState(true);\n\n        const uniqId = safeUseId();\n        const segmentGroupId = id || uniqId;\n\n        const canClip = clip && !stretch;\n\n        const isVertical = orientation === 'vertical';\n        const stretchClass =\n            (clip ? firstItemVisible && lastItemVisible : true) && stretch ? classes.segmentStretch : undefined;\n\n        const orientationClass = isVertical ? classes.segmentVertical : undefined;\n        const clipScrollClass = canClip ? classes.segmentGroupClipScroll : undefined;\n\n        const pilledAttr = (view !== 'clear' || hasBackground) && pilled;\n        const filledBackgroundAttr = (view !== 'clear' && filledBackground) || hasBackground;\n\n        const pilledClass = pilledAttr ? classes.segmentPilled : undefined;\n        const filledClass = filledBackgroundAttr ? classes.segmentGroupFilledBackground : undefined;\n\n        const onPrev = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const childNodes = getChildNodes(scrollRef.current);\n\n            const scrollLeft = Math.round(scrollRef.current.scrollLeft);\n            const firstOverflowingTab = childNodes\n                .slice()\n                .reverse()\n                .find((child: HTMLElement | null) => {\n                    if (!child || child.offsetLeft === undefined) {\n                        return;\n                    }\n                    const tabStartX = child.offsetLeft;\n\n                    return tabStartX < scrollLeft;\n                });\n\n            firstOverflowingTab?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef]);\n\n        const onNext = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);\n\n            const childNodes = getChildNodes(scrollRef.current);\n\n            const lastOverflowingChild = childNodes.find((child) => {\n                if (!child || child.offsetLeft === undefined) {\n                    return;\n                }\n                const tabEndX = child.offsetLeft + child.offsetWidth;\n\n                return tabEndX > scrollRight;\n            });\n\n            lastOverflowingChild?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef]);\n\n        const onKeyDown = useCallback((event: KeyboardEvent<HTMLDivElement>) => {\n            const childNodes = getChildNodes(scrollRef?.current);\n\n            const index = childNodes.findIndex((child) => document.activeElement === child);\n\n            const minIndex = 0;\n            const maxIndex = childNodes.length - 1;\n            let nextIndex: number;\n\n            switch (event.keyCode) {\n                case Keys.end:\n                    nextIndex = maxIndex;\n                    break;\n                case Keys.left:\n                    nextIndex = index > minIndex ? index - 1 : index;\n                    break;\n                case Keys.right:\n                    nextIndex = index < maxIndex ? index + 1 : index;\n                    break;\n                case Keys.home:\n                    nextIndex = minIndex;\n                    break;\n                default:\n                    return;\n            }\n\n            if (nextIndex !== index) {\n                event.preventDefault();\n                childNodes[nextIndex]?.focus();\n                childNodes[nextIndex]?.scrollIntoView({\n                    block: 'center',\n                    inline: 'center',\n                    behavior: 'smooth',\n                });\n            }\n        }, []);\n\n        const handleScroll = useCallback(\n            (event: React.UIEvent<HTMLElement>): void => {\n                event.stopPropagation?.();\n\n                if (!canClip) {\n                    setFirstItemVisible(true);\n                    setLastItemVisible(true);\n                    return;\n                }\n\n                if (isVertical) {\n                    const maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;\n                    const scrollTop = Math.round(event.currentTarget.scrollTop);\n\n                    setFirstItemVisible(scrollTop <= 0);\n                    setLastItemVisible(scrollTop >= maxScrollTop);\n                    return;\n                }\n\n                const maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;\n                const scrollLeft = Math.round(event.currentTarget.scrollLeft);\n\n                setFirstItemVisible(scrollLeft <= 0);\n                setLastItemVisible(scrollLeft >= maxScrollLeft);\n            },\n            [isVertical, canClip],\n        );\n\n        useEffect(() => {\n            handleScroll(({ currentTarget: scrollRef.current } as unknown) as React.UIEvent<HTMLElement>);\n        }, [handleScroll]);\n\n        useEffect(() => {\n            if (!canClip) {\n                setLastItemVisible(true);\n                return;\n            }\n\n            setLastItemVisible(\n                isVertical\n                    ? scrollRef.current?.scrollHeight === scrollRef.current?.clientHeight\n                    : scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth,\n            );\n        }, [isVertical, canClip]);\n\n        // Этот хук компенсирует появление левой/верхней стрелки при прокрутке\n        useEffect(() => {\n            if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {\n                return;\n            }\n\n            if (isVertical) {\n                scrollRef.current.scrollTo({\n                    top: Math.round(scrollRef.current.scrollTop + leftArrowRef.current.clientHeight),\n                });\n                return;\n            }\n\n            scrollRef.current.scrollTo({\n                left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth),\n            });\n        }, [firstItemVisible, isVertical]);\n\n        const PreviousButton = useMemo(() => {\n            const ArrowNode = isVertical ? StyledTopArrow : StyledLeftArrow;\n            return (\n                <ArrowNode\n                    type=\"button\"\n                    aria-label=\"Предыдущий сегмент\"\n                    onClick={onPrev}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                >\n                    {isVertical ? (\n                        <IconDisclosureUpWithOffset color={`var(${tokens.arrowColor})`} size=\"s\" />\n                    ) : (\n                        <IconDisclosureLeftWithOffset color={`var(${tokens.arrowColor})`} />\n                    )}\n                </ArrowNode>\n            );\n        }, [onPrev, isVertical]);\n\n        const NextButton = useMemo(() => {\n            const ArrowNode = isVertical ? StyledBottomArrow : StyledRightArrow;\n            return (\n                <ArrowNode\n                    type=\"button\"\n                    aria-label=\"Следующий сегмент\"\n                    onClick={onNext}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                >\n                    {isVertical ? (\n                        <IconDisclosureDownWithOffset color={`var(${tokens.arrowColor})`} size=\"s\" />\n                    ) : (\n                        <IconDisclosureRightWithOffset color={`var(${tokens.arrowColor})`} />\n                    )}\n                </ArrowNode>\n            );\n        }, [onNext, isVertical]);\n\n        useEffect(() => {\n            selectionMode && setSelectionMode(selectionMode);\n            setDisabledGroup(disabled);\n        }, [selectionMode, disabled]);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                orientation={orientation}\n                id={segmentGroupId}\n                ref={outerRef}\n                filledBackground={filledBackgroundAttr}\n                disabled={disabled}\n                pilled={pilledAttr}\n                className={cx(pilledClass, filledClass, stretchClass, orientationClass)}\n                onKeyDown={onKeyDown}\n                {...rest}\n            >\n                {!firstItemVisible && PreviousButton}\n                <StyledContentWrapper\n                    className={cx(clipScrollClass)}\n                    ref={scrollRef as RefObject<HTMLDivElement>}\n                    onScroll={handleScroll}\n                >\n                    <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement | null>}>{children}</StyledContent>\n                </StyledContentWrapper>\n                {!lastItemVisible && NextButton}\n            </Root>\n        );\n    });\n\nexport const segmentGroupConfig = {\n    name: 'SegmentGroup',\n    tag: 'div',\n    layout: segmentGroupRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        stretch: {\n            css: stretchCSS,\n            attrs: true,\n        },\n        orientation: {\n            css: orientationCSS,\n        },\n        filledBackground: {\n            css: filledBackgroundCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'xs',\n    },\n};\n"],"names":["Keys","getChildNodes","wrapper","container","firstChild","Array","from","childNodes","segmentGroupRoot","Root","forwardRef","props","outerRef","id","selectionMode","pilled","stretch","_props$clip","clip","_props$orientation","orientation","_props$filledBackgrou","filledBackground","_props$hasBackground","hasBackground","_props$disabled","disabled","size","view","children","rest","_objectWithoutProperties","_excluded","scrollRef","useRef","trackRef","leftArrowRef","_useSegmentInner","useSegmentInner","setSelectionMode","setDisabledGroup","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","uniqId","safeUseId","segmentGroupId","canClip","isVertical","stretchClass","classes","segmentStretch","undefined","orientationClass","segmentVertical","clipScrollClass","segmentGroupClipScroll","pilledAttr","filledBackgroundAttr","pilledClass","segmentPilled","filledClass","segmentGroupFilledBackground","onPrev","useCallback","current","scrollLeft","Math","round","firstOverflowingTab","slice","reverse","find","child","offsetLeft","tabStartX","scrollIntoView","block","inline","onNext","scrollRight","clientWidth","lastOverflowingChild","tabEndX","offsetWidth","onKeyDown","event","index","findIndex","document","activeElement","minIndex","maxIndex","length","nextIndex","keyCode","end","left","right","home","_childNodes$nextIndex","_childNodes$nextIndex2","preventDefault","focus","behavior","handleScroll","_event$stopPropagatio","stopPropagation","call","maxScrollTop","currentTarget","scrollHeight","clientHeight","scrollTop","maxScrollLeft","scrollWidth","useEffect","_scrollRef$current","_scrollRef$current2","_scrollRef$current3","_scrollRef$current4","scrollTo","top","PreviousButton","useMemo","ArrowNode","StyledTopArrow","StyledLeftArrow","React","createElement","type","onClick","tabIndex","IconDisclosureUpWithOffset","color","concat","tokens","arrowColor","IconDisclosureLeftWithOffset","NextButton","StyledBottomArrow","StyledRightArrow","IconDisclosureDownWithOffset","IconDisclosureRightWithOffset","_extends","ref","className","cx","StyledContentWrapper","onScroll","StyledContent","segmentGroupConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","stretchCSS","orientationCSS","filledBackgroundCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"SegmentGroup.js","sources":["../../../../../src/components/Segment/ui/SegmentGroup/SegmentGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef, KeyboardEvent } from 'react';\nimport type { RefObject, MutableRefObject } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../engines/types';\nimport {\n    IconDisclosureLeftWithOffset,\n    IconDisclosureRightWithOffset,\n    IconDisclosureDownWithOffset,\n    IconDisclosureUpWithOffset,\n} from '../../../_Icon';\nimport { classes, tokens } from '../../tokens';\nimport { cx } from '../../../../utils';\nimport { useSegmentInner } from '../../SegmentProvider/SegmentProvider';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as filledBackgroundCSS } from './variations/_filledBackgound/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\nimport { base as orientationCSS } from './variations/_orientation/base';\nimport type { SegmentGroupProps } from './SegmentGroup.types';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    base,\n    StyledLeftArrow,\n    StyledRightArrow,\n    StyledTopArrow,\n    StyledBottomArrow,\n} from './SegmentGroup.styles';\n\nenum Keys {\n    end = 35,\n    home = 36,\n    left = 37,\n    right = 39,\n}\n\nexport const getChildNodes = (wrapper: HTMLElement | null) => {\n    const container = wrapper?.firstChild;\n    return container ? (Array.from(container?.childNodes) as HTMLElement[]) : [];\n};\n\nexport const segmentGroupRoot = (Root: RootProps<HTMLDivElement, SegmentGroupProps>) =>\n    forwardRef<HTMLDivElement, SegmentGroupProps>((props, outerRef) => {\n        const {\n            id,\n            selectionMode,\n            pilled,\n            stretch,\n            clip = true,\n            orientation = 'horizontal',\n            filledBackground = false,\n            hasBackground = false,\n            disabled = false,\n            size,\n            view,\n            children,\n            ...rest\n        } = props;\n\n        const scrollRef = useRef<HTMLElement | null>(null);\n        const trackRef = useRef<HTMLElement | null>(null);\n        const leftArrowRef = useRef<HTMLButtonElement | null>(null);\n\n        const { setSelectionMode, setDisabledGroup } = useSegmentInner();\n\n        const [firstItemVisible, setFirstItemVisible] = useState(true);\n        const [lastItemVisible, setLastItemVisible] = useState(true);\n\n        const uniqId = safeUseId();\n        const segmentGroupId = id || uniqId;\n\n        const canClip = clip && !stretch;\n\n        const isVertical = orientation === 'vertical';\n        const stretchClass =\n            (clip ? firstItemVisible && lastItemVisible : true) && stretch ? classes.segmentStretch : undefined;\n\n        const orientationClass = isVertical ? classes.segmentVertical : undefined;\n        const clipScrollClass = canClip ? classes.segmentGroupClipScroll : undefined;\n\n        const pilledAttr = (view !== 'clear' || hasBackground) && pilled;\n        const filledBackgroundAttr = (view !== 'clear' && filledBackground) || hasBackground;\n\n        const pilledClass = pilledAttr ? classes.segmentPilled : undefined;\n        const filledClass = filledBackgroundAttr ? classes.segmentGroupFilledBackground : undefined;\n\n        const onPrev = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const childNodes = getChildNodes(scrollRef.current);\n\n            const scrollLeft = Math.round(scrollRef.current.scrollLeft);\n            const firstOverflowingTab = childNodes\n                .slice()\n                .reverse()\n                .find((child: HTMLElement | null) => {\n                    if (!child || child.offsetLeft === undefined) {\n                        return;\n                    }\n                    const tabStartX = child.offsetLeft;\n\n                    return tabStartX < scrollLeft;\n                });\n\n            firstOverflowingTab?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef]);\n\n        const onNext = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);\n\n            const childNodes = getChildNodes(scrollRef.current);\n\n            const lastOverflowingChild = childNodes.find((child) => {\n                if (!child || child.offsetLeft === undefined) {\n                    return;\n                }\n                const tabEndX = child.offsetLeft + child.offsetWidth;\n\n                return tabEndX > scrollRight;\n            });\n\n            lastOverflowingChild?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef]);\n\n        const onKeyDown = useCallback((event: KeyboardEvent<HTMLDivElement>) => {\n            const childNodes = getChildNodes(scrollRef?.current);\n\n            const index = childNodes.findIndex((child) => document.activeElement === child);\n\n            const minIndex = 0;\n            const maxIndex = childNodes.length - 1;\n            let nextIndex: number;\n\n            switch (event.keyCode) {\n                case Keys.end:\n                    nextIndex = maxIndex;\n                    break;\n                case Keys.left:\n                    nextIndex = index > minIndex ? index - 1 : index;\n                    break;\n                case Keys.right:\n                    nextIndex = index < maxIndex ? index + 1 : index;\n                    break;\n                case Keys.home:\n                    nextIndex = minIndex;\n                    break;\n                default:\n                    return;\n            }\n\n            if (nextIndex !== index) {\n                event.preventDefault();\n                childNodes[nextIndex]?.focus();\n                childNodes[nextIndex]?.scrollIntoView({\n                    block: 'center',\n                    inline: 'center',\n                    behavior: 'smooth',\n                });\n            }\n        }, []);\n\n        const handleScroll = useCallback(\n            (event: React.UIEvent<HTMLElement>): void => {\n                event.stopPropagation?.();\n\n                if (!canClip) {\n                    setFirstItemVisible(true);\n                    setLastItemVisible(true);\n                    return;\n                }\n\n                if (isVertical) {\n                    const maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;\n                    const scrollTop = Math.round(event.currentTarget.scrollTop);\n\n                    setFirstItemVisible(scrollTop <= 0);\n                    setLastItemVisible(scrollTop >= maxScrollTop);\n                    return;\n                }\n\n                const maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;\n                const scrollLeft = Math.round(event.currentTarget.scrollLeft);\n\n                setFirstItemVisible(scrollLeft <= 0);\n                setLastItemVisible(scrollLeft >= maxScrollLeft);\n            },\n            [isVertical, canClip],\n        );\n\n        useEffect(() => {\n            handleScroll(({ currentTarget: scrollRef.current } as unknown) as React.UIEvent<HTMLElement>);\n        }, [handleScroll]);\n\n        useEffect(() => {\n            if (!canClip) {\n                setLastItemVisible(true);\n                return;\n            }\n\n            setLastItemVisible(\n                isVertical\n                    ? scrollRef.current?.scrollHeight === scrollRef.current?.clientHeight\n                    : scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth,\n            );\n        }, [isVertical, canClip]);\n\n        // Этот хук компенсирует появление левой/верхней стрелки при прокрутке\n        useEffect(() => {\n            if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {\n                return;\n            }\n\n            if (isVertical) {\n                scrollRef.current.scrollTo({\n                    top: Math.round(scrollRef.current.scrollTop + leftArrowRef.current.clientHeight),\n                });\n                return;\n            }\n\n            scrollRef.current.scrollTo({\n                left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth),\n            });\n        }, [firstItemVisible, isVertical]);\n\n        const PreviousButton = useMemo(() => {\n            const ArrowNode = isVertical ? StyledTopArrow : StyledLeftArrow;\n            return (\n                <ArrowNode\n                    type=\"button\"\n                    aria-label=\"Предыдущий сегмент\"\n                    onClick={onPrev}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                >\n                    {isVertical ? (\n                        <IconDisclosureUpWithOffset color={`var(${tokens.arrowColor})`} size=\"s\" />\n                    ) : (\n                        <IconDisclosureLeftWithOffset color={`var(${tokens.arrowColor})`} />\n                    )}\n                </ArrowNode>\n            );\n        }, [onPrev, isVertical]);\n\n        const NextButton = useMemo(() => {\n            const ArrowNode = isVertical ? StyledBottomArrow : StyledRightArrow;\n            return (\n                <ArrowNode\n                    type=\"button\"\n                    aria-label=\"Следующий сегмент\"\n                    onClick={onNext}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                >\n                    {isVertical ? (\n                        <IconDisclosureDownWithOffset color={`var(${tokens.arrowColor})`} size=\"s\" />\n                    ) : (\n                        <IconDisclosureRightWithOffset color={`var(${tokens.arrowColor})`} />\n                    )}\n                </ArrowNode>\n            );\n        }, [onNext, isVertical]);\n\n        useEffect(() => {\n            selectionMode && setSelectionMode(selectionMode);\n            setDisabledGroup(disabled);\n        }, [selectionMode, disabled]);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                orientation={orientation}\n                id={segmentGroupId}\n                ref={outerRef}\n                filledBackground={filledBackgroundAttr}\n                disabled={disabled}\n                pilled={pilledAttr}\n                className={cx(pilledClass, filledClass, stretchClass, orientationClass)}\n                onKeyDown={onKeyDown}\n                {...rest}\n            >\n                {!firstItemVisible && PreviousButton}\n                <StyledContentWrapper\n                    className={cx(clipScrollClass)}\n                    ref={scrollRef as RefObject<HTMLDivElement>}\n                    onScroll={handleScroll}\n                >\n                    <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement | null>}>{children}</StyledContent>\n                </StyledContentWrapper>\n                {!lastItemVisible && NextButton}\n            </Root>\n        );\n    });\n\nexport const segmentGroupConfig = {\n    name: 'SegmentGroup',\n    tag: 'div',\n    layout: segmentGroupRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        stretch: {\n            css: stretchCSS,\n            attrs: true,\n        },\n        orientation: {\n            css: orientationCSS,\n        },\n        filledBackground: {\n            css: filledBackgroundCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'xs',\n    },\n};\n"],"names":["Keys","getChildNodes","wrapper","container","firstChild","Array","from","childNodes","segmentGroupRoot","Root","forwardRef","props","outerRef","id","selectionMode","pilled","stretch","_props$clip","clip","_props$orientation","orientation","_props$filledBackgrou","filledBackground","_props$hasBackground","hasBackground","_props$disabled","disabled","size","view","children","rest","_objectWithoutProperties","_excluded","scrollRef","useRef","trackRef","leftArrowRef","_useSegmentInner","useSegmentInner","setSelectionMode","setDisabledGroup","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","uniqId","safeUseId","segmentGroupId","canClip","isVertical","stretchClass","classes","segmentStretch","undefined","orientationClass","segmentVertical","clipScrollClass","segmentGroupClipScroll","pilledAttr","filledBackgroundAttr","pilledClass","segmentPilled","filledClass","segmentGroupFilledBackground","onPrev","useCallback","current","scrollLeft","Math","round","firstOverflowingTab","slice","reverse","find","child","offsetLeft","tabStartX","scrollIntoView","block","inline","onNext","scrollRight","clientWidth","lastOverflowingChild","tabEndX","offsetWidth","onKeyDown","event","index","findIndex","document","activeElement","minIndex","maxIndex","length","nextIndex","keyCode","end","left","right","home","_childNodes$nextIndex","_childNodes$nextIndex2","preventDefault","focus","behavior","handleScroll","_event$stopPropagatio","stopPropagation","call","maxScrollTop","currentTarget","scrollHeight","clientHeight","scrollTop","maxScrollLeft","scrollWidth","useEffect","_scrollRef$current","_scrollRef$current2","_scrollRef$current3","_scrollRef$current4","scrollTo","top","PreviousButton","useMemo","ArrowNode","StyledTopArrow","StyledLeftArrow","React","createElement","type","onClick","tabIndex","IconDisclosureUpWithOffset","color","concat","tokens","arrowColor","IconDisclosureLeftWithOffset","NextButton","StyledBottomArrow","StyledRightArrow","IconDisclosureDownWithOffset","IconDisclosureRightWithOffset","_extends","ref","className","cx","StyledContentWrapper","onScroll","StyledContent","segmentGroupConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","stretchCSS","orientationCSS","filledBackgroundCSS","defaults"],"mappings":"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"}

package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js

@@ -1,4 +1,4 @@
-import './SegmentGroup.styles_79d8q2.css';
+require('./SegmentGroup.styles_79d8q2.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Segment/ui/SegmentGroup/variations/_disabled/base.js

@@ -1,4 +1,4 @@
-import './base_1n8kaiq.css';
+require('./base_1n8kaiq.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Segment/ui/SegmentGroup/variations/_filledBackgound/base.js

@@ -1,4 +1,4 @@
-import './base_a7w5s0.css';
+require('./base_a7w5s0.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Segment/ui/SegmentGroup/variations/_orientation/base.js

@@ -1,4 +1,4 @@
-import './base_1ejecy9.css';
+require('./base_1ejecy9.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Segment/ui/SegmentGroup/variations/_pilled/base.js

@@ -1,4 +1,4 @@
-import './base_pxl3nb.css';
+require('./base_pxl3nb.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Segment/ui/SegmentGroup/variations/_size/base.js

@@ -1,4 +1,4 @@
-import './base_18cpjsq.css';
+require('./base_18cpjsq.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Segment/ui/SegmentGroup/variations/_stretch/base.js

@@ -1,4 +1,4 @@
-import './base_74wj10.css';
+require('./base_74wj10.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Segment/ui/SegmentGroup/variations/_view/base.js

@@ -1,4 +1,4 @@
-import './base_hsx1sr.css';
+require('./base_hsx1sr.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js

@@ -15,6 +15,10 @@ var base$3 = require('./variations/_pilled/base.js');
 var SegmentItem_styles = require('./SegmentItem.styles.js');
 var extractTextFrom = require('../../../../utils/extractTextFrom.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var _excluded = ["size", "view", "id", "label", "value", "pilled", "contentLeft", "contentRight", "customHandleSelect", "aria-label"];
 var segmentItemRoot = function segmentItemRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
@@ -51,7 +55,7 @@ var segmentItemRoot = function segmentItemRoot(Root) {
       customHandleSelect === null || customHandleSelect === void 0 || customHandleSelect(event);
       handleSelect === null || handleSelect === void 0 || handleSelect(value || ariaLabelDefault);
     }, [selectionMode, disabledGroup]);
-    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       view: view,
       size: size,
       id: segmentId,
@@ -63,7 +67,7 @@ var segmentItemRoot = function segmentItemRoot(Root) {
       onClick: handleSelectSegment,
       tabIndex: disabledGroup ? -1 : 0,
       disabled: disabledGroup
-    }, rest), contentLeft && /*#__PURE__*/React.createElement(SegmentItem_styles.LeftContent, null, contentLeft), /*#__PURE__*/React.createElement(SegmentItem_styles.StyledContent, null, label || value), contentRight && /*#__PURE__*/React.createElement(SegmentItem_styles.RightContent, {
+    }, rest), contentLeft && /*#__PURE__*/React__default.default.createElement(SegmentItem_styles.LeftContent, null, contentLeft), /*#__PURE__*/React__default.default.createElement(SegmentItem_styles.StyledContent, null, label || value), contentRight && /*#__PURE__*/React__default.default.createElement(SegmentItem_styles.RightContent, {
       className: typeof contentRight === 'string' ? tokens.classes.segmentAdditionalText : ''
     }, contentRight));
   });

package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentItem.js","sources":["../../../../../src/components/Segment/ui/SegmentItem/SegmentItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport type { MouseEvent } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../engines/types';\nimport { cx, extractTextFrom } from '../../../../utils';\nimport { classes } from '../../tokens';\nimport { useSegmentInner } from '../../SegmentProvider/SegmentProvider';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { SegmentItemProps } from './SegmentItem.types';\nimport { StyledContent, base, LeftContent, RightContent } from './SegmentItem.styles';\n\nexport const segmentItemRoot = (Root: RootProps<HTMLLabelElement, SegmentItemProps>) =>\n    forwardRef<HTMLLabelElement, SegmentItemProps>((props, outerRef) => {\n        const {\n            size,\n            view = 'default',\n            id,\n            label,\n            value,\n            pilled,\n            contentLeft,\n            contentRight,\n            customHandleSelect,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n        const { selectionMode, disabledGroup, handleSelect, selectedSegmentItems } = useSegmentInner();\n\n        const uniqId = safeUseId();\n        const segmentId = id || `label-${uniqId}`;\n\n        const ariaLabelDefault = useMemo(() => extractTextFrom(label), [label]);\n        const pilledClass = pilled ? classes.segmentPilled : undefined;\n        const xsSize = size === 'xs' ? classes.segmentXsSize : undefined;\n\n        const isSelected = selectedSegmentItems?.includes(value || ariaLabelDefault);\n        const selectedClass = isSelected ? classes.selectedSegmentItem : undefined;\n\n        const handleSelectSegment = useCallback(\n            (event: MouseEvent<HTMLButtonElement>) => {\n                if (disabledGroup) {\n                    return;\n                }\n\n                customHandleSelect?.(event);\n                handleSelect?.(value || ariaLabelDefault);\n            },\n            [selectionMode, disabledGroup],\n        );\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                id={segmentId}\n                ref={outerRef}\n                aria-label={ariaLabelExternal || ariaLabelDefault}\n                value={value}\n                pilled={pilled}\n                className={cx(selectedClass, pilledClass, xsSize)}\n                onClick={handleSelectSegment}\n                tabIndex={disabledGroup ? -1 : 0}\n                disabled={disabledGroup}\n                {...rest}\n            >\n                {contentLeft && <LeftContent>{contentLeft}</LeftContent>}\n                <StyledContent>{label || value}</StyledContent>\n                {contentRight && (\n                    <RightContent className={typeof contentRight === 'string' ? classes.segmentAdditionalText : ''}>\n                        {contentRight}\n                    </RightContent>\n                )}\n            </Root>\n        );\n    });\n\nexport const segmentItemConfig = {\n    name: 'SegmentItem',\n    tag: 'button',\n    layout: segmentItemRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'xs',\n    },\n};\n"],"names":["segmentItemRoot","Root","forwardRef","props","outerRef","size","_props$view","view","id","label","value","pilled","contentLeft","contentRight","customHandleSelect","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","_useSegmentInner","useSegmentInner","selectionMode","disabledGroup","handleSelect","selectedSegmentItems","uniqId","safeUseId","segmentId","concat","ariaLabelDefault","useMemo","extractTextFrom","pilledClass","classes","segmentPilled","undefined","xsSize","segmentXsSize","isSelected","includes","selectedClass","selectedSegmentItem","handleSelectSegment","useCallback","event","React","createElement","_extends","ref","className","cx","onClick","tabIndex","disabled","LeftContent","StyledContent","RightContent","segmentAdditionalText","segmentItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"SegmentItem.js","sources":["../../../../../src/components/Segment/ui/SegmentItem/SegmentItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport type { MouseEvent } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../engines/types';\nimport { cx, extractTextFrom } from '../../../../utils';\nimport { classes } from '../../tokens';\nimport { useSegmentInner } from '../../SegmentProvider/SegmentProvider';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { SegmentItemProps } from './SegmentItem.types';\nimport { StyledContent, base, LeftContent, RightContent } from './SegmentItem.styles';\n\nexport const segmentItemRoot = (Root: RootProps<HTMLLabelElement, SegmentItemProps>) =>\n    forwardRef<HTMLLabelElement, SegmentItemProps>((props, outerRef) => {\n        const {\n            size,\n            view = 'default',\n            id,\n            label,\n            value,\n            pilled,\n            contentLeft,\n            contentRight,\n            customHandleSelect,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n        const { selectionMode, disabledGroup, handleSelect, selectedSegmentItems } = useSegmentInner();\n\n        const uniqId = safeUseId();\n        const segmentId = id || `label-${uniqId}`;\n\n        const ariaLabelDefault = useMemo(() => extractTextFrom(label), [label]);\n        const pilledClass = pilled ? classes.segmentPilled : undefined;\n        const xsSize = size === 'xs' ? classes.segmentXsSize : undefined;\n\n        const isSelected = selectedSegmentItems?.includes(value || ariaLabelDefault);\n        const selectedClass = isSelected ? classes.selectedSegmentItem : undefined;\n\n        const handleSelectSegment = useCallback(\n            (event: MouseEvent<HTMLButtonElement>) => {\n                if (disabledGroup) {\n                    return;\n                }\n\n                customHandleSelect?.(event);\n                handleSelect?.(value || ariaLabelDefault);\n            },\n            [selectionMode, disabledGroup],\n        );\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                id={segmentId}\n                ref={outerRef}\n                aria-label={ariaLabelExternal || ariaLabelDefault}\n                value={value}\n                pilled={pilled}\n                className={cx(selectedClass, pilledClass, xsSize)}\n                onClick={handleSelectSegment}\n                tabIndex={disabledGroup ? -1 : 0}\n                disabled={disabledGroup}\n                {...rest}\n            >\n                {contentLeft && <LeftContent>{contentLeft}</LeftContent>}\n                <StyledContent>{label || value}</StyledContent>\n                {contentRight && (\n                    <RightContent className={typeof contentRight === 'string' ? classes.segmentAdditionalText : ''}>\n                        {contentRight}\n                    </RightContent>\n                )}\n            </Root>\n        );\n    });\n\nexport const segmentItemConfig = {\n    name: 'SegmentItem',\n    tag: 'button',\n    layout: segmentItemRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'xs',\n    },\n};\n"],"names":["segmentItemRoot","Root","forwardRef","props","outerRef","size","_props$view","view","id","label","value","pilled","contentLeft","contentRight","customHandleSelect","ariaLabelExternal","rest","_objectWithoutProperties","_excluded","_useSegmentInner","useSegmentInner","selectionMode","disabledGroup","handleSelect","selectedSegmentItems","uniqId","safeUseId","segmentId","concat","ariaLabelDefault","useMemo","extractTextFrom","pilledClass","classes","segmentPilled","undefined","xsSize","segmentXsSize","isSelected","includes","selectedClass","selectedSegmentItem","handleSelectSegment","useCallback","event","React","createElement","_extends","ref","className","cx","onClick","tabIndex","disabled","LeftContent","StyledContent","RightContent","segmentAdditionalText","segmentItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAgBaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBAC/EC,gBAAU,CAAqC,UAACC,KAAK,EAAEC,QAAQ,EAAK;AAChE,IAAA,IACIC,IAAI,GAWJF,KAAK,CAXLE,IAAI;MAAAC,WAAA,GAWJH,KAAK,CAVLI,IAAI;AAAJA,MAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,WAAA;MAChBE,EAAE,GASFL,KAAK,CATLK,EAAE;MACFC,KAAK,GAQLN,KAAK,CARLM,KAAK;MACLC,KAAK,GAOLP,KAAK,CAPLO,KAAK;MACLC,MAAM,GAMNR,KAAK,CANLQ,MAAM;MACNC,WAAW,GAKXT,KAAK,CALLS,WAAW;MACXC,YAAY,GAIZV,KAAK,CAJLU,YAAY;MACZC,kBAAkB,GAGlBX,KAAK,CAHLW,kBAAkB;MACJC,iBAAiB,GAE/BZ,KAAK,CAFL,YAAY,CAAA;AACTa,MAAAA,IAAI,GAAAC,iDAAA,CACPd,KAAK,EAAAe,SAAA,CAAA,CAAA;AACT,IAAA,IAAAC,gBAAA,GAA6EC,+BAAe,EAAE;MAAtFC,aAAa,GAAAF,gBAAA,CAAbE,aAAa;MAAEC,aAAa,GAAAH,gBAAA,CAAbG,aAAa;MAAEC,YAAY,GAAAJ,gBAAA,CAAZI,YAAY;MAAEC,oBAAoB,GAAAL,gBAAA,CAApBK,oBAAoB,CAAA;AAExE,IAAA,IAAMC,MAAM,GAAGC,oBAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,SAAS,GAAGnB,EAAE,aAAAoB,MAAA,CAAaH,MAAM,CAAE,CAAA;IAEzC,IAAMI,gBAAgB,GAAGC,aAAO,CAAC,YAAA;MAAA,OAAMC,+BAAe,CAACtB,KAAK,CAAC,CAAA;KAAE,EAAA,CAACA,KAAK,CAAC,CAAC,CAAA;IACvE,IAAMuB,WAAW,GAAGrB,MAAM,GAAGsB,cAAO,CAACC,aAAa,GAAGC,SAAS,CAAA;IAC9D,IAAMC,MAAM,GAAG/B,IAAI,KAAK,IAAI,GAAG4B,cAAO,CAACI,aAAa,GAAGF,SAAS,CAAA;AAEhE,IAAA,IAAMG,UAAU,GAAGd,oBAAoB,KAAA,IAAA,IAApBA,oBAAoB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAApBA,oBAAoB,CAAEe,QAAQ,CAAC7B,KAAK,IAAImB,gBAAgB,CAAC,CAAA;IAC5E,IAAMW,aAAa,GAAGF,UAAU,GAAGL,cAAO,CAACQ,mBAAmB,GAAGN,SAAS,CAAA;AAE1E,IAAA,IAAMO,mBAAmB,GAAGC,iBAAW,CACnC,UAACC,KAAoC,EAAK;AACtC,MAAA,IAAItB,aAAa,EAAE;AACf,QAAA,OAAA;AACJ,OAAA;AAEAR,MAAAA,kBAAkB,aAAlBA,kBAAkB,KAAA,KAAA,CAAA,IAAlBA,kBAAkB,CAAG8B,KAAK,CAAC,CAAA;MAC3BrB,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,IAAAA,YAAY,CAAGb,KAAK,IAAImB,gBAAgB,CAAC,CAAA;AAC7C,KAAC,EACD,CAACR,aAAa,EAAEC,aAAa,CACjC,CAAC,CAAA;AAED,IAAA,oBACIuB,sBAAA,CAAAC,aAAA,CAAC7C,IAAI,EAAA8C,iCAAA,CAAA;AACDxC,MAAAA,IAAI,EAAEA,IAAK;AACXF,MAAAA,IAAI,EAAEA,IAAK;AACXG,MAAAA,EAAE,EAAEmB,SAAU;AACdqB,MAAAA,GAAG,EAAE5C,QAAS;MACd,YAAYW,EAAAA,iBAAiB,IAAIc,gBAAiB;AAClDnB,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,MAAM,EAAEA,MAAO;MACfsC,SAAS,EAAEC,QAAE,CAACV,aAAa,EAAER,WAAW,EAAEI,MAAM,CAAE;AAClDe,MAAAA,OAAO,EAAET,mBAAoB;AAC7BU,MAAAA,QAAQ,EAAE9B,aAAa,GAAG,CAAC,CAAC,GAAG,CAAE;AACjC+B,MAAAA,QAAQ,EAAE/B,aAAAA;AAAc,KAAA,EACpBN,IAAI,CAAA,EAEPJ,WAAW,iBAAIiC,sBAAA,CAAAC,aAAA,CAACQ,8BAAW,EAAA,IAAA,EAAE1C,WAAyB,CAAC,eACxDiC,sBAAA,CAAAC,aAAA,CAACS,gCAAa,EAAA,IAAA,EAAE9C,KAAK,IAAIC,KAAqB,CAAC,EAC9CG,YAAY,iBACTgC,sBAAA,CAAAC,aAAA,CAACU,+BAAY,EAAA;MAACP,SAAS,EAAE,OAAOpC,YAAY,KAAK,QAAQ,GAAGoB,cAAO,CAACwB,qBAAqB,GAAG,EAAA;KACvF5C,EAAAA,YACS,CAEhB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAM6C,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,MAAM,EAAE7D,eAAe;AACvB8D,EAAAA,IAAI,EAAJA,uBAAI;AACJC,EAAAA,UAAU,EAAE;AACR1D,IAAAA,IAAI,EAAE;AACF2D,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD1D,IAAAA,IAAI,EAAE;AACFyD,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDb,IAAAA,QAAQ,EAAE;AACNW,MAAAA,GAAG,EAAEG,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDzD,IAAAA,MAAM,EAAE;AACJqD,MAAAA,GAAG,EAAEK,WAAS;AACdD,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDE,EAAAA,QAAQ,EAAE;AACN/D,IAAAA,IAAI,EAAE,SAAS;AACfF,IAAAA,IAAI,EAAE,IAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js

@@ -1,4 +1,4 @@
-import './SegmentItem.styles_19oo2vi.css';
+require('./SegmentItem.styles_19oo2vi.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Segment/ui/SegmentItem/variations/_disabled/base.js

@@ -1,4 +1,4 @@
-import './base_y6af8r.css';
+require('./base_y6af8r.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js

@@ -1,4 +1,4 @@
-import './base_omc5u1.css';
+require('./base_omc5u1.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Segment/ui/SegmentItem/variations/_size/base.js

@@ -1,4 +1,4 @@
-import './base_7kjuok.css';
+require('./base_7kjuok.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js

@@ -1,4 +1,4 @@
-import './base_dettiq.css';
+require('./base_dettiq.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/components/Select/FloatingPopover.js

@@ -9,6 +9,10 @@ var plasmaCore = require('@salutejs/plasma-core');
 var getPlacement = require('./utils/getPlacement.js');
 var getFallbackPlacements = require('./utils/getFallbackPlacements.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var target = _ref.target,
     children = _ref.children,
@@ -49,20 +53,20 @@ var FloatingPopover = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),
   // но выпадающий список должен позиционироваться непосредственно возле самого инпута.
   var isTargetAsFunction = typeof target === 'function';
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.default.createElement("div", {
     ref: ref,
     id: wrappedId,
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.default.createElement("div", {
     ref: isTargetAsFunction ? undefined : refs.setReference,
     onClick: handleClick
   }, typeof target === 'function' ? target(refs.setReference) : target), opened &&
   /*#__PURE__*/
   // root - принимает ref контейнера портала.
   // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.
-  React.createElement(react.FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/React.createElement("div", {
+  React__default.default.createElement(react.FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/React__default.default.createElement("div", {
     ref: refs.setFloating,
     style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, floatingStyles), {}, {
       zIndex: zIndex || 1000

package/cjs/components/Select/FloatingPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Select/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { getPlacement, getFallbackPlacements } from './utils';\nimport type { FloatingPopoverProps } from './Select.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0, zIndex }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            placement: getPlacement(placement),\n            open: opened,\n            middleware: [\n                offsetMiddleware(offset),\n                flip({ fallbackPlacements: getFallbackPlacements(placement) }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width: listWidth || `${rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\n\n        const handleClick = () => {\n            if (onToggle) {\n                onToggle(!opened);\n            }\n        };\n\n        // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n        // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n        // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n        // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n        const isTargetAsFunction = typeof target === 'function';\n\n        return (\n            <div ref={ref} id={wrappedId} style={{ position: 'relative' }}>\n                <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n                    {typeof target === 'function' ? target(refs.setReference as any) : target}\n                </div>\n\n                {opened && (\n                    // root - принимает ref контейнера портала.\n                    // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: zIndex || 1000 }}>\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","zIndex","_useFloating","useFloating","getPlacement","open","middleware","offsetMiddleware","flip","fallbackPlacements","getFallbackPlacements","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","position","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","root"],"mappings":"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"}
+{"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Select/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { getPlacement, getFallbackPlacements } from './utils';\nimport type { FloatingPopoverProps } from './Select.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, listWidth, offset = 0, zIndex }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            placement: getPlacement(placement),\n            open: opened,\n            middleware: [\n                offsetMiddleware(offset),\n                flip({ fallbackPlacements: getFallbackPlacements(placement) }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width: listWidth || `${rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\n\n        const handleClick = () => {\n            if (onToggle) {\n                onToggle(!opened);\n            }\n        };\n\n        // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n        // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n        // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n        // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n        const isTargetAsFunction = typeof target === 'function';\n\n        return (\n            <div ref={ref} id={wrappedId} style={{ position: 'relative' }}>\n                <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n                    {typeof target === 'function' ? target(refs.setReference as any) : target}\n                </div>\n\n                {opened && (\n                    // root - принимает ref контейнера портала.\n                    // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: zIndex || 1000 }}>\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["FloatingPopover","forwardRef","_ref","ref","target","children","opened","onToggle","placement","portal","listWidth","_ref$offset","offset","zIndex","_useFloating","useFloating","getPlacement","open","middleware","offsetMiddleware","flip","fallbackPlacements","getFallbackPlacements","shift","size","apply","_ref2","rects","elements","Object","assign","floating","style","width","concat","reference","refs","floatingStyles","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","position","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","_objectSpread","root"],"mappings":"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"}

package/cjs/components/Select/Select.js

@@ -24,6 +24,10 @@ var Target = require('./ui/Target/Target.js');
 var Inner = require('./ui/Inner/Inner.js');
 var getView = require('./utils/getView.js');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var _excluded = ["id", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue"];
 
 /**
@@ -274,14 +278,14 @@ var selectRoot = function selectRoot(Root) {
         setInternalValue(defaultValue);
       }
     }, [defaultValue]);
-    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       view: view,
       size: size,
       labelPlacement: labelPlacement,
       chipView: chipView,
       disabled: disabled,
       id: id
-    }, rest), name && /*#__PURE__*/React.createElement(SelectNative.SelectNative, {
+    }, rest), name && /*#__PURE__*/React__default.default.createElement(SelectNative.SelectNative, {
       items: valueToItemMap,
       name: name,
       value: internalValue,
@@ -289,7 +293,7 @@ var selectRoot = function selectRoot(Root) {
       onChange: onChange,
       onSetValue: setInternalValue,
       ref: ref
-    }), /*#__PURE__*/React.createElement(Select_context.Context.Provider, {
+    }), /*#__PURE__*/React__default.default.createElement(Select_context.Context.Provider, {
       value: {
         focusedPath: focusedPath,
         checked: checked,
@@ -301,7 +305,7 @@ var selectRoot = function selectRoot(Root) {
         renderItem: renderItem,
         treeId: treeId
       }
-    }, /*#__PURE__*/React.createElement(FloatingPopover.FloatingPopover, {
+    }, /*#__PURE__*/React__default.default.createElement(FloatingPopover.FloatingPopover, {
       ref: floatingPopoverRef,
       opened: isCurrentListOpen,
       onToggle: handleListToggle,
@@ -309,7 +313,7 @@ var selectRoot = function selectRoot(Root) {
       portal: portal,
       listWidth: listWidth,
       target: function target(referenceRef) {
-        return /*#__PURE__*/React.createElement(Target.Target, {
+        return /*#__PURE__*/React__default.default.createElement(Target.Target, {
           ref: name ? null : ref,
           value: value,
           opened: isCurrentListOpen,
@@ -338,13 +342,13 @@ var selectRoot = function selectRoot(Root) {
         });
       },
       zIndex: zIndex
-    }, /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+    }, /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
       view: view,
       size: size,
       labelPlacement: labelPlacement,
       chipView: chipView,
       disabled: disabled
-    }, rest), /*#__PURE__*/React.createElement(Select_styles.Ul, {
+    }, rest), /*#__PURE__*/React__default.default.createElement(Select_styles.Ul, {
       role: "tree",
       id: "".concat(treeId, "_tree_level_1"),
       "aria-multiselectable": Boolean(props.multiselect),
@@ -354,7 +358,7 @@ var selectRoot = function selectRoot(Root) {
       listWidth: listWidth,
       ref: targetRef
     }, beforeList, transformedItems.map(function (item, index) {
-      return /*#__PURE__*/React.createElement(Inner.Inner, {
+      return /*#__PURE__*/React__default.default.createElement(Inner.Inner, {
         key: "".concat(index, "/0"),
         item: item,
         currentLevel: 0,