@salutejs/plasma-new-hope 0.336.0-canary.2205.17487678976.0 → 0.336.0-canary.2206.17488115405.0

package/es/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useReducer, useRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport { pathReducer } from './reducers/pathReducer';\nimport { focusedPathReducer } from './reducers/focusedPathReducer';\nimport { DropdownInner } from './ui';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { Ul, base, ListWrapper } from './Dropdown.styles';\nimport { childrenWithProps, getItemByFocused, getItemId, getPlacement } from './utils';\nimport type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types';\nimport { classes } from './Dropdown.tokens';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { useHashMaps } from './hooks/useHashMaps';\nimport { FloatingPopover } from './FloatingPopover';\nimport { Context } from './Dropdown.context';\n\n/**\n * Выпадающий список.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, Omit<DropdownProps, 'items'>>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                items,\n                children,\n                placement,\n                offset,\n                closeOnOverlayClick = true,\n                onToggle,\n                size,\n                view,\n                itemRole = 'treeitem',\n                className,\n                listMaxHeight,\n                listWidth,\n                listHeight,\n                closeOnSelect = true,\n                onHover,\n                onItemSelect,\n                onItemClick,\n                trigger = 'click',\n                openByRightClick = false,\n                variant = 'normal',\n                hasArrow = true,\n                alwaysOpened = false,\n                portal,\n                renderItem,\n                zIndex,\n                beforeList,\n                afterList,\n                ...rest\n            },\n            ref,\n        ) => {\n            const initialPath = alwaysOpened ? ['root'] : [];\n\n            const [path, dispatchPath] = useReducer(pathReducer, initialPath);\n            const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n\n            const isCurrentListOpen = Boolean(path[0]);\n\n            const [pathMap, focusedToValueMap] = useHashMaps(items);\n\n            const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n\n            const floatingPopoverRef = useRef<HTMLDivElement>(null);\n            const listWrapperRef = useRef<HTMLDivElement>(null);\n\n            const treeId = safeUseId();\n\n            // Логика работы при клике за пределами выпадающего списка\n            const targetRef = useOutsideClick<HTMLUListElement>((event) => {\n                if (!isCurrentListOpen || !closeOnOverlayClick || alwaysOpened) {\n                    return;\n                }\n\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n\n                if (onToggle) {\n                    onToggle(false, event);\n                }\n            }, floatingPopoverRef);\n\n            const handleGlobalToggle: HandleGlobalToggleType = (opened, event) => {\n                if (alwaysOpened || opened) {\n                    dispatchPath({ type: 'opened_first_level' });\n                } else {\n                    dispatchFocusedPath({ type: 'reset' });\n                    dispatchPath({ type: 'reset' });\n                }\n\n                if (onToggle) {\n                    onToggle(opened, event);\n                }\n            };\n\n            const onContextMenu = useCallback(\n                (e: React.MouseEvent) => {\n                    e.preventDefault();\n\n                    if (alwaysOpened) {\n                        return;\n                    }\n\n                    handleGlobalToggle(!isCurrentListOpen, e);\n                },\n                [handleGlobalToggle, isCurrentListOpen, alwaysOpened],\n            );\n\n            const { onKeyDown } = useKeyNavigation({\n                focusedPath,\n                dispatchFocusedPath,\n                path,\n                dispatchPath,\n                pathMap,\n                focusedToValueMap,\n                handleGlobalToggle,\n                closeOnSelect,\n                onItemSelect,\n                onItemClick,\n            });\n\n            return (\n                <Context.Provider\n                    value={{\n                        focusedPath,\n                        size,\n                        variant,\n                        itemRole,\n                        handleGlobalToggle,\n                        closeOnSelect,\n                        onHover,\n                        onItemClick,\n                        onItemSelect,\n                        hasArrow,\n                        treeId,\n                        renderItem,\n                    }}\n                >\n                    <FloatingPopover\n                        ref={floatingPopoverRef}\n                        opened={isCurrentListOpen}\n                        onToggle={handleGlobalToggle}\n                        placement={getPlacement(placement)}\n                        offset={offset}\n                        portal={portal}\n                        trigger={trigger}\n                        target={childrenWithProps(children, {\n                            role: 'combobox',\n                            'aria-controls': `${treeId}_tree_level_1`,\n                            'aria-expanded': isCurrentListOpen,\n                            'aria-activedescendant': activeDescendantItemValue\n                                ? getItemId(treeId, activeDescendantItemValue.toString())\n                                : '',\n                            onKeyDown,\n                            onContextMenu: openByRightClick ? onContextMenu : undefined,\n                        })}\n                        zIndex={zIndex}\n                        isInner={false}\n                    >\n                        <Root\n                            className={cx(className, classes.dropdownRoot)}\n                            ref={ref}\n                            view={view}\n                            size={size}\n                            {...rest}\n                        >\n                            <ListWrapper ref={listWrapperRef} listWidth={listWidth}>\n                                <Ul\n                                    ref={targetRef}\n                                    id={`${treeId}_tree_level_1`}\n                                    role=\"tree\"\n                                    listMaxHeight={listMaxHeight || listHeight}\n                                >\n                                    {beforeList}\n\n                                    {items.map((item, index) => (\n                                        <DropdownInner\n                                            key={`${index}/0`}\n                                            item={item}\n                                            currentLevel={0}\n                                            trigger={trigger}\n                                            path={path}\n                                            dispatchPath={dispatchPath}\n                                            index={index}\n                                            listWidth={listWidth}\n                                            portal={listWrapperRef}\n                                        />\n                                    ))}\n\n                                    {afterList}\n                                </Ul>\n                            </ListWrapper>\n                        </Root>\n                    </FloatingPopover>\n                </Context.Provider>\n            );\n        },\n    );\n\nexport const dropdownConfig = {\n    name: 'Dropdown',\n    tag: 'div',\n    layout: dropdownRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","ref","_getItemByFocused","items","children","placement","offset","_ref$closeOnOverlayCl","closeOnOverlayClick","onToggle","size","view","_ref$itemRole","itemRole","className","listMaxHeight","listWidth","listHeight","_ref$closeOnSelect","closeOnSelect","onHover","onItemSelect","onItemClick","_ref$trigger","trigger","_ref$openByRightClick","openByRightClick","_ref$variant","variant","_ref$hasArrow","hasArrow","_ref$alwaysOpened","alwaysOpened","portal","renderItem","zIndex","beforeList","afterList","rest","_objectWithoutProperties","_excluded","initialPath","_useReducer","useReducer","pathReducer","_useReducer2","_slicedToArray","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","isCurrentListOpen","Boolean","_useHashMaps","useHashMaps","_useHashMaps2","pathMap","focusedToValueMap","activeDescendantItemValue","getItemByFocused","value","floatingPopoverRef","useRef","listWrapperRef","treeId","safeUseId","targetRef","useOutsideClick","event","type","handleGlobalToggle","opened","onContextMenu","useCallback","e","preventDefault","_useKeyNavigation","useKeyNavigation","onKeyDown","React","createElement","Context","Provider","FloatingPopover","getPlacement","target","childrenWithProps","role","concat","getItemId","toString","undefined","isInner","_extends","cx","classes","ListWrapper","Ul","id","map","item","index","DropdownInner","key","currentLevel","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useReducer, useRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport { pathReducer } from './reducers/pathReducer';\nimport { focusedPathReducer } from './reducers/focusedPathReducer';\nimport { DropdownInner } from './ui';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { Ul, base, ListWrapper } from './Dropdown.styles';\nimport { childrenWithProps, getItemByFocused, getItemId, getPlacement } from './utils';\nimport type { DropdownProps, HandleGlobalToggleType } from './Dropdown.types';\nimport { classes } from './Dropdown.tokens';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { useHashMaps } from './hooks/useHashMaps';\nimport { FloatingPopover } from './FloatingPopover';\nimport { Context } from './Dropdown.context';\n\n/**\n * Выпадающий список.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, Omit<DropdownProps, 'items'>>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                items,\n                children,\n                placement,\n                offset,\n                closeOnOverlayClick = true,\n                onToggle,\n                size,\n                view,\n                itemRole = 'treeitem',\n                className,\n                listMaxHeight,\n                listWidth,\n                listHeight,\n                listOverflow,\n                closeOnSelect = true,\n                onHover,\n                onItemSelect,\n                onItemClick,\n                trigger = 'click',\n                openByRightClick = false,\n                variant = 'normal',\n                hasArrow = true,\n                alwaysOpened = false,\n                portal,\n                renderItem,\n                zIndex,\n                beforeList,\n                afterList,\n                ...rest\n            },\n            ref,\n        ) => {\n            const initialPath = alwaysOpened ? ['root'] : [];\n\n            const [path, dispatchPath] = useReducer(pathReducer, initialPath);\n            const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n\n            const isCurrentListOpen = Boolean(path[0]);\n\n            const [pathMap, focusedToValueMap] = useHashMaps(items);\n\n            const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n\n            const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n            const treeId = safeUseId();\n\n            // Логика работы при клике за пределами выпадающего списка\n            const targetRef = useOutsideClick<HTMLUListElement>((event) => {\n                if (!isCurrentListOpen || !closeOnOverlayClick || alwaysOpened) {\n                    return;\n                }\n\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n\n                if (onToggle) {\n                    onToggle(false, event);\n                }\n            }, floatingPopoverRef);\n\n            const handleGlobalToggle: HandleGlobalToggleType = (opened, event) => {\n                if (alwaysOpened || opened) {\n                    dispatchPath({ type: 'opened_first_level' });\n                } else {\n                    dispatchFocusedPath({ type: 'reset' });\n                    dispatchPath({ type: 'reset' });\n                }\n\n                if (onToggle) {\n                    onToggle(opened, event);\n                }\n            };\n\n            const onContextMenu = useCallback(\n                (e: React.MouseEvent) => {\n                    e.preventDefault();\n\n                    if (alwaysOpened) {\n                        return;\n                    }\n\n                    handleGlobalToggle(!isCurrentListOpen, e);\n                },\n                [handleGlobalToggle, isCurrentListOpen, alwaysOpened],\n            );\n\n            const { onKeyDown } = useKeyNavigation({\n                focusedPath,\n                dispatchFocusedPath,\n                path,\n                dispatchPath,\n                pathMap,\n                focusedToValueMap,\n                handleGlobalToggle,\n                closeOnSelect,\n                onItemSelect,\n                onItemClick,\n            });\n\n            return (\n                <Context.Provider\n                    value={{\n                        focusedPath,\n                        size,\n                        variant,\n                        itemRole,\n                        handleGlobalToggle,\n                        closeOnSelect,\n                        onHover,\n                        onItemClick,\n                        onItemSelect,\n                        hasArrow,\n                        treeId,\n                        renderItem,\n                    }}\n                >\n                    <FloatingPopover\n                        ref={floatingPopoverRef}\n                        opened={isCurrentListOpen}\n                        onToggle={handleGlobalToggle}\n                        placement={getPlacement(placement)}\n                        offset={offset}\n                        portal={portal}\n                        trigger={trigger}\n                        target={childrenWithProps(children, {\n                            role: 'combobox',\n                            'aria-controls': `${treeId}_tree_level_1`,\n                            'aria-expanded': isCurrentListOpen,\n                            'aria-activedescendant': activeDescendantItemValue\n                                ? getItemId(treeId, activeDescendantItemValue.toString())\n                                : '',\n                            onKeyDown,\n                            onContextMenu: openByRightClick ? onContextMenu : undefined,\n                        })}\n                        zIndex={zIndex}\n                        isInner={false}\n                    >\n                        <Root\n                            className={cx(className, classes.dropdownRoot)}\n                            ref={ref}\n                            view={view}\n                            size={size}\n                            style={{ display: 'inline-block' }}\n                            {...rest}\n                        >\n                            <ListWrapper listWidth={listWidth}>\n                                <Ul\n                                    ref={targetRef}\n                                    id={`${treeId}_tree_level_1`}\n                                    role=\"tree\"\n                                    listOverflow={listOverflow}\n                                    listMaxHeight={listMaxHeight || listHeight}\n                                >\n                                    {beforeList}\n\n                                    {items.map((item, index) => (\n                                        <DropdownInner\n                                            key={`${index}/0`}\n                                            item={item}\n                                            currentLevel={0}\n                                            trigger={trigger}\n                                            path={path}\n                                            dispatchPath={dispatchPath}\n                                            index={index}\n                                            listOverflow={listOverflow}\n                                            listMaxHeight={listMaxHeight || listHeight}\n                                            listWidth={listWidth}\n                                        />\n                                    ))}\n\n                                    {afterList}\n                                </Ul>\n                            </ListWrapper>\n                        </Root>\n                    </FloatingPopover>\n                </Context.Provider>\n            );\n        },\n    );\n\nexport const dropdownConfig = {\n    name: 'Dropdown',\n    tag: 'div',\n    layout: dropdownRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","ref","_getItemByFocused","items","children","placement","offset","_ref$closeOnOverlayCl","closeOnOverlayClick","onToggle","size","view","_ref$itemRole","itemRole","className","listMaxHeight","listWidth","listHeight","listOverflow","_ref$closeOnSelect","closeOnSelect","onHover","onItemSelect","onItemClick","_ref$trigger","trigger","_ref$openByRightClick","openByRightClick","_ref$variant","variant","_ref$hasArrow","hasArrow","_ref$alwaysOpened","alwaysOpened","portal","renderItem","zIndex","beforeList","afterList","rest","_objectWithoutProperties","_excluded","initialPath","_useReducer","useReducer","pathReducer","_useReducer2","_slicedToArray","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","isCurrentListOpen","Boolean","_useHashMaps","useHashMaps","_useHashMaps2","pathMap","focusedToValueMap","activeDescendantItemValue","getItemByFocused","value","floatingPopoverRef","useRef","treeId","safeUseId","targetRef","useOutsideClick","event","type","handleGlobalToggle","opened","onContextMenu","useCallback","e","preventDefault","_useKeyNavigation","useKeyNavigation","onKeyDown","React","createElement","Context","Provider","FloatingPopover","getPlacement","target","childrenWithProps","role","concat","getItemId","toString","undefined","isInner","_extends","cx","classes","style","display","ListWrapper","Ul","id","map","item","index","DropdownInner","key","currentLevel","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqBA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAA6D,EAAA;AAAA,EAAA,oBACtFC,UAAU,CACN,UAAAC,IAAA,EAgCIC,GAAG,EACF;AAAA,IAAA,IAAAC,iBAAA,CAAA;AAAA,IAAA,IA/BGC,KAAK,GAAAH,IAAA,CAALG,KAAK;MACLC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;MACRC,SAAS,GAAAL,IAAA,CAATK,SAAS;MACTC,MAAM,GAAAN,IAAA,CAANM,MAAM;MAAAC,qBAAA,GAAAP,IAAA,CACNQ,mBAAmB;AAAnBA,MAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAC1BE,QAAQ,GAAAT,IAAA,CAARS,QAAQ;MACRC,IAAI,GAAAV,IAAA,CAAJU,IAAI;MACJC,IAAI,GAAAX,IAAA,CAAJW,IAAI;MAAAC,aAAA,GAAAZ,IAAA,CACJa,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,aAAA;MACrBE,SAAS,GAAAd,IAAA,CAATc,SAAS;MACTC,aAAa,GAAAf,IAAA,CAAbe,aAAa;MACbC,SAAS,GAAAhB,IAAA,CAATgB,SAAS;MACTC,UAAU,GAAAjB,IAAA,CAAViB,UAAU;MACVC,YAAY,GAAAlB,IAAA,CAAZkB,YAAY;MAAAC,kBAAA,GAAAnB,IAAA,CACZoB,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,kBAAA;MACpBE,OAAO,GAAArB,IAAA,CAAPqB,OAAO;MACPC,YAAY,GAAAtB,IAAA,CAAZsB,YAAY;MACZC,WAAW,GAAAvB,IAAA,CAAXuB,WAAW;MAAAC,YAAA,GAAAxB,IAAA,CACXyB,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,YAAA;MAAAE,qBAAA,GAAA1B,IAAA,CACjB2B,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MAAAE,YAAA,GAAA5B,IAAA,CACxB6B,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,YAAA;MAAAE,aAAA,GAAA9B,IAAA,CAClB+B,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,aAAA;MAAAE,iBAAA,GAAAhC,IAAA,CACfiC,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;MACpBE,MAAM,GAAAlC,IAAA,CAANkC,MAAM;MACNC,UAAU,GAAAnC,IAAA,CAAVmC,UAAU;MACVC,MAAM,GAAApC,IAAA,CAANoC,MAAM;MACNC,UAAU,GAAArC,IAAA,CAAVqC,UAAU;MACVC,SAAS,GAAAtC,IAAA,CAATsC,SAAS;AACNC,MAAAA,IAAI,GAAAC,wBAAA,CAAAxC,IAAA,EAAAyC,SAAA,CAAA,CAAA;IAIX,IAAMC,WAAW,GAAGT,YAAY,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE,CAAA;AAEhD,IAAA,IAAAU,WAAA,GAA6BC,UAAU,CAACC,WAAW,EAAEH,WAAW,CAAC;MAAAI,YAAA,GAAAC,cAAA,CAAAJ,WAAA,EAAA,CAAA,CAAA;AAA1DK,MAAAA,IAAI,GAAAF,YAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,YAAY,GAAAH,YAAA,CAAA,CAAA,CAAA,CAAA;AACzB,IAAA,IAAAI,YAAA,GAA2CN,UAAU,CAACO,kBAAkB,EAAE,EAAE,CAAC;MAAAC,YAAA,GAAAL,cAAA,CAAAG,YAAA,EAAA,CAAA,CAAA;AAAtEG,MAAAA,WAAW,GAAAD,YAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,mBAAmB,GAAAF,YAAA,CAAA,CAAA,CAAA,CAAA;IAEvC,IAAMG,iBAAiB,GAAGC,OAAO,CAACR,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;AAE1C,IAAA,IAAAS,YAAA,GAAqCC,WAAW,CAACvD,KAAK,CAAC;MAAAwD,aAAA,GAAAZ,cAAA,CAAAU,YAAA,EAAA,CAAA,CAAA;AAAhDG,MAAAA,OAAO,GAAAD,aAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,iBAAiB,GAAAF,aAAA,CAAA,CAAA,CAAA,CAAA;AAEjC,IAAA,IAAMG,yBAAyB,GAAG,CAAA,CAAA5D,iBAAA,GAAA6D,gBAAgB,CAACV,WAAW,EAAEQ,iBAAiB,CAAC,cAAA3D,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhDA,iBAAA,CAAkD8D,KAAK,KAAI,EAAE,CAAA;AAE/F,IAAA,IAAMC,kBAAkB,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAEvD,IAAA,IAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;;AAE1B;AACA,IAAA,IAAMC,SAAS,GAAGC,eAAe,CAAmB,UAACC,KAAK,EAAK;AAC3D,MAAA,IAAI,CAAChB,iBAAiB,IAAI,CAAC/C,mBAAmB,IAAIyB,YAAY,EAAE;AAC5D,QAAA,OAAA;AACJ,OAAA;AAEAgB,MAAAA,YAAY,CAAC;AAAEuB,QAAAA,IAAI,EAAE,OAAA;AAAQ,OAAC,CAAC,CAAA;AAC/BlB,MAAAA,mBAAmB,CAAC;AAAEkB,QAAAA,IAAI,EAAE,OAAA;AAAQ,OAAC,CAAC,CAAA;AAEtC,MAAA,IAAI/D,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAAC,KAAK,EAAE8D,KAAK,CAAC,CAAA;AAC1B,OAAA;KACH,EAAEN,kBAAkB,CAAC,CAAA;IAEtB,IAAMQ,kBAA0C,GAAG,SAA7CA,kBAA0CA,CAAIC,MAAM,EAAEH,KAAK,EAAK;MAClE,IAAItC,YAAY,IAAIyC,MAAM,EAAE;AACxBzB,QAAAA,YAAY,CAAC;AAAEuB,UAAAA,IAAI,EAAE,oBAAA;AAAqB,SAAC,CAAC,CAAA;AAChD,OAAC,MAAM;AACHlB,QAAAA,mBAAmB,CAAC;AAAEkB,UAAAA,IAAI,EAAE,OAAA;AAAQ,SAAC,CAAC,CAAA;AACtCvB,QAAAA,YAAY,CAAC;AAAEuB,UAAAA,IAAI,EAAE,OAAA;AAAQ,SAAC,CAAC,CAAA;AACnC,OAAA;AAEA,MAAA,IAAI/D,QAAQ,EAAE;AACVA,QAAAA,QAAQ,CAACiE,MAAM,EAAEH,KAAK,CAAC,CAAA;AAC3B,OAAA;KACH,CAAA;AAED,IAAA,IAAMI,aAAa,GAAGC,WAAW,CAC7B,UAACC,CAAmB,EAAK;MACrBA,CAAC,CAACC,cAAc,EAAE,CAAA;AAElB,MAAA,IAAI7C,YAAY,EAAE;AACd,QAAA,OAAA;AACJ,OAAA;AAEAwC,MAAAA,kBAAkB,CAAC,CAAClB,iBAAiB,EAAEsB,CAAC,CAAC,CAAA;KAC5C,EACD,CAACJ,kBAAkB,EAAElB,iBAAiB,EAAEtB,YAAY,CACxD,CAAC,CAAA;IAED,IAAA8C,iBAAA,GAAsBC,gBAAgB,CAAC;AACnC3B,QAAAA,WAAW,EAAXA,WAAW;AACXC,QAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBN,QAAAA,IAAI,EAAJA,IAAI;AACJC,QAAAA,YAAY,EAAZA,YAAY;AACZW,QAAAA,OAAO,EAAPA,OAAO;AACPC,QAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBY,QAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBrD,QAAAA,aAAa,EAAbA,aAAa;AACbE,QAAAA,YAAY,EAAZA,YAAY;AACZC,QAAAA,WAAW,EAAXA,WAAAA;AACJ,OAAC,CAAC;MAXM0D,SAAS,GAAAF,iBAAA,CAATE,SAAS,CAAA;AAajB,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,OAAO,CAACC,QAAQ,EAAA;AACbrB,MAAAA,KAAK,EAAE;AACHX,QAAAA,WAAW,EAAXA,WAAW;AACX3C,QAAAA,IAAI,EAAJA,IAAI;AACJmB,QAAAA,OAAO,EAAPA,OAAO;AACPhB,QAAAA,QAAQ,EAARA,QAAQ;AACR4D,QAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBrD,QAAAA,aAAa,EAAbA,aAAa;AACbC,QAAAA,OAAO,EAAPA,OAAO;AACPE,QAAAA,WAAW,EAAXA,WAAW;AACXD,QAAAA,YAAY,EAAZA,YAAY;AACZS,QAAAA,QAAQ,EAARA,QAAQ;AACRoC,QAAAA,MAAM,EAANA,MAAM;AACNhC,QAAAA,UAAU,EAAVA,UAAAA;AACJ,OAAA;AAAE,KAAA,eAEF+C,KAAA,CAAAC,aAAA,CAACG,eAAe,EAAA;AACZrF,MAAAA,GAAG,EAAEgE,kBAAmB;AACxBS,MAAAA,MAAM,EAAEnB,iBAAkB;AAC1B9C,MAAAA,QAAQ,EAAEgE,kBAAmB;AAC7BpE,MAAAA,SAAS,EAAEkF,YAAY,CAAClF,SAAS,CAAE;AACnCC,MAAAA,MAAM,EAAEA,MAAO;AACf4B,MAAAA,MAAM,EAAEA,MAAO;AACfT,MAAAA,OAAO,EAAEA,OAAQ;AACjB+D,MAAAA,MAAM,EAAEC,iBAAiB,CAACrF,QAAQ,EAAE;AAChCsF,QAAAA,IAAI,EAAE,UAAU;AAChB,QAAA,eAAe,EAAAC,EAAAA,CAAAA,MAAA,CAAKxB,MAAM,EAAe,eAAA,CAAA;AACzC,QAAA,eAAe,EAAEZ,iBAAiB;AAClC,QAAA,uBAAuB,EAAEO,yBAAyB,GAC5C8B,SAAS,CAACzB,MAAM,EAAEL,yBAAyB,CAAC+B,QAAQ,EAAE,CAAC,GACvD,EAAE;AACRZ,QAAAA,SAAS,EAATA,SAAS;AACTN,QAAAA,aAAa,EAAEhD,gBAAgB,GAAGgD,aAAa,GAAGmB,SAAAA;AACtD,OAAC,CAAE;AACH1D,MAAAA,MAAM,EAAEA,MAAO;AACf2D,MAAAA,OAAO,EAAE,KAAA;AAAM,KAAA,eAEfb,KAAA,CAAAC,aAAA,CAACrF,IAAI,EAAAkG,QAAA,CAAA;MACDlF,SAAS,EAAEmF,EAAE,CAACnF,SAAS,EAAEoF,OAAO,CAACrG,YAAY,CAAE;AAC/CI,MAAAA,GAAG,EAAEA,GAAI;AACTU,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXyF,MAAAA,KAAK,EAAE;AAAEC,QAAAA,OAAO,EAAE,cAAA;AAAe,OAAA;AAAE,KAAA,EAC/B7D,IAAI,CAER2C,eAAAA,KAAA,CAAAC,aAAA,CAACkB,WAAW,EAAA;AAACrF,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,eAC9BkE,KAAA,CAAAC,aAAA,CAACmB,EAAE,EAAA;AACCrG,MAAAA,GAAG,EAAEoE,SAAU;AACfkC,MAAAA,EAAE,EAAAZ,EAAAA,CAAAA,MAAA,CAAKxB,MAAM,EAAgB,eAAA,CAAA;AAC7BuB,MAAAA,IAAI,EAAC,MAAM;AACXxE,MAAAA,YAAY,EAAEA,YAAa;MAC3BH,aAAa,EAAEA,aAAa,IAAIE,UAAAA;KAE/BoB,EAAAA,UAAU,EAEVlC,KAAK,CAACqG,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAA;AAAA,MAAA,oBACnBxB,KAAA,CAAAC,aAAA,CAACwB,aAAa,EAAA;AACVC,QAAAA,GAAG,EAAAjB,EAAAA,CAAAA,MAAA,CAAKe,KAAK,EAAK,IAAA,CAAA;AAClBD,QAAAA,IAAI,EAAEA,IAAK;AACXI,QAAAA,YAAY,EAAE,CAAE;AAChBpF,QAAAA,OAAO,EAAEA,OAAQ;AACjBuB,QAAAA,IAAI,EAAEA,IAAK;AACXC,QAAAA,YAAY,EAAEA,YAAa;AAC3ByD,QAAAA,KAAK,EAAEA,KAAM;AACbxF,QAAAA,YAAY,EAAEA,YAAa;QAC3BH,aAAa,EAAEA,aAAa,IAAIE,UAAW;AAC3CD,QAAAA,SAAS,EAAEA,SAAAA;AAAU,OACxB,CAAC,CAAA;AAAA,KACL,CAAC,EAEDsB,SACD,CACK,CACX,CACO,CACH,CAAC,CAAA;AAE3B,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMwE,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpH,YAAY;AACpBqH,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRxG,IAAAA,IAAI,EAAE;AACFyG,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD3G,IAAAA,IAAI,EAAE;AACF0G,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN5G,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Dropdown/Dropdown.styles.js

@@ -1,4 +1,4 @@
-import './Dropdown.styles_kkvnr1.css';
+import './Dropdown.styles_zheit5.css';
 import { styled } from '@linaria/react';
 import { getCorrectHeight } from './utils/index.js';
 import { tokens } from './Dropdown.tokens.js';
@@ -23,12 +23,19 @@ var _exp9 = function _exp9() {
     return listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto';
   };
 };
+var _exp10 = function _exp10() {
+  return function (_ref3) {
+    var listOverflow = _ref3.listOverflow;
+    return listOverflow || 'visible';
+  };
+};
 var Ul = /*#__PURE__*/styled('ul')({
   name: "Ul",
   "class": "ujr7fmv",
   propsAsIs: false,
   vars: {
-    "ujr7fmv-0": [/*#__PURE__*/_exp9()]
+    "ujr7fmv-0": [/*#__PURE__*/_exp9()],
+    "ujr7fmv-1": [/*#__PURE__*/_exp10()]
   }
 });
 var base = "byfocd2";

package/es/components/Dropdown/Dropdown.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.styles.js","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { getCorrectHeight } from './utils';\nimport { DropdownProps } from './Dropdown.types';\nimport { tokens, constants } from './Dropdown.tokens';\n\nexport const ListWrapper = styled.div<{\n    listWidth?: DropdownProps['listWidth'];\n}>`\n    width: ${({ listWidth }) => listWidth || `var(${tokens.width})`};\n    padding: calc(var(${tokens.padding}) + var(${tokens.borderWidth}, 0rem));\n    border-radius: var(${tokens.borderRadius});\n    box-sizing: border-box;\n    background: var(${constants.background});\n    box-shadow: ${constants.boxShadow},\n        inset 0 0 0 var(${tokens.borderWidth}, 0) var(${tokens.borderColor}, transparent);\n`;\n\nexport const Ul = styled.ul<{\n    listMaxHeight: DropdownProps['listHeight'];\n}>`\n    max-height: ${({ listMaxHeight }) => (listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto')};\n    overflow-x: hidden;\n    overflow-y: auto;\n    border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.borderWidth}, 0rem));\n    margin: 0;\n    padding: 0;\n`;\n\nexport const base = css``;\n"],"names":["_exp","_ref","listWidth","concat","tokens","width","ListWrapper","styled","name","class","propsAsIs","vars","_exp9","_ref2","listMaxHeight","getCorrectHeight","Ul","base"],"mappings":";;;;AAKsD,IAAAA,IAAA,GAJpCA,SAIoCA,IAAAA,GAAA;AAAA,EAAA,OAKzC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,MAAM,CAACC,KAAK,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH5D,IAAMC,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGpBX,IAAsD,EAAA,CAAA;AAAA,GAAA;AAAA,CAOlE,EAAA;AAAC,IAAAY,KAAA,GAhBgBA,SAgBhBA,KAAAA,GAAA;AAAA,EAAA,OAKgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,aAAa,GAAGC,gBAAgB,CAACD,aAAa,CAAC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH5F,IAAME,EAAE,gBAAGT,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGNC,KAAiF,EAAA,CAAA;AAAA,GAAA;AAAA,CAMlG,EAAA;AAEM,IAAMK,IAAI,GAAQ;;;;"}
+{"version":3,"file":"Dropdown.styles.js","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { getCorrectHeight } from './utils';\nimport { DropdownProps } from './Dropdown.types';\nimport { tokens, constants } from './Dropdown.tokens';\n\nexport const ListWrapper = styled.div<{\n    listWidth?: DropdownProps['listWidth'];\n}>`\n    width: ${({ listWidth }) => listWidth || `var(${tokens.width})`};\n    padding: calc(var(${tokens.padding}) + var(${tokens.borderWidth}, 0rem));\n    border-radius: var(${tokens.borderRadius});\n    box-sizing: border-box;\n    background: var(${constants.background});\n    box-shadow: ${constants.boxShadow},\n        inset 0 0 0 var(${tokens.borderWidth}, 0) var(${tokens.borderColor}, transparent);\n`;\n\nexport const Ul = styled.ul<{\n    listMaxHeight: DropdownProps['listHeight'];\n    listOverflow: DropdownProps['listOverflow'];\n}>`\n    max-height: ${({ listMaxHeight }) => (listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto')};\n    overflow-y: ${({ listOverflow }) => listOverflow || 'visible'};\n    border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.borderWidth}, 0rem));\n    margin: 0;\n    padding: 0;\n`;\n\nexport const base = css``;\n"],"names":["_exp","_ref","listWidth","concat","tokens","width","ListWrapper","styled","name","class","propsAsIs","vars","_exp9","_ref2","listMaxHeight","getCorrectHeight","_exp10","_ref3","listOverflow","Ul","base"],"mappings":";;;;AAKsD,IAAAA,IAAA,GAJpCA,SAIoCA,IAAAA,GAAA;AAAA,EAAA,OAKzC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,SAAS,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,MAAM,CAACC,KAAK,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAH5D,IAAMC,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGpBX,IAAsD,EAAA,CAAA;AAAA,GAAA;AAAA,CAOlE,EAAA;AAAC,IAAAY,KAAA,GAhBgBA,SAgBhBA,KAAAA,GAAA;AAAA,EAAA,OAMgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,aAAa,GAAGC,gBAAgB,CAACD,aAAa,CAAC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAE,MAAA,GAtBjFA,SAsBiFA,MAAAA,GAAA;AAAA,EAAA,OACjF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAL1D,IAAMC,EAAE,gBAAGZ,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAINC,KAAiF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACjFI,MAA+C,EAAA,CAAA;AAAA,GAAA;AAAA,CAIhE,EAAA;AAEM,IAAMI,IAAI,GAAQ;;;;"}

package/{cjs/components/Dropdown/Dropdown.styles_kkvnr1.css → es/components/Dropdown/Dropdown.styles_zheit5.css}

@@ -1,3 +1,3 @@
 .ln7uamp{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
-.ujr7fmv{max-height:var(--ujr7fmv-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
+.ujr7fmv{max-height:var(--ujr7fmv-0);overflow-y:var(--ujr7fmv-1);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
 

package/es/components/Dropdown/hooks/useKeyboardNavigation.js

@@ -171,9 +171,13 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
       case keys.Tab:
       case keys.Escape:
         {
-          if (path[0]) {
-            handleGlobalToggle(false, event);
-          }
+          dispatchFocusedPath({
+            type: 'reset'
+          });
+          dispatchPath({
+            type: 'reset'
+          });
+          handleGlobalToggle(false, event);
           break;
         }
       case keys.Home:

package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/Dropdown/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { KeyboardEvent } from 'react';\nimport type { Dispatch } from 'react';\n\nimport { PathAction, PathState } from '../reducers/pathReducer';\nimport { FocusedPathAction, FocusedPathState } from '../reducers/focusedPathReducer';\nimport { HandleGlobalToggleType, DropdownProps } from '../Dropdown.types';\n\nimport { PathMapType, FocusedToValueMapType } from './useHashMaps';\n\nconst JUMP_SIZE = 10;\n\nexport const keys = {\n    Enter: 'Enter',\n    Space: 'Space',\n    Tab: 'Tab',\n    Escape: 'Escape',\n    ArrowLeft: 'ArrowLeft',\n    ArrowRight: 'ArrowRight',\n    ArrowUp: 'ArrowUp',\n    ArrowDown: 'ArrowDown',\n    Home: 'Home',\n    End: 'End',\n    PageUp: 'PageUp',\n    PageDown: 'PageDown',\n};\n\nconst getFurtherPath = (focusedPath: FocusedPathState, focusedToValueMap: FocusedToValueMapType) => {\n    const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n\n    return focusedToValueMap.get(focusedPathAsString);\n};\n\ninterface Props {\n    focusedPath: FocusedPathState;\n    dispatchFocusedPath: Dispatch<FocusedPathAction>;\n    path: PathState;\n    dispatchPath: Dispatch<PathAction>;\n    pathMap: PathMapType;\n    focusedToValueMap: FocusedToValueMapType;\n    handleGlobalToggle: HandleGlobalToggleType;\n    closeOnSelect: DropdownProps['closeOnSelect'];\n    onItemSelect: DropdownProps['onItemSelect'];\n    onItemClick: DropdownProps['onItemClick'];\n}\n\ninterface ReturnedProps {\n    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n}\n\nexport const useKeyNavigation = ({\n    focusedPath,\n    dispatchFocusedPath,\n    path,\n    dispatchPath,\n    pathMap,\n    focusedToValueMap,\n    handleGlobalToggle,\n    closeOnSelect,\n    onItemSelect,\n    onItemClick,\n}: Props): ReturnedProps => {\n    const currentIndex: number = focusedPath?.[focusedPath.length - 1] || 0;\n    const currentLength: number = pathMap.get(path?.[focusedPath.length - 1]) || 0;\n\n    const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n        switch (event.code) {\n            case keys.ArrowUp: {\n                if (focusedPath.length) {\n                    if (currentIndex > 0) {\n                        if (path.length > focusedPath.length) {\n                            dispatchPath({ type: 'removed_last_level' });\n                        }\n\n                        dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - 1 });\n                    }\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.ArrowDown: {\n                if (focusedPath.length) {\n                    if (currentIndex + 1 < currentLength) {\n                        if (path.length > focusedPath.length) {\n                            dispatchPath({ type: 'removed_last_level' });\n                        }\n\n                        dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + 1 });\n                    }\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.ArrowLeft: {\n                if (focusedPath.length) {\n                    if (path.length > focusedPath.length) {\n                        dispatchPath({ type: 'removed_last_level' });\n                    } else {\n                        dispatchFocusedPath({ type: 'return_prev_focus' });\n                    }\n                }\n\n                if (path.length === 1) {\n                    handleGlobalToggle(false, event);\n                }\n\n                break;\n            }\n\n            case keys.ArrowRight: {\n                if (!focusedPath.length) {\n                    break;\n                }\n\n                const currentItem = getFurtherPath(focusedPath, focusedToValueMap);\n\n                if (currentItem?.disabled || currentItem?.isDisabled) {\n                    break;\n                }\n\n                if (currentItem?.items) {\n                    if (path.length > focusedPath.length) {\n                        dispatchFocusedPath({ type: 'add_focus', value: 0 });\n                    } else {\n                        dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n                    }\n                }\n\n                break;\n            }\n\n            case keys.Enter:\n            case keys.Space: {\n                event.preventDefault();\n\n                if (!path[0]) {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    break;\n                }\n\n                const currentItem = getFurtherPath(focusedPath, focusedToValueMap);\n\n                if (currentItem?.disabled || currentItem?.isDisabled) {\n                    break;\n                }\n\n                if (currentItem?.items) {\n                    if (path.length > focusedPath.length) {\n                        dispatchFocusedPath({ type: 'add_focus', value: 0 });\n                    } else {\n                        dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n                    }\n                } else {\n                    if (closeOnSelect) {\n                        handleGlobalToggle(false, event);\n                    }\n\n                    if (onItemSelect && currentItem) {\n                        onItemSelect(currentItem, event);\n                    }\n\n                    if (onItemClick && currentItem) {\n                        onItemClick(currentItem, event);\n                    }\n                }\n\n                break;\n            }\n\n            case keys.Tab:\n            case keys.Escape: {\n                if (path[0]) {\n                    handleGlobalToggle(false, event);\n                }\n\n                break;\n            }\n\n            case keys.Home: {\n                if (path[0]) {\n                    if (path.length > focusedPath.length) {\n                        dispatchPath({ type: 'removed_last_level' });\n                    }\n\n                    dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.End: {\n                if (path[0]) {\n                    if (path.length > focusedPath.length) {\n                        dispatchPath({ type: 'removed_last_level' });\n                    }\n\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'change_last_focus', value: (pathMap.get('root') || 0) - 1 });\n\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.PageUp: {\n                if (!path[0]) {\n                    break;\n                }\n\n                if (path.length > focusedPath.length) {\n                    dispatchPath({ type: 'removed_last_level' });\n                }\n\n                if (currentIndex <= JUMP_SIZE) {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n                } else {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - JUMP_SIZE });\n                }\n\n                break;\n            }\n\n            case keys.PageDown: {\n                if (!path[0]) {\n                    break;\n                }\n\n                if (path.length > focusedPath.length) {\n                    dispatchPath({ type: 'removed_last_level' });\n                }\n\n                if (currentLength - currentIndex <= JUMP_SIZE) {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n                } else {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + JUMP_SIZE });\n                }\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return { onKeyDown };\n};\n"],"names":["JUMP_SIZE","keys","Enter","Space","Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","getFurtherPath","focusedPath","focusedToValueMap","focusedPathAsString","reduce","acc","n","concat","replace","get","useKeyNavigation","_ref","dispatchFocusedPath","path","dispatchPath","pathMap","handleGlobalToggle","closeOnSelect","onItemSelect","onItemClick","currentIndex","length","currentLength","onKeyDown","event","code","type","value","currentItem","disabled","isDisabled","items","toString","preventDefault"],"mappings":"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"}
+{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/Dropdown/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { KeyboardEvent } from 'react';\nimport type { Dispatch } from 'react';\n\nimport { PathAction, PathState } from '../reducers/pathReducer';\nimport { FocusedPathAction, FocusedPathState } from '../reducers/focusedPathReducer';\nimport { HandleGlobalToggleType, DropdownProps } from '../Dropdown.types';\n\nimport { PathMapType, FocusedToValueMapType } from './useHashMaps';\n\nconst JUMP_SIZE = 10;\n\nexport const keys = {\n    Enter: 'Enter',\n    Space: 'Space',\n    Tab: 'Tab',\n    Escape: 'Escape',\n    ArrowLeft: 'ArrowLeft',\n    ArrowRight: 'ArrowRight',\n    ArrowUp: 'ArrowUp',\n    ArrowDown: 'ArrowDown',\n    Home: 'Home',\n    End: 'End',\n    PageUp: 'PageUp',\n    PageDown: 'PageDown',\n};\n\nconst getFurtherPath = (focusedPath: FocusedPathState, focusedToValueMap: FocusedToValueMapType) => {\n    const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n\n    return focusedToValueMap.get(focusedPathAsString);\n};\n\ninterface Props {\n    focusedPath: FocusedPathState;\n    dispatchFocusedPath: Dispatch<FocusedPathAction>;\n    path: PathState;\n    dispatchPath: Dispatch<PathAction>;\n    pathMap: PathMapType;\n    focusedToValueMap: FocusedToValueMapType;\n    handleGlobalToggle: HandleGlobalToggleType;\n    closeOnSelect: DropdownProps['closeOnSelect'];\n    onItemSelect: DropdownProps['onItemSelect'];\n    onItemClick: DropdownProps['onItemClick'];\n}\n\ninterface ReturnedProps {\n    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n}\n\nexport const useKeyNavigation = ({\n    focusedPath,\n    dispatchFocusedPath,\n    path,\n    dispatchPath,\n    pathMap,\n    focusedToValueMap,\n    handleGlobalToggle,\n    closeOnSelect,\n    onItemSelect,\n    onItemClick,\n}: Props): ReturnedProps => {\n    const currentIndex: number = focusedPath?.[focusedPath.length - 1] || 0;\n    const currentLength: number = pathMap.get(path?.[focusedPath.length - 1]) || 0;\n\n    const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n        switch (event.code) {\n            case keys.ArrowUp: {\n                if (focusedPath.length) {\n                    if (currentIndex > 0) {\n                        if (path.length > focusedPath.length) {\n                            dispatchPath({ type: 'removed_last_level' });\n                        }\n\n                        dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - 1 });\n                    }\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.ArrowDown: {\n                if (focusedPath.length) {\n                    if (currentIndex + 1 < currentLength) {\n                        if (path.length > focusedPath.length) {\n                            dispatchPath({ type: 'removed_last_level' });\n                        }\n\n                        dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + 1 });\n                    }\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.ArrowLeft: {\n                if (focusedPath.length) {\n                    if (path.length > focusedPath.length) {\n                        dispatchPath({ type: 'removed_last_level' });\n                    } else {\n                        dispatchFocusedPath({ type: 'return_prev_focus' });\n                    }\n                }\n\n                if (path.length === 1) {\n                    handleGlobalToggle(false, event);\n                }\n\n                break;\n            }\n\n            case keys.ArrowRight: {\n                if (!focusedPath.length) {\n                    break;\n                }\n\n                const currentItem = getFurtherPath(focusedPath, focusedToValueMap);\n\n                if (currentItem?.disabled || currentItem?.isDisabled) {\n                    break;\n                }\n\n                if (currentItem?.items) {\n                    if (path.length > focusedPath.length) {\n                        dispatchFocusedPath({ type: 'add_focus', value: 0 });\n                    } else {\n                        dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n                    }\n                }\n\n                break;\n            }\n\n            case keys.Enter:\n            case keys.Space: {\n                event.preventDefault();\n\n                if (!path[0]) {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    break;\n                }\n\n                const currentItem = getFurtherPath(focusedPath, focusedToValueMap);\n\n                if (currentItem?.disabled || currentItem?.isDisabled) {\n                    break;\n                }\n\n                if (currentItem?.items) {\n                    if (path.length > focusedPath.length) {\n                        dispatchFocusedPath({ type: 'add_focus', value: 0 });\n                    } else {\n                        dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n                    }\n                } else {\n                    if (closeOnSelect) {\n                        handleGlobalToggle(false, event);\n                    }\n\n                    if (onItemSelect && currentItem) {\n                        onItemSelect(currentItem, event);\n                    }\n\n                    if (onItemClick && currentItem) {\n                        onItemClick(currentItem, event);\n                    }\n                }\n\n                break;\n            }\n\n            case keys.Tab:\n            case keys.Escape: {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n                handleGlobalToggle(false, event);\n\n                break;\n            }\n\n            case keys.Home: {\n                if (path[0]) {\n                    if (path.length > focusedPath.length) {\n                        dispatchPath({ type: 'removed_last_level' });\n                    }\n\n                    dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.End: {\n                if (path[0]) {\n                    if (path.length > focusedPath.length) {\n                        dispatchPath({ type: 'removed_last_level' });\n                    }\n\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'change_last_focus', value: (pathMap.get('root') || 0) - 1 });\n\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.PageUp: {\n                if (!path[0]) {\n                    break;\n                }\n\n                if (path.length > focusedPath.length) {\n                    dispatchPath({ type: 'removed_last_level' });\n                }\n\n                if (currentIndex <= JUMP_SIZE) {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n                } else {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - JUMP_SIZE });\n                }\n\n                break;\n            }\n\n            case keys.PageDown: {\n                if (!path[0]) {\n                    break;\n                }\n\n                if (path.length > focusedPath.length) {\n                    dispatchPath({ type: 'removed_last_level' });\n                }\n\n                if (currentLength - currentIndex <= JUMP_SIZE) {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n                } else {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + JUMP_SIZE });\n                }\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return { onKeyDown };\n};\n"],"names":["JUMP_SIZE","keys","Enter","Space","Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","getFurtherPath","focusedPath","focusedToValueMap","focusedPathAsString","reduce","acc","n","concat","replace","get","useKeyNavigation","_ref","dispatchFocusedPath","path","dispatchPath","pathMap","handleGlobalToggle","closeOnSelect","onItemSelect","onItemClick","currentIndex","length","currentLength","onKeyDown","event","code","type","value","currentItem","disabled","isDisabled","items","toString","preventDefault"],"mappings":"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"}

package/es/components/Dropdown/ui/DropdownInner/DropdownInner.css

@@ -24,6 +24,6 @@
 .DropdownItem_styles_1algi32_w1jav4ek__367ba473{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:var(--plasma-dropdown-item-margin,0);box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--surface-clear);border-radius:var( --plasma-dropdown-item-border-radius, calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem)) );-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473:hover:not(.DropdownItem_styles_1algi32_dropdownItemIsDisabled__367ba473){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsActive__367ba473{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsDisabled__367ba473{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473:focus{outline:none;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0 solid transparent;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1algi32_w1jav4ek__367ba473.DropdownItem_styles_1algi32_dropdownItemIsFocused__367ba473:before{outline:none;box-shadow:inset 0 0 0 0.0625rem var(--surface-accent);}
 .DropdownItem_styles_1algi32_r1fqtjio__367ba473{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
 
-.Dropdown_styles_kkvnr1_ln7uamp__173ef985{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
-.Dropdown_styles_kkvnr1_ujr7fmv__173ef985{max-height:var(--ujr7fmv-0);overflow-x:hidden;overflow-y:auto;border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
+.Dropdown_styles_zheit5_ln7uamp__21de70ca{width:var(--ln7uamp-0);padding:calc(var(--plasma-dropdown-padding) + var(--plasma-dropdown-border-width,0rem));border-radius:var(--plasma-dropdown-border-radius);box-sizing:border-box;background:var(--surface-solid-card-brightness);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-dropdown-border-width,0) var(--plasma-dropdown-border-color,transparent);}
+.Dropdown_styles_zheit5_ujr7fmv__21de70ca{max-height:var(--ujr7fmv-0);overflow-y:var(--ujr7fmv-1);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));margin:0;padding:0;}
 

package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React from 'react';
 import { DropdownItem } from '../DropdownItem/DropdownItem.js';
 import { ListWrapper, Ul } from '../../Dropdown.styles.js';
 import { FloatingPopover } from '../../FloatingPopover.js';
@@ -12,8 +12,9 @@ var DropdownInner = function DropdownInner(_ref) {
     dispatchPath = _ref.dispatchPath,
     index = _ref.index,
     trigger = _ref.trigger,
-    listWidth = _ref.listWidth,
-    portal = _ref.portal;
+    listMaxHeight = _ref.listMaxHeight,
+    listOverflow = _ref.listOverflow,
+    listWidth = _ref.listWidth;
   var handleToggle = function handleToggle(opened) {
     if (opened) {
       dispatchPath({
@@ -28,7 +29,6 @@ var DropdownInner = function DropdownInner(_ref) {
       });
     }
   };
-  var listWrapperRef = useRef(null);
   var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
   var treeId = safeUseId();
   var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
@@ -49,15 +49,14 @@ var DropdownInner = function DropdownInner(_ref) {
         ariaLevel: nextLevel,
         ariaLabel: item.label
       }),
-      isInner: true,
-      portal: portal
+      isInner: true
     }, /*#__PURE__*/React.createElement(ListWrapper, {
-      ref: listWrapperRef,
       listWidth: listWidth
     }, /*#__PURE__*/React.createElement(Ul, {
       id: listId,
       role: "group",
-      listMaxHeight: item.listMaxHeight
+      listMaxHeight: listMaxHeight,
+      listOverflow: listOverflow
     }, item.items.map(function (innerItem, innerIndex) {
       return /*#__PURE__*/React.createElement(DropdownInner, {
         key: "".concat(innerIndex, "/").concat(currentLevel),
@@ -67,8 +66,9 @@ var DropdownInner = function DropdownInner(_ref) {
         dispatchPath: dispatchPath,
         index: innerIndex,
         trigger: trigger,
-        listWidth: listWidth,
-        portal: listWrapperRef
+        listMaxHeight: listMaxHeight,
+        listOverflow: listOverflow,
+        listWidth: listWidth
       });
     }))));
   }

package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownInner.js","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { DropdownItem } from '../DropdownItem/DropdownItem';\nimport { Ul, ListWrapper } from '../../Dropdown.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { getPlacement } from '../../utils';\n\nimport { DropdownInnerProps } from './DropdownInner.type';\n\nconst DropdownInner: FC<DropdownInnerProps> = ({\n    item,\n    currentLevel,\n    path,\n    dispatchPath,\n    index,\n    trigger,\n    listWidth,\n    portal,\n}) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const listWrapperRef = useRef<HTMLDivElement>(null);\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (item?.items) {\n        return (\n            <FloatingPopover\n                placement={getPlacement(item?.placement || 'right')}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                trigger={item.trigger || trigger}\n                target={\n                    <DropdownItem\n                        item={item}\n                        index={index}\n                        path={path}\n                        currentLevel={currentLevel}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n                portal={portal}\n            >\n                <ListWrapper ref={listWrapperRef} listWidth={listWidth}>\n                    <Ul id={listId} role=\"group\" listMaxHeight={item.listMaxHeight}>\n                        {item.items.map((innerItem, innerIndex) => (\n                            <DropdownInner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                trigger={trigger}\n                                listWidth={listWidth}\n                                portal={listWrapperRef}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <DropdownItem item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n\nexport { DropdownInner };\n"],"names":["DropdownInner","_ref","item","currentLevel","path","dispatchPath","index","trigger","listWidth","portal","handleToggle","opened","type","value","toString","level","listWrapperRef","useRef","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","items","React","createElement","FloatingPopover","placement","getPlacement","onToggle","target","DropdownItem","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","ref","Ul","id","role","listMaxHeight","map","innerItem","innerIndex","key"],"mappings":"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"}
+{"version":3,"file":"DropdownInner.js","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { DropdownItem } from '../DropdownItem/DropdownItem';\nimport { Ul, ListWrapper } from '../../Dropdown.styles';\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { getPlacement } from '../../utils';\n\nimport { DropdownInnerProps } from './DropdownInner.type';\n\nconst DropdownInner: FC<DropdownInnerProps> = ({\n    item,\n    currentLevel,\n    path,\n    dispatchPath,\n    index,\n    trigger,\n    listMaxHeight,\n    listOverflow,\n    listWidth,\n}) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (item?.items) {\n        return (\n            <FloatingPopover\n                placement={getPlacement(item?.placement || 'right')}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                trigger={item.trigger || trigger}\n                target={\n                    <DropdownItem\n                        item={item}\n                        index={index}\n                        path={path}\n                        currentLevel={currentLevel}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n            >\n                <ListWrapper listWidth={listWidth}>\n                    <Ul id={listId} role=\"group\" listMaxHeight={listMaxHeight} listOverflow={listOverflow}>\n                        {item.items.map((innerItem, innerIndex) => (\n                            <DropdownInner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                trigger={trigger}\n                                listMaxHeight={listMaxHeight}\n                                listOverflow={listOverflow}\n                                listWidth={listWidth}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <DropdownItem item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n\nexport { DropdownInner };\n"],"names":["DropdownInner","_ref","item","currentLevel","path","dispatchPath","index","trigger","listMaxHeight","listOverflow","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","concat","nextLevel","items","React","createElement","FloatingPopover","placement","getPlacement","onToggle","target","DropdownItem","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","Ul","id","role","map","innerItem","innerIndex","key"],"mappings":"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"}

package/es/components/Pagination/Pagination.css

@@ -195,8 +195,8 @@
 .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
 .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
 
-.Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
-.Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
+.Select_styles_bjoo18_lpxbau6__2367a782{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
+.Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
 
 
 .SelectNative_styles_1r538h6_satm3n2__407ae55b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}

package/es/components/Pagination/Pagination.js

@@ -49,7 +49,8 @@ var paginationRoot = function paginationRoot(Root) {
       textPerPage = _ref$textPerPage === void 0 ? defaultValues.textPerPage : _ref$textPerPage,
       leftContent = _ref.leftContent,
       rightContent = _ref.rightContent,
-      listWidth = _ref.listWidth,
+      _ref$listWidth = _ref.listWidth,
+      listWidth = _ref$listWidth === void 0 ? 'fit-content' : _ref$listWidth,
       onChangePageValue = _ref.onChangePageValue,
       onChangePerPageValue = _ref.onChangePerPageValue,
       onChange = _ref.onChange,

package/es/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useState, forwardRef, Fragment } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootPropsOmitOnChange } from '../../engines';\n\nimport {\n    PaginationPages,\n    PaginationActions,\n    PaginationButton,\n    PaginationSection,\n    PaginationButtonGroup,\n    PaginationRoot,\n    PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, PaginationProps>) =>\n    forwardRef<HTMLDivElement, PaginationProps>(\n        (\n            {\n                value: outerValue,\n                defaultValue,\n\n                perPage: outerPerPage,\n                defaultPerPage,\n\n                slots = defaultValues.slots,\n\n                view,\n                viewCurrentPage,\n                type = defaultValues.type,\n                size,\n                pilled = defaultValues.pilled,\n                square = defaultValues.square,\n                disabledPages = defaultValues.disabledPages,\n\n                count = defaultValues.value,\n\n                hasQuickJump = defaultValues.hasQuickJump,\n                hasPerPage = defaultValues.hasPerPage,\n                perPageList = defaultValues.perPageList,\n                isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n                placeholderQuickJump = defaultValues.placeholderQuickJump,\n                textQuickJump = defaultValues.textQuickJump,\n                textPerPage = defaultValues.textPerPage,\n\n                leftContent,\n                rightContent,\n\n                listWidth,\n\n                onChangePageValue,\n                onChangePerPageValue,\n                onChange,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [pageInner, setPageInner] = useState<number>(defaultValue || defaultValues.value);\n            const pageValue = outerValue ?? pageInner;\n\n            const [perPageInner, setPerPageInner] = useState<number | undefined>(\n                hasPerPage ? defaultPerPage || defaultValues.perPage : undefined,\n            );\n            const perPageValue = outerPerPage ?? perPageInner;\n\n            const pages = Math.ceil(count / (perPageValue || 1));\n            const sections = getSections(pageValue, pages, slots);\n\n            const typeClass = classes[`${type}Type` as keyof typeof classes];\n            const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n            const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n            const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n            const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n            const pageSetter = (pageValueCandidate?: number) => {\n                let newPageValue = pageValueCandidate ?? defaultValues.value;\n                if (newPageValue > pages) {\n                    newPageValue = pages;\n                }\n\n                if (newPageValue < 1) {\n                    newPageValue = 1;\n                }\n\n                if (disabled.includes(newPageValue)) {\n                    return;\n                }\n\n                setPageInner(newPageValue);\n\n                return newPageValue;\n            };\n\n            const handleSetPage = (pageValueCandidate?: number) => {\n                const newValue = pageSetter(pageValueCandidate);\n\n                onChange?.(newValue, perPageValue);\n                onChangePageValue?.(newValue);\n            };\n\n            const handlerSetPerPage = (newPerPageValue: number) => {\n                setPerPageInner(newPerPageValue);\n\n                onChange?.(pageValue, newPerPageValue);\n                onChangePerPageValue?.(newPerPageValue);\n            };\n\n            const handleClick = (currentPage: number) => {\n                if (isActiveButton(currentPage)) {\n                    return;\n                }\n\n                handleSetPage(currentPage);\n            };\n\n            const isActiveButton = (checkPage: number) => {\n                return pageValue === checkPage ? classes.paginationPageButtonActive : '';\n            };\n\n            return (\n                <Root\n                    size={size}\n                    view={view}\n                    viewCurrentPage={viewCurrentPage}\n                    className={cx(classes.wrapper, typeClass)}\n                    ref={ref}\n                    {...rest}\n                >\n                    <PaginationRoot className={typeClass}>\n                        <PaginationPages>\n                            {leftContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {leftContent}\n                                </PaginationButtonGroup>\n                            )}\n                            {sections &&\n                                sections.map((section, indexSection) => (\n                                    <Fragment key={indexSection}>\n                                        {indexSection !== 0 && (\n                                            <PaginationShorter\n                                                stretching=\"fixed\"\n                                                disabled\n                                                className={classes.buttonDisabled}\n                                            >\n                                                ...\n                                            </PaginationShorter>\n                                        )}\n                                        <PaginationSection>\n                                            {section.map((currentPage, index) => (\n                                                <PaginationButton\n                                                    key={`${currentPage}_${index}`}\n                                                    className={cx(\n                                                        classes.paginationPageButton,\n                                                        isActiveButton(currentPage),\n                                                        disabled.includes(currentPage) ? classes.buttonDisabled : '',\n                                                    )}\n                                                    pin={roundedClass}\n                                                    disabled={disabled.includes(currentPage)}\n                                                    square={square}\n                                                    onClick={() => handleClick(currentPage)}\n                                                >\n                                                    {currentPage}\n                                                </PaginationButton>\n                                            ))}\n                                        </PaginationSection>\n                                    </Fragment>\n                                ))}\n                            {rightContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {rightContent}\n                                </PaginationButtonGroup>\n                            )}\n                        </PaginationPages>\n                        <PaginationActions\n                            className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n                        >\n                            {hasQuickJump && (\n                                <PaginationQuickJumpToPage\n                                    placeholderQuickJump={placeholderQuickJump}\n                                    textQuickJump={textQuickJump}\n                                    onChangeValue={handleSetPage}\n                                />\n                            )}\n                            {hasPerPage && (\n                                <PaginationSelectPerPage\n                                    textPerPage={textPerPage}\n                                    perPageValue={perPageValue}\n                                    perPageList={perPageList}\n                                    onChangeValue={handlerSetPerPage}\n                                    size={size}\n                                    listWidth={listWidth}\n                                />\n                            )}\n                        </PaginationActions>\n                    </PaginationRoot>\n                </Root>\n            );\n        },\n    );\n\nexport const paginationConfig = {\n    name: 'Pagination',\n    tag: 'div',\n    layout: paginationRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        type: {\n            css: typeCSS,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'm',\n    },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","outerValue","value","defaultValue","outerPerPage","perPage","defaultPerPage","_ref$slots","slots","defaultValues","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","listWidth","onChangePageValue","onChangePerPageValue","onChange","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","pageInner","setPageInner","pageValue","_useState3","undefined","_useState4","perPageInner","setPerPageInner","perPageValue","pages","Math","ceil","sections","getSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","withHasQuickJump","disabled","map","el","isNumber","Number","pageSetter","pageValueCandidate","newPageValue","includes","handleSetPage","newValue","handlerSetPerPage","newPerPageValue","handleClick","currentPage","isActiveButton","checkPage","paginationPageButtonActive","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","key","PaginationShorter","stretching","buttonDisabled","PaginationSection","index","PaginationButton","paginationPageButton","pin","onClick","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":";;;;;;;;;;;;;;IAuBaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAA4D,EAAA;AAAA,EAAA,oBACvFC,UAAU,CACN,UAAAC,IAAA,EAuCIC,GAAG,EACF;AAAA,IAAA,IAtCUC,UAAU,GAAAF,IAAA,CAAjBG,KAAK;MACLC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;MAEHC,YAAY,GAAAL,IAAA,CAArBM,OAAO;MACPC,cAAc,GAAAP,IAAA,CAAdO,cAAc;MAAAC,UAAA,GAAAR,IAAA,CAEdS,KAAK;AAALA,MAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGE,aAAa,CAACD,KAAK,GAAAD,UAAA;MAE3BG,IAAI,GAAAX,IAAA,CAAJW,IAAI;MACJC,eAAe,GAAAZ,IAAA,CAAfY,eAAe;MAAAC,SAAA,GAAAb,IAAA,CACfc,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGH,aAAa,CAACI,IAAI,GAAAD,SAAA;MACzBE,IAAI,GAAAf,IAAA,CAAJe,IAAI;MAAAC,WAAA,GAAAhB,IAAA,CACJiB,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGN,aAAa,CAACO,MAAM,GAAAD,WAAA;MAAAE,WAAA,GAAAlB,IAAA,CAC7BmB,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGR,aAAa,CAACS,MAAM,GAAAD,WAAA;MAAAE,kBAAA,GAAApB,IAAA,CAC7BqB,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAA,KAAA,CAAA,GAAGV,aAAa,CAACW,aAAa,GAAAD,kBAAA;MAAAE,UAAA,GAAAtB,IAAA,CAE3CuB,KAAK;AAALA,MAAAA,KAAK,GAAAD,UAAA,KAAA,KAAA,CAAA,GAAGZ,aAAa,CAACP,KAAK,GAAAmB,UAAA;MAAAE,iBAAA,GAAAxB,IAAA,CAE3ByB,YAAY;AAAZA,MAAAA,YAAY,GAAAD,iBAAA,KAAA,KAAA,CAAA,GAAGd,aAAa,CAACe,YAAY,GAAAD,iBAAA;MAAAE,eAAA,GAAA1B,IAAA,CACzC2B,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAA,KAAA,CAAA,GAAGhB,aAAa,CAACiB,UAAU,GAAAD,eAAA;MAAAE,gBAAA,GAAA5B,IAAA,CACrC6B,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAA,KAAA,CAAA,GAAGlB,aAAa,CAACmB,WAAW,GAAAD,gBAAA;MAAAE,qBAAA,GAAA9B,IAAA,CACvC+B,oBAAoB;AAApBA,MAAAA,oBAAoB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAGpB,aAAa,CAACqB,oBAAoB,GAAAD,qBAAA;MAAAE,qBAAA,GAAAhC,IAAA,CAEzDiC,oBAAoB;AAApBA,MAAAA,oBAAoB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAGtB,aAAa,CAACuB,oBAAoB,GAAAD,qBAAA;MAAAE,kBAAA,GAAAlC,IAAA,CACzDmC,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAA,KAAA,CAAA,GAAGxB,aAAa,CAACyB,aAAa,GAAAD,kBAAA;MAAAE,gBAAA,GAAApC,IAAA,CAC3CqC,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAA,KAAA,CAAA,GAAG1B,aAAa,CAAC2B,WAAW,GAAAD,gBAAA;MAEvCE,WAAW,GAAAtC,IAAA,CAAXsC,WAAW;MACXC,YAAY,GAAAvC,IAAA,CAAZuC,YAAY;MAEZC,SAAS,GAAAxC,IAAA,CAATwC,SAAS;MAETC,iBAAiB,GAAAzC,IAAA,CAAjByC,iBAAiB;MACjBC,oBAAoB,GAAA1C,IAAA,CAApB0C,oBAAoB;MACpBC,QAAQ,GAAA3C,IAAA,CAAR2C,QAAQ;AACLC,MAAAA,IAAI,GAAAC,wBAAA,CAAA7C,IAAA,EAAA8C,SAAA,CAAA,CAAA;IAIX,IAAAC,SAAA,GAAkCC,QAAQ,CAAS5C,YAAY,IAAIM,aAAa,CAACP,KAAK,CAAC;MAAA8C,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAhFI,MAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAC9B,IAAMI,SAAS,GAAGnD,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,UAAU,GAAIiD,SAAS,CAAA;AAEzC,IAAA,IAAAG,UAAA,GAAwCN,QAAQ,CAC5CrB,UAAU,GAAGpB,cAAc,IAAIG,aAAa,CAACJ,OAAO,GAAGiD,SAC3D,CAAC;MAAAC,UAAA,GAAAN,cAAA,CAAAI,UAAA,EAAA,CAAA,CAAA;AAFMG,MAAAA,YAAY,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,eAAe,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;IAGpC,IAAMG,YAAY,GAAGtD,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,YAAY,GAAIoD,YAAY,CAAA;AAEjD,IAAA,IAAMG,KAAK,GAAGC,IAAI,CAACC,IAAI,CAACvC,KAAK,IAAIoC,YAAY,IAAI,CAAC,CAAC,CAAC,CAAA;IACpD,IAAMI,QAAQ,GAAGC,WAAW,CAACX,SAAS,EAAEO,KAAK,EAAEnD,KAAK,CAAC,CAAA;AAErD,IAAA,IAAMwD,SAAS,GAAGC,OAAO,IAAAC,MAAA,CAAIrD,IAAI,EAA+B,MAAA,CAAA,CAAA,CAAA;AAChE,IAAA,IAAMsD,YAAY,GAAGnD,MAAM,GAAG,eAAe,GAAG,eAAe,CAAA;IAE/D,IAAMoD,oBAAoB,GAAG1C,UAAU,GAAGuC,OAAO,CAACG,oBAAoB,GAAGd,SAAS,CAAA;IAClF,IAAMe,gBAAgB,GAAG7C,YAAY,GAAGyC,OAAO,CAACI,gBAAgB,GAAGf,SAAS,CAAA;AAE5E,IAAA,IAAMgB,QAAQ,GAAGlD,aAAa,CAACmD,GAAG,CAAC,UAACC,EAAE,EAAA;MAAA,OAAMC,QAAQ,CAACD,EAAE,CAAC,GAAGE,MAAM,CAACF,EAAE,CAAC,GAAG,IAAI,CAAA;AAAA,KAAC,CAAC,CAAA;AAE9E,IAAA,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAIC,kBAA2B,EAAK;MAChD,IAAIC,YAAY,GAAGD,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,cAAlBA,kBAAkB,GAAInE,aAAa,CAACP,KAAK,CAAA;MAC5D,IAAI2E,YAAY,GAAGlB,KAAK,EAAE;AACtBkB,QAAAA,YAAY,GAAGlB,KAAK,CAAA;AACxB,OAAA;MAEA,IAAIkB,YAAY,GAAG,CAAC,EAAE;AAClBA,QAAAA,YAAY,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,MAAA,IAAIP,QAAQ,CAACQ,QAAQ,CAACD,YAAY,CAAC,EAAE;AACjC,QAAA,OAAA;AACJ,OAAA;MAEA1B,YAAY,CAAC0B,YAAY,CAAC,CAAA;AAE1B,MAAA,OAAOA,YAAY,CAAA;KACtB,CAAA;AAED,IAAA,IAAME,aAAa,GAAG,SAAhBA,aAAaA,CAAIH,kBAA2B,EAAK;AACnD,MAAA,IAAMI,QAAQ,GAAGL,UAAU,CAACC,kBAAkB,CAAC,CAAA;MAE/ClC,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,IAAAA,QAAQ,CAAGsC,QAAQ,EAAEtB,YAAY,CAAC,CAAA;AAClClB,MAAAA,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,IAAjBA,iBAAiB,CAAGwC,QAAQ,CAAC,CAAA;KAChC,CAAA;AAED,IAAA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,eAAuB,EAAK;MACnDzB,eAAe,CAACyB,eAAe,CAAC,CAAA;MAEhCxC,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,IAAAA,QAAQ,CAAGU,SAAS,EAAE8B,eAAe,CAAC,CAAA;AACtCzC,MAAAA,oBAAoB,aAApBA,oBAAoB,KAAA,KAAA,CAAA,IAApBA,oBAAoB,CAAGyC,eAAe,CAAC,CAAA;KAC1C,CAAA;AAED,IAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,WAAmB,EAAK;AACzC,MAAA,IAAIC,cAAc,CAACD,WAAW,CAAC,EAAE;AAC7B,QAAA,OAAA;AACJ,OAAA;MAEAL,aAAa,CAACK,WAAW,CAAC,CAAA;KAC7B,CAAA;AAED,IAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,SAAiB,EAAK;MAC1C,OAAOlC,SAAS,KAAKkC,SAAS,GAAGrB,OAAO,CAACsB,0BAA0B,GAAG,EAAE,CAAA;KAC3E,CAAA;AAED,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAAC5F,IAAI,EAAA6F,QAAA,CAAA;AACD5E,MAAAA,IAAI,EAAEA,IAAK;AACXJ,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,eAAe,EAAEA,eAAgB;MACjCgF,SAAS,EAAEC,EAAE,CAAC3B,OAAO,CAAC4B,OAAO,EAAE7B,SAAS,CAAE;AAC1ChE,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EACL2C,IAAI,CAER6C,eAAAA,KAAA,CAAAC,aAAA,CAACK,cAAc,EAAA;AAACH,MAAAA,SAAS,EAAE3B,SAAAA;AAAU,KAAA,eACjCwB,KAAA,CAAAC,aAAA,CAACM,eAAe,EAAA,IAAA,EACX1D,WAAW,iBACRmD,KAAA,CAAAC,aAAA,CAACO,qBAAqB,EAAA;AAAClE,MAAAA,oBAAoB,EAAEA,oBAAAA;AAAqB,KAAA,EAC7DO,WACkB,CAC1B,EACAyB,QAAQ,IACLA,QAAQ,CAACS,GAAG,CAAC,UAAC0B,OAAO,EAAEC,YAAY,EAAA;AAAA,MAAA,oBAC/BV,KAAA,CAAAC,aAAA,CAACU,QAAQ,EAAA;AAACC,QAAAA,GAAG,EAAEF,YAAAA;OACVA,EAAAA,YAAY,KAAK,CAAC,iBACfV,KAAA,CAAAC,aAAA,CAACY,iBAAiB,EAAA;AACdC,QAAAA,UAAU,EAAC,OAAO;QAClBhC,QAAQ,EAAA,IAAA;QACRqB,SAAS,EAAE1B,OAAO,CAACsC,cAAAA;AAAe,OAAA,EACrC,KAEkB,CACtB,eACDf,KAAA,CAAAC,aAAA,CAACe,iBAAiB,EACbP,IAAAA,EAAAA,OAAO,CAAC1B,GAAG,CAAC,UAACa,WAAW,EAAEqB,KAAK,EAAA;AAAA,QAAA,oBAC5BjB,KAAA,CAAAC,aAAA,CAACiB,gBAAgB,EAAA;UACbN,GAAG,EAAA,EAAA,CAAAlC,MAAA,CAAKkB,WAAW,OAAAlB,MAAA,CAAIuC,KAAK,CAAG;UAC/Bd,SAAS,EAAEC,EAAE,CACT3B,OAAO,CAAC0C,oBAAoB,EAC5BtB,cAAc,CAACD,WAAW,CAAC,EAC3Bd,QAAQ,CAACQ,QAAQ,CAACM,WAAW,CAAC,GAAGnB,OAAO,CAACsC,cAAc,GAAG,EAC9D,CAAE;AACFK,UAAAA,GAAG,EAAEzC,YAAa;AAClBG,UAAAA,QAAQ,EAAEA,QAAQ,CAACQ,QAAQ,CAACM,WAAW,CAAE;AACzClE,UAAAA,MAAM,EAAEA,MAAO;UACf2F,OAAO,EAAE,SAAAA,OAAA,GAAA;YAAA,OAAM1B,WAAW,CAACC,WAAW,CAAC,CAAA;AAAA,WAAA;AAAC,SAAA,EAEvCA,WACa,CAAC,CAAA;OACtB,CACc,CACb,CAAC,CAAA;KACd,CAAC,EACL9C,YAAY,iBACTkD,KAAA,CAAAC,aAAA,CAACO,qBAAqB,EAAA;AAAClE,MAAAA,oBAAoB,EAAEA,oBAAAA;KACxCQ,EAAAA,YACkB,CAEd,CAAC,eAClBkD,KAAA,CAAAC,aAAA,CAACqB,iBAAiB,EAAA;MACdnB,SAAS,EAAEC,EAAE,CAAC3B,OAAO,CAAC8C,OAAO,EAAE/C,SAAS,EAAEI,oBAAoB,EAAEC,gBAAgB,CAAA;AAAE,KAAA,EAEjF7C,YAAY,iBACTgE,KAAA,CAAAC,aAAA,CAACuB,yBAAyB,EAAA;AACtBhF,MAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CE,MAAAA,aAAa,EAAEA,aAAc;AAC7B+E,MAAAA,aAAa,EAAElC,aAAAA;KAClB,CACJ,EACArD,UAAU,iBACP8D,KAAA,CAAAC,aAAA,CAACyB,uBAAuB,EAAA;AACpB9E,MAAAA,WAAW,EAAEA,WAAY;AACzBsB,MAAAA,YAAY,EAAEA,YAAa;AAC3B9B,MAAAA,WAAW,EAAEA,WAAY;AACzBqF,MAAAA,aAAa,EAAEhC,iBAAkB;AACjCnE,MAAAA,IAAI,EAAEA,IAAK;AACXyB,MAAAA,SAAS,EAAEA,SAAAA;KACd,CAEU,CACP,CACd,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM4E,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE1H,cAAc;AACtB2H,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE;AACR9G,IAAAA,IAAI,EAAE;AACF+G,MAAAA,GAAG,EAAEC,IAAAA;KACR;AACD5G,IAAAA,IAAI,EAAE;AACF2G,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACD9G,IAAAA,IAAI,EAAE;AACF4G,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNnH,IAAAA,IAAI,EAAE,OAAO;AACbI,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useState, forwardRef, Fragment } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootPropsOmitOnChange } from '../../engines';\n\nimport {\n    PaginationPages,\n    PaginationActions,\n    PaginationButton,\n    PaginationSection,\n    PaginationButtonGroup,\n    PaginationRoot,\n    PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, PaginationProps>) =>\n    forwardRef<HTMLDivElement, PaginationProps>(\n        (\n            {\n                value: outerValue,\n                defaultValue,\n\n                perPage: outerPerPage,\n                defaultPerPage,\n\n                slots = defaultValues.slots,\n\n                view,\n                viewCurrentPage,\n                type = defaultValues.type,\n                size,\n                pilled = defaultValues.pilled,\n                square = defaultValues.square,\n                disabledPages = defaultValues.disabledPages,\n\n                count = defaultValues.value,\n\n                hasQuickJump = defaultValues.hasQuickJump,\n                hasPerPage = defaultValues.hasPerPage,\n                perPageList = defaultValues.perPageList,\n                isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n                placeholderQuickJump = defaultValues.placeholderQuickJump,\n                textQuickJump = defaultValues.textQuickJump,\n                textPerPage = defaultValues.textPerPage,\n\n                leftContent,\n                rightContent,\n\n                listWidth = 'fit-content',\n\n                onChangePageValue,\n                onChangePerPageValue,\n                onChange,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [pageInner, setPageInner] = useState<number>(defaultValue || defaultValues.value);\n            const pageValue = outerValue ?? pageInner;\n\n            const [perPageInner, setPerPageInner] = useState<number | undefined>(\n                hasPerPage ? defaultPerPage || defaultValues.perPage : undefined,\n            );\n            const perPageValue = outerPerPage ?? perPageInner;\n\n            const pages = Math.ceil(count / (perPageValue || 1));\n            const sections = getSections(pageValue, pages, slots);\n\n            const typeClass = classes[`${type}Type` as keyof typeof classes];\n            const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n            const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n            const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n            const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n            const pageSetter = (pageValueCandidate?: number) => {\n                let newPageValue = pageValueCandidate ?? defaultValues.value;\n                if (newPageValue > pages) {\n                    newPageValue = pages;\n                }\n\n                if (newPageValue < 1) {\n                    newPageValue = 1;\n                }\n\n                if (disabled.includes(newPageValue)) {\n                    return;\n                }\n\n                setPageInner(newPageValue);\n\n                return newPageValue;\n            };\n\n            const handleSetPage = (pageValueCandidate?: number) => {\n                const newValue = pageSetter(pageValueCandidate);\n\n                onChange?.(newValue, perPageValue);\n                onChangePageValue?.(newValue);\n            };\n\n            const handlerSetPerPage = (newPerPageValue: number) => {\n                setPerPageInner(newPerPageValue);\n\n                onChange?.(pageValue, newPerPageValue);\n                onChangePerPageValue?.(newPerPageValue);\n            };\n\n            const handleClick = (currentPage: number) => {\n                if (isActiveButton(currentPage)) {\n                    return;\n                }\n\n                handleSetPage(currentPage);\n            };\n\n            const isActiveButton = (checkPage: number) => {\n                return pageValue === checkPage ? classes.paginationPageButtonActive : '';\n            };\n\n            return (\n                <Root\n                    size={size}\n                    view={view}\n                    viewCurrentPage={viewCurrentPage}\n                    className={cx(classes.wrapper, typeClass)}\n                    ref={ref}\n                    {...rest}\n                >\n                    <PaginationRoot className={typeClass}>\n                        <PaginationPages>\n                            {leftContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {leftContent}\n                                </PaginationButtonGroup>\n                            )}\n                            {sections &&\n                                sections.map((section, indexSection) => (\n                                    <Fragment key={indexSection}>\n                                        {indexSection !== 0 && (\n                                            <PaginationShorter\n                                                stretching=\"fixed\"\n                                                disabled\n                                                className={classes.buttonDisabled}\n                                            >\n                                                ...\n                                            </PaginationShorter>\n                                        )}\n                                        <PaginationSection>\n                                            {section.map((currentPage, index) => (\n                                                <PaginationButton\n                                                    key={`${currentPage}_${index}`}\n                                                    className={cx(\n                                                        classes.paginationPageButton,\n                                                        isActiveButton(currentPage),\n                                                        disabled.includes(currentPage) ? classes.buttonDisabled : '',\n                                                    )}\n                                                    pin={roundedClass}\n                                                    disabled={disabled.includes(currentPage)}\n                                                    square={square}\n                                                    onClick={() => handleClick(currentPage)}\n                                                >\n                                                    {currentPage}\n                                                </PaginationButton>\n                                            ))}\n                                        </PaginationSection>\n                                    </Fragment>\n                                ))}\n                            {rightContent && (\n                                <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n                                    {rightContent}\n                                </PaginationButtonGroup>\n                            )}\n                        </PaginationPages>\n                        <PaginationActions\n                            className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n                        >\n                            {hasQuickJump && (\n                                <PaginationQuickJumpToPage\n                                    placeholderQuickJump={placeholderQuickJump}\n                                    textQuickJump={textQuickJump}\n                                    onChangeValue={handleSetPage}\n                                />\n                            )}\n                            {hasPerPage && (\n                                <PaginationSelectPerPage\n                                    textPerPage={textPerPage}\n                                    perPageValue={perPageValue}\n                                    perPageList={perPageList}\n                                    onChangeValue={handlerSetPerPage}\n                                    size={size}\n                                    listWidth={listWidth}\n                                />\n                            )}\n                        </PaginationActions>\n                    </PaginationRoot>\n                </Root>\n            );\n        },\n    );\n\nexport const paginationConfig = {\n    name: 'Pagination',\n    tag: 'div',\n    layout: paginationRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        type: {\n            css: typeCSS,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'm',\n    },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","outerValue","value","defaultValue","outerPerPage","perPage","defaultPerPage","_ref$slots","slots","defaultValues","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","_ref$listWidth","listWidth","onChangePageValue","onChangePerPageValue","onChange","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","pageInner","setPageInner","pageValue","_useState3","undefined","_useState4","perPageInner","setPerPageInner","perPageValue","pages","Math","ceil","sections","getSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","withHasQuickJump","disabled","map","el","isNumber","Number","pageSetter","pageValueCandidate","newPageValue","includes","handleSetPage","newValue","handlerSetPerPage","newPerPageValue","handleClick","currentPage","isActiveButton","checkPage","paginationPageButtonActive","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","key","PaginationShorter","stretching","buttonDisabled","PaginationSection","index","PaginationButton","paginationPageButton","pin","onClick","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}

package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css

@@ -163,8 +163,8 @@
 .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
 .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
 
-.Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
-.Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
+.Select_styles_bjoo18_lpxbau6__2367a782{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
+.Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
 
 
 .SelectNative_styles_1r538h6_satm3n2__407ae55b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}

package/es/components/Select/Select.css

@@ -163,8 +163,8 @@
 .SelectAll_styles_ql2mqj_d19w91z6__b71a8639{background:var(--surface-solid-card);}
 .SelectAll_styles_ql2mqj_d1nbef5q__b71a8639{height:0.0625rem;margin-top:var(--d1nbef5q-0);margin-right:var(--plasma-select-divider-margin-right);margin-left:var(--plasma-select-divider-margin-left);background:var(--plasma-select-divider-color);}
 
-.Select_styles_dta4dl_lpxbau6__559b5dde{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
-.Select_styles_dta4dl_u1yey2x3__559b5dde{max-height:var(--u1yey2x3-0);overflow-x:hidden;overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
+.Select_styles_bjoo18_lpxbau6__2367a782{width:var(--lpxbau6-0);padding:calc(var(--plasma-select-padding) + var(--plasma-select-dropdown-border-width,0rem));border-radius:var(--plasma-select-border-radius);box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04), inset 0 0 0 var(--plasma-select-dropdown-border-width,0rem) var(--plasma-select-dropdown-border-color,transparent);}
+.Select_styles_bjoo18_u1yey2x3__2367a782{max-height:var(--u1yey2x3-0);overflow-y:var(--u1yey2x3-1);border-radius:calc(var(--plasma-select-border-radius) - 0.125rem - var(--plasma-select-dropdown-border-width,0rem));margin:0;padding:0;}
 
 
 .SelectNative_styles_1r538h6_satm3n2__407ae55b{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}

package/es/components/Select/Select.js

@@ -46,6 +46,7 @@ var selectRoot = function selectRoot(Root) {
       readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
       outerView = props.view,
       size = props.size,
+      listOverflow = props.listOverflow,
       listHeight = props.listHeight,
       listMaxHeight = props.listMaxHeight,
       listWidth = props.listWidth,
@@ -121,7 +122,6 @@ var selectRoot = function selectRoot(Root) {
     var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
     var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
     var treeId = safeUseId();
-    var listWrapperRef = useRef(null);
     var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : getView(status, outerView);
 
     // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
@@ -410,12 +410,12 @@ var selectRoot = function selectRoot(Root) {
       disabled: disabled,
       readOnly: readOnly
     }, rest), /*#__PURE__*/React.createElement(ListWrapper, {
-      ref: listWrapperRef,
       listWidth: listWidth
     }, /*#__PURE__*/React.createElement(Ul, {
       role: "tree",
       id: "".concat(treeId, "_tree_level_1"),
       "aria-multiselectable": Boolean(props.multiselect),
+      listOverflow: listOverflow,
       listMaxHeight: listMaxHeight || listHeight,
       onScroll: virtual ? undefined : handleScroll,
       ref: targetRef,
@@ -438,8 +438,7 @@ var selectRoot = function selectRoot(Root) {
         path: path,
         dispatchPath: dispatchPath,
         index: index,
-        listWidth: listWidth,
-        portal: listWrapperRef
+        listWidth: listWidth
       });
     }), afterList))))));
   });