@primereact/headless 11.0.0-alpha.9 → 11.0.0-rc.1

package/scrollarea/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/scrollarea/useScrollArea.ts","../../src/scrollarea/useScrollArea.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { useMountEffect, useUnmountEffect } from '@primereact/hooks';\nimport { useEventListener } from '@primereact/hooks/use-event-listener';\nimport { addClass, getHeight, removeClass } from '@primeuix/utils';\nimport * as React from 'react';\nimport { defaultProps } from './useScrollArea.props';\n\nexport const useScrollArea = withHeadless({\n    name: 'useScrollArea',\n    defaultProps,\n    setup({ props, elementRef }) {\n        const contentRef = React.useRef<HTMLDivElement>(null);\n        const thumbXRef = React.useRef<HTMLDivElement>(null);\n        const thumbYRef = React.useRef<HTMLDivElement>(null);\n        const [lastScrollLeft, setLastScrollLeft] = React.useState(0);\n        const [lastScrollTop, setLastScrollTop] = React.useState(0);\n        const isXBarClicked = React.useRef<boolean>(false);\n        const isYBarClicked = React.useRef<boolean>(false);\n        const lastPageX = React.useRef<number | null>(null);\n        const lastPageY = React.useRef<number | null>(null);\n        const scrollXRatio = React.useRef<number | null>(null);\n        const scrollYRatio = React.useRef<number | null>(null);\n        const frame = React.useRef<number | null>(null);\n        const initialized = React.useRef<boolean>(false);\n        const timer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n        const [orientationState, setOrientationState] = React.useState('vertical');\n\n        const state = {\n            orientationState\n        };\n\n        const calculateContainerHeight = () => {\n            if (!elementRef.current || !contentRef.current) return;\n\n            const containerStyles = getComputedStyle(elementRef.current);\n            const thumbXHeight = thumbXRef.current ? parseInt(getComputedStyle(thumbXRef.current).height, 10) : 0;\n            const pureContainerHeight = getHeight(elementRef.current) - thumbXHeight;\n\n            if (containerStyles.maxHeight !== 'none' && pureContainerHeight === 0) {\n                if (contentRef.current.offsetHeight + thumbXHeight > parseInt(containerStyles.maxHeight, 10)) {\n                    elementRef.current.style.height = containerStyles.maxHeight;\n                } else {\n                    elementRef.current.style.height =\n                        contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';\n                }\n            }\n        };\n\n        const moveBar = () => {\n            if (!contentRef.current || !elementRef.current) return;\n\n            // horizontal scroll\n            const totalWidth = contentRef.current.scrollWidth;\n            const ownWidth = contentRef.current.clientWidth;\n            const bottom = (elementRef.current.clientHeight - (thumbXRef.current?.clientHeight || 0)) * -1;\n\n            scrollXRatio.current = ownWidth / totalWidth;\n\n            // vertical scroll\n            const totalHeight = contentRef.current.scrollHeight;\n            const ownHeight = contentRef.current.clientHeight;\n            const right = (elementRef.current.clientWidth - (thumbYRef.current?.clientWidth || 0)) * -1;\n\n            scrollYRatio.current = ownHeight / totalHeight;\n\n            const xRatio = scrollXRatio.current;\n            const yRatio = scrollYRatio.current;\n\n            frame.current = requestAnimationFrame(() => {\n                if (thumbXRef.current) {\n                    if (xRatio >= 1) {\n                        addClass(thumbXRef.current, 'p-scrollpanel-hidden');\n                    } else {\n                        removeClass(thumbXRef.current, 'p-scrollpanel-hidden');\n                        thumbXRef.current.style.width = Math.max(xRatio * 100, 10) + '%';\n                        thumbXRef.current.style.setProperty('inset-inline-start', ((contentRef.current?.scrollLeft || 0) / totalWidth) * 100 + '%');\n                        thumbXRef.current.style.bottom = bottom + 'px';\n                    }\n                }\n\n                if (thumbYRef.current) {\n                    if (yRatio >= 1) {\n                        addClass(thumbYRef.current, 'p-scrollpanel-hidden');\n                    } else {\n                        removeClass(thumbYRef.current, 'p-scrollpanel-hidden');\n\n                        thumbYRef.current.style.height = Math.max(yRatio * 100, 10) + '%';\n                        thumbYRef.current.style.top = `calc(${((contentRef.current?.scrollTop || 0) / totalHeight) * 100}% - ${thumbXRef.current?.clientHeight || 0}px)`;\n                        thumbYRef.current.style.setProperty('inset-inline-end', right + 'px');\n                    }\n                }\n            });\n        };\n\n        const onFocus = (event: React.FocusEvent<HTMLDivElement>) => {\n            if (thumbXRef.current && thumbXRef.current.isSameNode(event.target)) {\n                setOrientationState('horizontal');\n            } else if (thumbYRef.current && thumbYRef.current.isSameNode(event.target)) {\n                setOrientationState('vertical');\n            }\n        };\n\n        const onBlur = () => {\n            if (orientationState === 'horizontal') {\n                setOrientationState('vertical');\n            }\n        };\n\n        const onScroll = (event: React.UIEvent<HTMLDivElement>) => {\n            if (lastScrollLeft !== event.currentTarget.scrollLeft) {\n                setLastScrollLeft(event.currentTarget.scrollLeft);\n                setOrientationState('horizontal');\n            } else if (lastScrollTop !== event.currentTarget.scrollTop) {\n                setLastScrollTop(event.currentTarget.scrollTop);\n                setOrientationState('vertical');\n            }\n\n            moveBar();\n        };\n\n        const onDocumentMouseMove = (event: MouseEvent) => {\n            if (isXBarClicked.current) {\n                onMouseMoveForXBar(event);\n            } else if (isYBarClicked.current) {\n                onMouseMoveForYBar(event);\n            } else {\n                onMouseMoveForXBar(event);\n                onMouseMoveForYBar(event);\n            }\n        };\n\n        const onYBarMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n            isYBarClicked.current = true;\n            lastPageY.current = event.pageY;\n\n            if (thumbYRef.current) {\n                addClass(thumbYRef.current, 'p-scrollpanel-grabbed');\n                thumbYRef.current.setAttribute('data-p-scrollpanel-grabbed', 'true');\n            }\n\n            addClass(document.body, 'p-scrollpanel-grabbed');\n            document.body.setAttribute('data-p-scrollpanel-grabbed', 'true');\n\n            bindMouseMoveListener();\n            unbindMouseUpListener();\n            event.preventDefault();\n        };\n\n        const onXBarMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n            isXBarClicked.current = true;\n            lastPageX.current = event.pageX;\n\n            if (thumbXRef.current) {\n                addClass(thumbXRef.current, 'p-scrollpanel-grabbed');\n                addClass(thumbXRef.current, 'p-scrollpanel-grabbed');\n            }\n\n            addClass(document.body, 'p-scrollpanel-grabbed');\n            document.body.setAttribute('data-p-scrollpanel-grabbed', 'true');\n\n            bindMouseMoveListener();\n            bindMouseUpListener();\n            event.preventDefault();\n        };\n\n        const onMouseMoveForXBar = (event: MouseEvent) => {\n            if (!lastPageX.current || !scrollXRatio.current || !contentRef.current) return;\n\n            const deltaX = event.pageX - lastPageX.current;\n\n            lastPageX.current = event.pageX;\n\n            frame.current = window.requestAnimationFrame(() => {\n                if (contentRef.current && scrollXRatio.current !== null) {\n                    contentRef.current.scrollLeft += deltaX / scrollXRatio.current;\n                }\n            });\n        };\n\n        const onMouseMoveForYBar = (event: MouseEvent) => {\n            if (!lastPageY.current || !scrollYRatio.current || !contentRef.current) return;\n\n            const deltaY = event.pageY - lastPageY.current;\n\n            lastPageY.current = event.pageY;\n\n            frame.current = window.requestAnimationFrame(() => {\n                if (contentRef.current && scrollYRatio.current !== null) {\n                    contentRef.current.scrollTop += deltaY / scrollYRatio.current;\n                }\n            });\n        };\n\n        const onDocumentMouseUp = () => {\n            if (thumbYRef.current) {\n                removeClass(thumbYRef.current, 'p-scrollpanel-grabbed');\n                thumbYRef.current.setAttribute('data-p-scrollpanel-grabbed', 'false');\n            }\n\n            if (thumbXRef.current) {\n                removeClass(thumbXRef.current, 'p-scrollpanel-grabbed');\n                thumbXRef.current.setAttribute('data-p-scrollpanel-grabbed', 'false');\n            }\n\n            removeClass(document.body, 'p-scrollpanel-grabbed');\n            document.body.setAttribute('data-p-scrollpanel-grabbed', 'false');\n\n            unbindMouseMoveListener();\n            unbindMouseUpListener();\n            isXBarClicked.current = false;\n            isYBarClicked.current = false;\n        };\n\n        const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n            if (orientationState === 'vertical') {\n                switch (event.code) {\n                    case 'ArrowDown': {\n                        setTimer('scrollTop', props.step as number);\n                        event.preventDefault();\n                        break;\n                    }\n\n                    case 'ArrowUp': {\n                        setTimer('scrollTop', (props.step as number) * -1);\n                        event.preventDefault();\n                        break;\n                    }\n\n                    case 'ArrowLeft':\n\n                    case 'ArrowRight': {\n                        event.preventDefault();\n                        break;\n                    }\n\n                    default:\n                        //no op\n                        break;\n                }\n            } else if (orientationState === 'horizontal') {\n                switch (event.code) {\n                    case 'ArrowRight': {\n                        setTimer('scrollLeft', props.step as number);\n                        event.preventDefault();\n                        break;\n                    }\n\n                    case 'ArrowLeft': {\n                        setTimer('scrollLeft', (props.step as number) * -1);\n                        event.preventDefault();\n                        break;\n                    }\n\n                    case 'ArrowDown':\n\n                    case 'ArrowUp': {\n                        event.preventDefault();\n                        break;\n                    }\n\n                    default:\n                        //no op\n                        break;\n                }\n            }\n        };\n\n        const onKeyUp = () => {\n            clearTimer();\n        };\n\n        const repeat = (bar: 'scrollTop' | 'scrollLeft', step: number) => {\n            if (contentRef.current) {\n                contentRef.current[bar] += step;\n                moveBar();\n            }\n        };\n\n        const setTimer = (bar: 'scrollTop' | 'scrollLeft', step: number) => {\n            clearTimer();\n            timer.current = setTimeout(() => {\n                repeat(bar, step);\n            }, 40);\n        };\n\n        const clearTimer = () => {\n            if (timer.current) {\n                clearTimeout(timer.current);\n                timer.current = null;\n            }\n        };\n\n        const [bindResizeListener, unbindResizeListener] = useEventListener({\n            target: 'window',\n            type: 'resize',\n            listener: () => {\n                moveBar();\n            }\n        });\n\n        const [bindMouseMoveListener, unbindMouseMoveListener] = useEventListener({\n            target: 'document',\n            type: 'mousemove',\n            listener: (event: Event) => {\n                onDocumentMouseMove(event as MouseEvent);\n            }\n        });\n\n        const [bindMouseUpListener, unbindMouseUpListener] = useEventListener({\n            target: 'document',\n            type: 'mouseup',\n            listener: () => {\n                onDocumentMouseUp();\n            }\n        });\n\n        useMountEffect(() => {\n            setTimeout(() => {\n                moveBar();\n                calculateContainerHeight();\n                initialized.current = true;\n            }, 0);\n\n            bindResizeListener();\n        });\n\n        useUnmountEffect(() => {\n            if (initialized.current) {\n                unbindResizeListener();\n            }\n\n            if (frame.current) {\n                window.cancelAnimationFrame(frame.current);\n            }\n\n            clearTimer();\n        });\n\n        return {\n            state,\n            contentRef,\n            thumbXRef,\n            thumbYRef,\n            lastScrollLeft,\n            lastScrollTop,\n            //methods\n            onScroll,\n            onXBarMouseDown,\n            onYBarMouseDown,\n            onFocus,\n            onBlur,\n            onKeyDown,\n            onKeyUp\n        };\n    }\n});\n","import type { useScrollAreaProps } from '@primereact/types/shared/scrollarea';\n\nexport const defaultProps: useScrollAreaProps = {\n    step: 5\n};\n"],"mappings":"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","names":["withHeadless","useMountEffect","useUnmountEffect","useEventListener","addClass","getHeight","removeClass","React","defaultProps","useScrollArea","withHeadless","defaultProps","props","elementRef","contentRef","thumbXRef","thumbYRef","lastScrollLeft","setLastScrollLeft","lastScrollTop","setLastScrollTop","isXBarClicked","isYBarClicked","lastPageX","lastPageY","scrollXRatio","scrollYRatio","frame","initialized","timer","orientationState","setOrientationState","state","calculateContainerHeight","containerStyles","thumbXHeight","pureContainerHeight","getHeight","moveBar","_a","_b","totalWidth","ownWidth","bottom","totalHeight","ownHeight","right","xRatio","yRatio","_c","addClass","removeClass","onFocus","event","onBlur","onScroll","onDocumentMouseMove","onMouseMoveForXBar","onMouseMoveForYBar","onYBarMouseDown","bindMouseMoveListener","unbindMouseUpListener","onXBarMouseDown","bindMouseUpListener","deltaX","deltaY","onDocumentMouseUp","unbindMouseMoveListener","onKeyDown","setTimer","onKeyUp","clearTimer","repeat","bar","step","bindResizeListener","unbindResizeListener","useEventListener","useMountEffect","useUnmountEffect"]}
+{"version":3,"sources":["../../src/scrollarea/useScrollArea.ts","../../src/scrollarea/useScrollArea.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport * as React from 'react';\nimport { defaultProps } from './useScrollArea.props';\n\nconst SCROLL_TIMEOUT = 500;\nconst MIN_HANDLE_SIZE = 20;\n\nexport const useScrollArea = withHeadless({\n    name: 'useScrollArea',\n    defaultProps,\n    setup({ props }) {\n        const rootRef = React.useRef<HTMLDivElement | null>(null);\n        const viewportRef = React.useRef<HTMLDivElement | null>(null);\n        const scrollbarYRef = React.useRef<HTMLDivElement | null>(null);\n        const scrollbarXRef = React.useRef<HTMLDivElement | null>(null);\n        const handleYRef = React.useRef<HTMLDivElement | null>(null);\n        const handleXRef = React.useRef<HTMLDivElement | null>(null);\n        const cornerRef = React.useRef<HTMLDivElement | null>(null);\n\n        const [hovering, setHovering] = React.useState(false);\n        const [scrollingX, setScrollingX] = React.useState(false);\n        const [scrollingY, setScrollingY] = React.useState(false);\n        const [touchModality, setTouchModality] = React.useState(false);\n\n        const [scrollMeta, setScrollMeta] = React.useState({\n            hiddenX: true,\n            hiddenY: true,\n            cornerHidden: true,\n            cornerWidth: 0,\n            cornerHeight: 0,\n            xBefore: false,\n            xAfter: false,\n            yBefore: false,\n            yAfter: false\n        });\n\n        const isDraggingRef = React.useRef(false);\n        const dragOrientationRef = React.useRef<'vertical' | 'horizontal'>('vertical');\n        const dragStartRef = React.useRef({ pointerPos: 0, scrollPos: 0 });\n        const prevScrollRef = React.useRef({ top: 0, left: 0 });\n\n        const scrollXTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n        const scrollYTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n        const rafRef = React.useRef<number | null>(null);\n\n        const computeHandle = React.useCallback(function computeHandle() {\n            const vp = viewportRef.current;\n\n            if (!vp) return;\n\n            const { scrollHeight, scrollWidth, clientHeight, clientWidth, scrollTop, scrollLeft } = vp;\n            const yHidden = clientHeight >= scrollHeight;\n            const xHidden = clientWidth >= scrollWidth;\n\n            const scrollbarY = scrollbarYRef.current;\n            const scrollbarX = scrollbarXRef.current;\n\n            const cw = !yHidden && !xHidden && scrollbarY ? scrollbarY.offsetWidth : 0;\n            const ch = !yHidden && !xHidden && scrollbarX ? scrollbarX.offsetHeight : 0;\n            const scrollbarYHeight = scrollbarY && !yHidden ? scrollbarY.offsetHeight : 0;\n            const scrollbarXWidth = scrollbarX && !xHidden ? scrollbarX.offsetWidth : 0;\n\n            setScrollMeta((prev) => {\n                const next = {\n                    hiddenX: xHidden,\n                    hiddenY: yHidden,\n                    cornerHidden: xHidden || yHidden,\n                    cornerWidth: cw,\n                    cornerHeight: ch,\n                    xBefore: !xHidden && scrollLeft > 0,\n                    xAfter: !xHidden && scrollWidth - clientWidth - scrollLeft > 1,\n                    yBefore: !yHidden && scrollTop > 0,\n                    yAfter: !yHidden && scrollHeight - clientHeight - scrollTop > 1\n                };\n\n                return prev.hiddenX === next.hiddenX &&\n                    prev.hiddenY === next.hiddenY &&\n                    prev.cornerHidden === next.cornerHidden &&\n                    prev.cornerWidth === next.cornerWidth &&\n                    prev.cornerHeight === next.cornerHeight &&\n                    prev.xBefore === next.xBefore &&\n                    prev.xAfter === next.xAfter &&\n                    prev.yBefore === next.yBefore &&\n                    prev.yAfter === next.yAfter\n                    ? prev\n                    : next;\n            });\n\n            if (scrollbarY && !yHidden && scrollbarYHeight > 0) {\n                const handleRatio = clientHeight / scrollHeight;\n                const handleHeight = Math.max(handleRatio * scrollbarYHeight, MIN_HANDLE_SIZE);\n                const availableTrack = scrollbarYHeight - handleHeight;\n                const maxScrollTop = scrollHeight - clientHeight;\n                const scrollRatio = maxScrollTop > 0 ? scrollTop / maxScrollTop : 0;\n                const offsetPx = scrollRatio * availableTrack;\n\n                scrollbarY.style.setProperty('--px-handle-height', `${handleHeight}px`);\n                scrollbarY.style.setProperty('--px-handle-offset', `${offsetPx}px`);\n            }\n\n            if (scrollbarX && !xHidden && scrollbarXWidth > 0) {\n                const handleRatio = clientWidth / scrollWidth;\n                const handleWidth = Math.max(handleRatio * scrollbarXWidth, MIN_HANDLE_SIZE);\n                const availableTrack = scrollbarXWidth - handleWidth;\n                const maxScrollLeft = scrollWidth - clientWidth;\n                const scrollRatio = maxScrollLeft > 0 ? scrollLeft / maxScrollLeft : 0;\n                const offsetPx = scrollRatio * availableTrack;\n\n                scrollbarX.style.setProperty('--px-handle-width', `${handleWidth}px`);\n                scrollbarX.style.setProperty('--px-handle-offset', `${offsetPx}px`);\n            }\n        }, []);\n\n        const handleScroll = React.useCallback(\n            function handleScroll() {\n                if (!rafRef.current) {\n                    rafRef.current = requestAnimationFrame(() => {\n                        rafRef.current = null;\n                        computeHandle();\n                    });\n                }\n\n                const vp = viewportRef.current;\n\n                if (!vp) return;\n\n                const { scrollTop, scrollLeft } = vp;\n                const prev = prevScrollRef.current;\n\n                if (scrollTop !== prev.top) {\n                    setScrollingY((s) => s || true);\n\n                    if (scrollYTimeoutRef.current) clearTimeout(scrollYTimeoutRef.current);\n\n                    scrollYTimeoutRef.current = setTimeout(() => setScrollingY(false), SCROLL_TIMEOUT);\n                }\n\n                if (scrollLeft !== prev.left) {\n                    setScrollingX((s) => s || true);\n\n                    if (scrollXTimeoutRef.current) clearTimeout(scrollXTimeoutRef.current);\n\n                    scrollXTimeoutRef.current = setTimeout(() => setScrollingX(false), SCROLL_TIMEOUT);\n                }\n\n                prev.top = scrollTop;\n                prev.left = scrollLeft;\n            },\n            [computeHandle]\n        );\n\n        const handleScrollbarWheel = React.useCallback(function handleScrollbarWheel(event: React.WheelEvent<HTMLDivElement>, orientation: 'vertical' | 'horizontal') {\n            const vp = viewportRef.current;\n\n            if (!vp || event.ctrlKey) return;\n\n            if (orientation === 'vertical') {\n                vp.scrollTop += event.deltaY;\n            } else {\n                vp.scrollLeft += event.deltaX || event.deltaY;\n            }\n        }, []);\n\n        const handleHandlePointerDown = React.useCallback(function handleHandlePointerDown(event: React.PointerEvent<HTMLDivElement>, orientation: 'vertical' | 'horizontal') {\n            if (event.pointerType === 'mouse' && event.button !== 0) return;\n\n            event.preventDefault();\n            event.stopPropagation();\n\n            const isVertical = orientation === 'vertical';\n            const scrollbar = isVertical ? scrollbarYRef.current : scrollbarXRef.current;\n            const vp = viewportRef.current;\n\n            if (!scrollbar || !vp) return;\n\n            scrollbar.setPointerCapture(event.pointerId);\n            isDraggingRef.current = true;\n            dragOrientationRef.current = orientation;\n            dragStartRef.current = {\n                pointerPos: isVertical ? event.clientY : event.clientX,\n                scrollPos: isVertical ? vp.scrollTop : vp.scrollLeft\n            };\n        }, []);\n\n        const handleScrollbarPointerDown = React.useCallback(function handleScrollbarPointerDown(event: React.PointerEvent<HTMLDivElement>, orientation: 'vertical' | 'horizontal') {\n            if (event.pointerType === 'mouse' && event.button !== 0) return;\n\n            event.preventDefault();\n\n            const isVertical = orientation === 'vertical';\n            const scrollbar = isVertical ? scrollbarYRef.current : scrollbarXRef.current;\n            const vp = viewportRef.current;\n\n            if (!scrollbar || !vp) return;\n\n            scrollbar.setPointerCapture(event.pointerId);\n            isDraggingRef.current = true;\n            dragOrientationRef.current = orientation;\n\n            const rect = scrollbar.getBoundingClientRect();\n            const handle = isVertical ? handleYRef.current : handleXRef.current;\n            const handleSize = handle ? (isVertical ? handle.offsetHeight : handle.offsetWidth) : 0;\n            const trackSize = isVertical ? rect.height : rect.width;\n            const effectiveTrack = trackSize - handleSize;\n\n            if (effectiveTrack > 0) {\n                const clickPos = (isVertical ? event.clientY - rect.top : event.clientX - rect.left) - handleSize / 2;\n                const ratio = Math.max(0, Math.min(1, clickPos / effectiveTrack));\n                const maxScroll = isVertical ? vp.scrollHeight - vp.clientHeight : vp.scrollWidth - vp.clientWidth;\n\n                if (isVertical) {\n                    vp.scrollTop = ratio * maxScroll;\n                } else {\n                    vp.scrollLeft = ratio * maxScroll;\n                }\n            }\n\n            dragStartRef.current = {\n                pointerPos: isVertical ? event.clientY : event.clientX,\n                scrollPos: isVertical ? vp.scrollTop : vp.scrollLeft\n            };\n        }, []);\n\n        const handleScrollbarPointerMove = React.useCallback(function handleScrollbarPointerMove(event: React.PointerEvent<HTMLDivElement>) {\n            if (!isDraggingRef.current) return;\n\n            event.preventDefault();\n\n            const isVertical = dragOrientationRef.current === 'vertical';\n            const vp = viewportRef.current;\n            const scrollbar = isVertical ? scrollbarYRef.current : scrollbarXRef.current;\n\n            if (!vp || !scrollbar) return;\n\n            const rect = scrollbar.getBoundingClientRect();\n            const handle = isVertical ? handleYRef.current : handleXRef.current;\n            const handleSize = handle ? (isVertical ? handle.offsetHeight : handle.offsetWidth) : 0;\n            const trackSize = isVertical ? rect.height : rect.width;\n            const effectiveTrack = trackSize - handleSize;\n\n            if (effectiveTrack <= 0) return;\n\n            const currentPos = isVertical ? event.clientY : event.clientX;\n            const delta = currentPos - dragStartRef.current.pointerPos;\n            const maxScroll = isVertical ? vp.scrollHeight - vp.clientHeight : vp.scrollWidth - vp.clientWidth;\n            const scrollDelta = (delta / effectiveTrack) * maxScroll;\n\n            if (isVertical) {\n                vp.scrollTop = dragStartRef.current.scrollPos + scrollDelta;\n            } else {\n                vp.scrollLeft = dragStartRef.current.scrollPos + scrollDelta;\n            }\n        }, []);\n\n        const handleScrollbarPointerUp = React.useCallback(function handleScrollbarPointerUp(event: React.PointerEvent<HTMLDivElement>) {\n            event.preventDefault();\n            event.currentTarget.releasePointerCapture(event.pointerId);\n            isDraggingRef.current = false;\n        }, []);\n\n        const onRootPointerEnter = React.useCallback(function onRootPointerEnter(event: React.PointerEvent<HTMLDivElement>) {\n            if (event.pointerType === 'touch') {\n                setTouchModality(true);\n            } else {\n                setTouchModality(false);\n                setHovering(true);\n            }\n        }, []);\n\n        const onRootPointerLeave = React.useCallback(function onRootPointerLeave() {\n            setHovering(false);\n        }, []);\n\n        const onRootPointerDown = React.useCallback(function onRootPointerDown(event: React.PointerEvent<HTMLDivElement>) {\n            if (event.pointerType === 'touch') {\n                setTouchModality(true);\n            }\n        }, []);\n\n        React.useLayoutEffect(() => {\n            const vp = viewportRef.current;\n\n            if (!vp) return;\n\n            let localRaf: number | null = null;\n\n            const observer = new ResizeObserver(() => {\n                if (localRaf) return;\n\n                localRaf = requestAnimationFrame(() => {\n                    localRaf = null;\n                    computeHandle();\n                });\n            });\n\n            observer.observe(vp);\n\n            if (vp.firstElementChild) {\n                observer.observe(vp.firstElementChild);\n            }\n\n            computeHandle();\n\n            return () => {\n                observer.disconnect();\n\n                if (localRaf) cancelAnimationFrame(localRaf);\n            };\n        }, [computeHandle]);\n\n        React.useLayoutEffect(() => {\n            computeHandle();\n        }, [scrollMeta.hiddenX, scrollMeta.hiddenY, computeHandle]);\n\n        React.useEffect(() => {\n            return () => {\n                clearTimeout(scrollXTimeoutRef.current ?? undefined);\n                clearTimeout(scrollYTimeoutRef.current ?? undefined);\n\n                if (rafRef.current) cancelAnimationFrame(rafRef.current);\n            };\n        }, []);\n\n        const cornerSize = React.useMemo(() => ({ width: scrollMeta.cornerWidth, height: scrollMeta.cornerHeight }), [scrollMeta.cornerWidth, scrollMeta.cornerHeight]);\n\n        const hiddenState = React.useMemo(() => ({ x: scrollMeta.hiddenX, y: scrollMeta.hiddenY, corner: scrollMeta.cornerHidden }), [scrollMeta.hiddenX, scrollMeta.hiddenY, scrollMeta.cornerHidden]);\n\n        const scrolling = scrollingX || scrollingY;\n        const hasOverflowX = !scrollMeta.hiddenX;\n        const hasOverflowY = !scrollMeta.hiddenY;\n\n        const state = React.useMemo(\n            () => ({\n                hovering,\n                scrollingX,\n                scrollingY,\n                scrolling,\n                touchModality,\n                hasOverflowX,\n                hasOverflowY,\n                scrollXBefore: scrollMeta.xBefore,\n                scrollXAfter: scrollMeta.xAfter,\n                scrollYBefore: scrollMeta.yBefore,\n                scrollYAfter: scrollMeta.yAfter,\n                cornerHidden: scrollMeta.cornerHidden\n            }),\n            [hovering, scrollingX, scrollingY, scrolling, touchModality, hasOverflowX, hasOverflowY, scrollMeta]\n        );\n\n        const scrollDataAttributes = React.useMemo(\n            () => ({\n                ...(scrolling && { 'data-scrolling': '' as const }),\n                ...(hasOverflowX && { 'data-has-overflow-x': '' as const }),\n                ...(hasOverflowY && { 'data-has-overflow-y': '' as const }),\n                ...(scrollMeta.xBefore && { 'data-scroll-x-before': '' as const }),\n                ...(scrollMeta.xAfter && { 'data-scroll-x-after': '' as const }),\n                ...(scrollMeta.yBefore && { 'data-scroll-y-before': '' as const }),\n                ...(scrollMeta.yAfter && { 'data-scroll-y-after': '' as const })\n            }),\n            [scrolling, hasOverflowX, hasOverflowY, scrollMeta.xBefore, scrollMeta.xAfter, scrollMeta.yBefore, scrollMeta.yAfter]\n        );\n\n        const rootProps = React.useMemo(\n            () => ({\n                'data-scope': 'scrollarea' as const,\n                'data-part': 'root' as const,\n                ref: rootRef,\n                role: 'presentation' as const,\n                'data-variant': props.variant,\n                ...(props.mask && { 'data-mask': '' as const }),\n                ...scrollDataAttributes,\n                onPointerEnter: onRootPointerEnter,\n                onPointerLeave: onRootPointerLeave,\n                onPointerDown: onRootPointerDown,\n                style: {\n                    position: 'relative' as const,\n                    '--px-corner-height': `${cornerSize.height}px`,\n                    '--px-corner-width': `${cornerSize.width}px`\n                } as React.CSSProperties\n            }),\n            [props.variant, props.mask, scrollDataAttributes, onRootPointerEnter, onRootPointerLeave, onRootPointerDown, cornerSize]\n        );\n\n        const tabIndex = hasOverflowX || hasOverflowY ? props.tabIndex || 0 : undefined;\n\n        const viewportProps = React.useMemo(\n            () => ({\n                'data-scope': 'scrollarea' as const,\n                'data-part': 'viewport' as const,\n                ref: viewportRef,\n                tabIndex,\n                onScroll: handleScroll,\n                ...scrollDataAttributes,\n                style: {\n                    overflow: 'scroll' as const,\n                    scrollbarWidth: 'none' as const\n                } as React.CSSProperties\n            }),\n            [tabIndex, handleScroll, scrollDataAttributes]\n        );\n\n        const onScrollbarYPointerDown = React.useCallback((event: React.PointerEvent<HTMLDivElement>) => handleScrollbarPointerDown(event, 'vertical'), [handleScrollbarPointerDown]);\n        const onScrollbarXPointerDown = React.useCallback((event: React.PointerEvent<HTMLDivElement>) => handleScrollbarPointerDown(event, 'horizontal'), [handleScrollbarPointerDown]);\n        const onScrollbarYWheel = React.useCallback((event: React.WheelEvent<HTMLDivElement>) => handleScrollbarWheel(event, 'vertical'), [handleScrollbarWheel]);\n        const onScrollbarXWheel = React.useCallback((event: React.WheelEvent<HTMLDivElement>) => handleScrollbarWheel(event, 'horizontal'), [handleScrollbarWheel]);\n        const onHandleYPointerDown = React.useCallback((event: React.PointerEvent<HTMLDivElement>) => handleHandlePointerDown(event, 'vertical'), [handleHandlePointerDown]);\n        const onHandleXPointerDown = React.useCallback((event: React.PointerEvent<HTMLDivElement>) => handleHandlePointerDown(event, 'horizontal'), [handleHandlePointerDown]);\n\n        const scrollbarBaseStyle: React.CSSProperties = {\n            position: 'absolute',\n            touchAction: 'none',\n            userSelect: 'none',\n            WebkitUserSelect: 'none'\n        };\n\n        const scrollbarYProps = React.useMemo(\n            () => ({\n                'data-scope': 'scrollarea' as const,\n                'data-part': 'scrollbar-y' as const,\n                'data-orientation': 'vertical' as const,\n                ...(hovering && { 'data-hovering': '' as const }),\n                ...(scrollingY && { 'data-scrolling': '' as const }),\n                ref: scrollbarYRef,\n                onPointerDown: onScrollbarYPointerDown,\n                onPointerMove: handleScrollbarPointerMove,\n                onPointerUp: handleScrollbarPointerUp,\n                onWheel: onScrollbarYWheel,\n                style: {\n                    ...scrollbarBaseStyle,\n                    top: 0,\n                    bottom: 'var(--px-corner-height)',\n                    insetInlineEnd: 0\n                } as React.CSSProperties\n            }),\n            [hovering, scrollingY, onScrollbarYPointerDown, handleScrollbarPointerMove, handleScrollbarPointerUp, onScrollbarYWheel]\n        );\n\n        const scrollbarXProps = React.useMemo(\n            () => ({\n                'data-scope': 'scrollarea' as const,\n                'data-part': 'scrollbar-x' as const,\n                'data-orientation': 'horizontal' as const,\n                ...(hovering && { 'data-hovering': '' as const }),\n                ...(scrollingX && { 'data-scrolling': '' as const }),\n                ref: scrollbarXRef,\n                onPointerDown: onScrollbarXPointerDown,\n                onPointerMove: handleScrollbarPointerMove,\n                onPointerUp: handleScrollbarPointerUp,\n                onWheel: onScrollbarXWheel,\n                style: {\n                    ...scrollbarBaseStyle,\n                    bottom: 0,\n                    insetInlineStart: 0,\n                    insetInlineEnd: 'var(--px-corner-width)'\n                } as React.CSSProperties\n            }),\n            [hovering, scrollingX, onScrollbarXPointerDown, handleScrollbarPointerMove, handleScrollbarPointerUp, onScrollbarXWheel]\n        );\n\n        const handleYProps = React.useMemo(\n            () => ({\n                'data-scope': 'scrollarea' as const,\n                'data-part': 'handle-y' as const,\n                'data-orientation': 'vertical' as const,\n                ref: handleYRef,\n                onPointerDown: onHandleYPointerDown,\n                style: {\n                    height: 'var(--px-handle-height, 0px)',\n                    transform: 'translate3d(0, var(--px-handle-offset, 0px), 0)'\n                } as React.CSSProperties\n            }),\n            [onHandleYPointerDown]\n        );\n\n        const handleXProps = React.useMemo(\n            () => ({\n                'data-scope': 'scrollarea' as const,\n                'data-part': 'handle-x' as const,\n                'data-orientation': 'horizontal' as const,\n                ref: handleXRef,\n                onPointerDown: onHandleXPointerDown,\n                style: {\n                    width: 'var(--px-handle-width, 0px)',\n                    transform: 'translate3d(var(--px-handle-offset, 0px), 0, 0)'\n                } as React.CSSProperties\n            }),\n            [onHandleXPointerDown]\n        );\n\n        const contentProps = React.useMemo(\n            () => ({\n                'data-scope': 'scrollarea' as const,\n                'data-part': 'content' as const,\n                style: {\n                    minWidth: hasOverflowX ? 'fit-content' : undefined,\n                    minHeight: hasOverflowY ? 'fit-content' : undefined\n                } as React.CSSProperties\n            }),\n            [hasOverflowX, hasOverflowY]\n        );\n\n        const cornerProps = React.useMemo(\n            () => ({\n                'data-scope': 'scrollarea' as const,\n                'data-part': 'corner' as const,\n                ref: cornerRef,\n                style: {\n                    position: 'absolute' as const,\n                    bottom: 0,\n                    insetInlineEnd: 0,\n                    width: 'var(--px-corner-width)',\n                    height: 'var(--px-corner-height)'\n                } as React.CSSProperties\n            }),\n            []\n        );\n\n        return {\n            state,\n            cornerSize,\n            hiddenState,\n            // prop getters\n            rootProps,\n            viewportProps,\n            contentProps,\n            scrollbarYProps,\n            scrollbarXProps,\n            handleYProps,\n            handleXProps,\n            cornerProps,\n            // methods\n            computeHandle,\n            handleScroll,\n            handleScrollbarPointerDown,\n            handleScrollbarPointerMove,\n            handleScrollbarPointerUp,\n            handleScrollbarWheel,\n            handleHandlePointerDown,\n            onRootPointerEnter,\n            onRootPointerLeave,\n            onRootPointerDown\n        };\n    }\n});\n","import type { UseScrollAreaProps } from '@primereact/types/headless/scrollarea';\n\nexport const defaultProps: UseScrollAreaProps = {\n    variant: 'auto',\n    mask: false,\n    tabIndex: 0\n};\n"],"mappings":"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","names":["withHeadless","React","defaultProps","SCROLL_TIMEOUT","MIN_HANDLE_SIZE","useScrollArea","withHeadless","defaultProps","props","rootRef","viewportRef","scrollbarYRef","scrollbarXRef","handleYRef","handleXRef","cornerRef","hovering","setHovering","scrollingX","setScrollingX","scrollingY","setScrollingY","touchModality","setTouchModality","scrollMeta","setScrollMeta","isDraggingRef","dragOrientationRef","dragStartRef","prevScrollRef","scrollXTimeoutRef","scrollYTimeoutRef","rafRef","computeHandle","vp","scrollHeight","scrollWidth","clientHeight","clientWidth","scrollTop","scrollLeft","yHidden","xHidden","scrollbarY","scrollbarX","cw","ch","scrollbarYHeight","scrollbarXWidth","prev","next","handleRatio","handleHeight","availableTrack","maxScrollTop","offsetPx","handleWidth","maxScrollLeft","handleScroll","s","handleScrollbarWheel","event","orientation","handleHandlePointerDown","isVertical","scrollbar","handleScrollbarPointerDown","rect","handle","handleSize","effectiveTrack","clickPos","ratio","maxScroll","handleScrollbarPointerMove","delta","scrollDelta","handleScrollbarPointerUp","onRootPointerEnter","onRootPointerLeave","onRootPointerDown","localRaf","observer","_a","_b","cornerSize","hiddenState","scrolling","hasOverflowX","hasOverflowY","state","scrollDataAttributes","__spreadValues","rootProps","__spreadProps","tabIndex","viewportProps","onScrollbarYPointerDown","onScrollbarXPointerDown","onScrollbarYWheel","onScrollbarXWheel","onHandleYPointerDown","onHandleXPointerDown","scrollbarBaseStyle","scrollbarYProps","scrollbarXProps","handleYProps","handleXProps","contentProps","cornerProps"]}

package/scrollarea/useScrollArea.d.ts

@@ -1,18 +1,123 @@
 import * as React from 'react';
-export declare const useScrollArea: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/scrollarea").useScrollAreaProps, unknown, {
+export declare const useScrollArea: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/scrollarea").UseScrollAreaProps, unknown, {
     state: {
-        orientationState: string;
-    };
-    contentRef: React.RefObject<HTMLDivElement | null>;
-    thumbXRef: React.RefObject<HTMLDivElement | null>;
-    thumbYRef: React.RefObject<HTMLDivElement | null>;
-    lastScrollLeft: number;
-    lastScrollTop: number;
-    onScroll: (event: React.UIEvent<HTMLDivElement>) => void;
-    onXBarMouseDown: (event: React.MouseEvent<HTMLDivElement>) => void;
-    onYBarMouseDown: (event: React.MouseEvent<HTMLDivElement>) => void;
-    onFocus: (event: React.FocusEvent<HTMLDivElement>) => void;
-    onBlur: () => void;
-    onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-    onKeyUp: () => void;
+        hovering: boolean;
+        scrollingX: boolean;
+        scrollingY: boolean;
+        scrolling: boolean;
+        touchModality: boolean;
+        hasOverflowX: boolean;
+        hasOverflowY: boolean;
+        scrollXBefore: boolean;
+        scrollXAfter: boolean;
+        scrollYBefore: boolean;
+        scrollYAfter: boolean;
+        cornerHidden: boolean;
+    };
+    cornerSize: {
+        width: number;
+        height: number;
+    };
+    hiddenState: {
+        x: boolean;
+        y: boolean;
+        corner: boolean;
+    };
+    rootProps: {
+        onPointerEnter: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerLeave: () => void;
+        onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+        style: React.CSSProperties;
+        'data-scroll-y-after'?: "" | undefined;
+        'data-scroll-y-before'?: "" | undefined;
+        'data-scroll-x-after'?: "" | undefined;
+        'data-scroll-x-before'?: "" | undefined;
+        'data-has-overflow-y'?: "" | undefined;
+        'data-has-overflow-x'?: "" | undefined;
+        'data-scrolling'?: "" | undefined;
+        'data-mask'?: "" | undefined;
+        'data-scope': "scrollarea";
+        'data-part': "root";
+        ref: React.RefObject<HTMLDivElement | null>;
+        role: "presentation";
+        'data-variant': "scroll" | "auto" | "always" | "hidden" | "hover" | undefined;
+    };
+    viewportProps: {
+        style: React.CSSProperties;
+        'data-scroll-y-after'?: "" | undefined;
+        'data-scroll-y-before'?: "" | undefined;
+        'data-scroll-x-after'?: "" | undefined;
+        'data-scroll-x-before'?: "" | undefined;
+        'data-has-overflow-y'?: "" | undefined;
+        'data-has-overflow-x'?: "" | undefined;
+        'data-scrolling'?: "" | undefined;
+        'data-scope': "scrollarea";
+        'data-part': "viewport";
+        ref: React.RefObject<HTMLDivElement | null>;
+        tabIndex: number | undefined;
+        onScroll: () => void;
+    };
+    contentProps: {
+        'data-scope': "scrollarea";
+        'data-part': "content";
+        style: React.CSSProperties;
+    };
+    scrollbarYProps: {
+        ref: React.RefObject<HTMLDivElement | null>;
+        onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerUp: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onWheel: (event: React.WheelEvent<HTMLDivElement>) => void;
+        style: React.CSSProperties;
+        'data-scrolling'?: "" | undefined;
+        'data-hovering'?: "" | undefined;
+        'data-scope': "scrollarea";
+        'data-part': "scrollbar-y";
+        'data-orientation': "vertical";
+    };
+    scrollbarXProps: {
+        ref: React.RefObject<HTMLDivElement | null>;
+        onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerUp: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onWheel: (event: React.WheelEvent<HTMLDivElement>) => void;
+        style: React.CSSProperties;
+        'data-scrolling'?: "" | undefined;
+        'data-hovering'?: "" | undefined;
+        'data-scope': "scrollarea";
+        'data-part': "scrollbar-x";
+        'data-orientation': "horizontal";
+    };
+    handleYProps: {
+        'data-scope': "scrollarea";
+        'data-part': "handle-y";
+        'data-orientation': "vertical";
+        ref: React.RefObject<HTMLDivElement | null>;
+        onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+        style: React.CSSProperties;
+    };
+    handleXProps: {
+        'data-scope': "scrollarea";
+        'data-part': "handle-x";
+        'data-orientation': "horizontal";
+        ref: React.RefObject<HTMLDivElement | null>;
+        onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+        style: React.CSSProperties;
+    };
+    cornerProps: {
+        'data-scope': "scrollarea";
+        'data-part': "corner";
+        ref: React.RefObject<HTMLDivElement | null>;
+        style: React.CSSProperties;
+    };
+    computeHandle: () => void;
+    handleScroll: () => void;
+    handleScrollbarPointerDown: (event: React.PointerEvent<HTMLDivElement>, orientation: "vertical" | "horizontal") => void;
+    handleScrollbarPointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
+    handleScrollbarPointerUp: (event: React.PointerEvent<HTMLDivElement>) => void;
+    handleScrollbarWheel: (event: React.WheelEvent<HTMLDivElement>, orientation: "vertical" | "horizontal") => void;
+    handleHandlePointerDown: (event: React.PointerEvent<HTMLDivElement>, orientation: "vertical" | "horizontal") => void;
+    onRootPointerEnter: (event: React.PointerEvent<HTMLDivElement>) => void;
+    onRootPointerLeave: () => void;
+    onRootPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
 }>;

package/scrollarea/useScrollArea.props.d.ts

@@ -1,2 +1,2 @@
-import type { useScrollAreaProps } from '@primereact/types/shared/scrollarea';
-export declare const defaultProps: useScrollAreaProps;
+import type { UseScrollAreaProps } from '@primereact/types/headless/scrollarea';
+export declare const defaultProps: UseScrollAreaProps;

package/select/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useSelect';
+export * from './useSelect.props';
+export type * from '@primereact/types/headless/select';

package/select/index.mjs

@@ -0,0 +1,2 @@
+var se=Object.defineProperty,ie=Object.defineProperties;var le=Object.getOwnPropertyDescriptors;var S=Object.getOwnPropertySymbols;var ce=Object.prototype.hasOwnProperty,re=Object.prototype.propertyIsEnumerable;var V=(t,s,l)=>s in t?se(t,s,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[s]=l,m=(t,s)=>{for(var l in s||(s={}))ce.call(s,l)&&V(t,l,s[l]);if(S)for(var l of S(s))re.call(s,l)&&V(t,l,s[l]);return t},h=(t,s)=>ie(t,le(s));import{withHeadless as ue}from"@primereact/core/headless";import{useListbox as de}from"@primereact/headless/listbox";import{usePopover as pe}from"@primereact/headless/popover";import{useControlledState as fe}from"@primereact/hooks/use-controlled-state";import{useEventListener as I}from"@primereact/hooks/use-event-listener";import{getFirstFocusableElement as me,getOuterWidth as Ee,isNotEmpty as be,focus as H}from"@primeuix/utils";import*as u from"react";var k={open:void 0,defaultOpen:void 0,value:void 0,defaultValue:void 0,options:[],optionKey:void 0,optionLabel:void 0,optionValue:void 0,optionDisabled:void 0,optionGroupLabel:void 0,optionGroupChildren:void 0,disabled:!1,invalid:!1,locale:void 0,metaKeySelection:!1,multiple:!1,autoOptionFocus:!0,selectOnFocus:!1,focusOnHover:!0,closeOnEscape:!1,autoFocus:!1,trapped:!1,onOpenChange:void 0,onValueChange:void 0};var xe=ue({name:"useSelect",defaultProps:k,setup({props:t,id:s,elementRef:l}){var F;let E=u.useRef(null),A=e=>{var a;(a=E.current)==null||a.call(E,e)},M=e=>{var a;(a=t.onOpenChange)==null||a.call(t,{value:!!e.value})},n=de({value:t.value,defaultValue:t.defaultValue,options:t.options,optionKey:t.optionKey,optionLabel:t.optionLabel,optionValue:t.optionValue,optionDisabled:t.optionDisabled,optionGroupLabel:t.optionGroupLabel,optionGroupChildren:t.optionGroupChildren,disabled:t.disabled,locale:t.locale,autoOptionFocus:t.autoOptionFocus,selectOnFocus:t.selectOnFocus,focusOnHover:t.focusOnHover,multiple:t.multiple,metaKeySelection:t.metaKeySelection,onValueChange:A}),o=pe({open:t.open,defaultOpen:(F=t.defaultOpen)!=null?F:!1,closeOnEscape:t.closeOnEscape,autoFocus:t.autoFocus,trapped:t.trapped,onOpenChange:M}),[d,g]=fe({value:t.value,defaultValue:t.defaultValue,onChange:t.onValueChange}),b=u.useRef(!1),[T,y]=u.useState(!1),U={value:d,opened:o.state.open,focused:T,focusedOptionIndex:n.state.focusedOptionIndex,anchorElement:o.state.anchorElement,positionerElement:o.state.positionerElement,popupElement:o.state.popupElement,arrowElement:o.state.arrowElement,rendered:o.state.rendered},O=()=>{o.setOpen(!0)},c=()=>{o.setOpen(!1),n.changeFocusedOptionIndex(new Event("blur"),-1)},w=()=>{o.state.open?c():O()},p=()=>{o.state.anchorElement&&H(o.state.anchorElement)},B=()=>{t.disabled||w()},G=()=>{var e,a;(a=(e=n.listProps).onFocus)==null||a.call(e),y(!0)},q=()=>{var e,a;(a=(e=n.listProps).onBlur)==null||a.call(e),y(!1)},v=e=>{let a=e.value;if(a===null){c(),p();return}let i=n.getOptions().find(r=>{let f=n.getOptionValue(r);return n.isEquals(f,a)});g([a,{originalEvent:e.originalEvent,value:a,option:i}]),c(),p()},L=e=>{e.preventDefault(),e.stopPropagation();let a=t.multiple?[]:null;g([a,{originalEvent:e,value:a,option:null}]),n.updateModel(e,a),o.state.open&&c(),p()},_=e=>{(e.code==="Enter"||e.code==="Space")&&L(e)};E.current=e=>{t.multiple?g([e.value,{originalEvent:e.originalEvent,value:e.value}]):v(e)};let P=e=>{var a,i,r,f;switch(e.code){case"ArrowDown":K(e);break;case"ArrowUp":$(e);break;case"Enter":case"NumpadEnter":case"Space":z(e);break;case"Home":case"End":case"PageUp":case"PageDown":o.state.open&&((i=(a=n.listProps).onKeyDown)==null||i.call(a,e));break;case"Escape":o.state.open&&(c(),p());break;case"Tab":N(e);break;case"ArrowLeft":case"ArrowRight":case"ShiftLeft":case"ShiftRight":break;default:o.state.open&&((f=(r=n.listProps).onKeyDown)==null||f.call(r,e));break}},K=e=>{var a,i;o.state.open?(i=(a=n.listProps).onKeyDown)==null||i.call(a,e):(b.current=!0,O()),e.preventDefault()},$=e=>{var a,i;if(!o.state.open)b.current=!0,O();else if(e.altKey){let r=n.state.focusedOptionIndex;if(r!==-1){let f=n.getOptions()[r];f&&v({originalEvent:e,value:n.getOptionValue(f)})}c()}else(i=(a=n.listProps).onKeyDown)==null||i.call(a,e);e.preventDefault()},z=e=>{if(!o.state.open)K(e);else{let a=n.state.focusedOptionIndex;if(a!==-1){let i=n.getOptions()[a];i&&!n.isOptionDisabled(i)&&n.onOptionSelect(e,i)}}e.preventDefault()},N=e=>{if(o.state.open){let a=me(o.state.positionerElement,":not([data-focus-guard])");a?(H(a),e.preventDefault()):c()}},W=e=>{switch(e.code){case"Escape":c(),p(),e.preventDefault();break;case"Enter":case"NumpadEnter":if(n.state.focusedOptionIndex!==-1){let a=n.getOptions()[n.state.focusedOptionIndex];a&&!n.isOptionDisabled(a)&&n.onOptionSelect(e,a)}e.preventDefault();break;case"ArrowDown":case"ArrowUp":case"Home":case"End":case"PageUp":case"PageDown":P(e);break;default:break}},x=e=>{let a=n.getOptions().find(i=>n.isEquals(n.getOptionValue(i),e));return a?n.getOptionLabel(a):!t.optionValue&&e!=null?n.getOptionLabel(e):null},j=()=>C()?t.multiple&&Array.isArray(d)?d.map(x).filter(Boolean):x(d):null,C=()=>t.multiple?Array.isArray(d)&&d.length>0:be(d),[J]=I({target:()=>document.querySelector(`label[for="${s}"]`),type:"click",listener:()=>{p()}}),[R,D]=I({target:"window",type:"resize",listener:()=>{o.state.open&&c()}});u.useEffect(()=>{J()},[s]),u.useEffect(()=>{o.state.open?R():D()},[o.state.open,R,D]),u.useEffect(()=>{var e;if(o.state.open&&o.state.positionerElement){let a=(e=l==null?void 0:l.current)!=null?e:o.state.anchorElement;a&&(o.state.positionerElement.style.minWidth=Ee(a)+"px"),(b.current||t.autoOptionFocus)&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{let i=n.state.focusedOptionIndex,r=i!==-1?i:n.findFirstFocusedOptionIndex();n.changeFocusedOptionIndex(new Event("focus"),r),b.current=!1})})}},[o.state.open,o.state.positionerElement]);let Q=m(m({id:s,"data-scope":"select","data-part":"root"},t.disabled&&{"data-disabled":""}),t.invalid&&{"data-invalid":""}),X=m({"data-scope":"select","data-part":"indicator","aria-hidden":!0},o.state.open?{"data-open":""}:{"data-closed":""}),Y={"data-scope":"select","data-part":"clear","aria-label":"Clear",tabIndex:t.disabled?-1:0,onClick:L,onKeyDown:_},Z={"data-scope":"select","data-part":"positioner",ref:o.setPositionerRef},ee=m({"data-scope":"select","data-part":"popup",ref:o.setPopupRef},o.state.open&&{"data-open":""}),te={"data-scope":"select","data-part":"arrow",ref:o.setArrowRef},ne=h(m({},n==null?void 0:n.listProps),{id:`${s}_list`,tabIndex:-1,"data-scope":"select","data-part":"list"}),ae={"data-scope":"select","data-part":"filter",role:"searchbox",autoComplete:"off",disabled:t.disabled,"aria-owns":`${s}_list`,"aria-activedescendant":n==null?void 0:n.getFocusedOptionId(),tabIndex:t.disabled?-1:t.tabIndex,onBlur:n==null?void 0:n.filterProps.onBlur,onChange:n==null?void 0:n.filterProps.onChange,onKeyDown:W},oe=h(m({"data-scope":"select","data-part":"trigger",ref:o.setAnchorRef,tabIndex:t.disabled?-1:t.tabIndex,role:"combobox",disabled:t.disabled,"aria-haspopup":"listbox","aria-multiselectable":t.multiple||void 0,"aria-expanded":!!o.state.open,"aria-controls":o.state.open?`${s}_list`:void 0,"aria-activedescendant":o.state.open?n==null?void 0:n.getFocusedOptionId():void 0,"aria-invalid":t.invalid,"aria-disabled":t.disabled},o.state.open&&{"data-positioner-open":""}),{onClick:B,onKeyDown:P,onFocus:G,onBlur:q});return{state:U,listbox:n,rootProps:Q,triggerProps:oe,filterProps:ae,listProps:ne,indicatorProps:X,clearProps:Y,positionerProps:Z,popupProps:ee,arrowProps:te,setRendered:o.setRendered,getSelectedOptionLabel:j,hasValue:C,show:O,hide:c,toggle:w,focus:p}}});export{k as defaultProps,xe as useSelect};
+//# sourceMappingURL=index.mjs.map

package/select/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/select/useSelect.ts","../../src/select/useSelect.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { useListbox } from '@primereact/headless/listbox';\nimport { usePopover } from '@primereact/headless/popover';\nimport { useControlledState } from '@primereact/hooks/use-controlled-state';\nimport { useEventListener } from '@primereact/hooks/use-event-listener';\nimport type { UseListboxValueChangeEvent } from '@primereact/types/headless/listbox';\nimport type { UsePopoverOpenChangeEvent } from '@primereact/types/headless/popover';\nimport { getFirstFocusableElement, getOuterWidth, isNotEmpty, focus as primeuix_focus } from '@primeuix/utils';\nimport * as React from 'react';\nimport { defaultProps } from './useSelect.props';\n\nexport const useSelect = withHeadless({\n    name: 'useSelect',\n    defaultProps,\n    setup({ props, id, elementRef }) {\n        const onListboxValueChange = React.useRef<((event: UseListboxValueChangeEvent) => void) | null>(null);\n\n        const handleListboxValueChange = (event: UseListboxValueChangeEvent) => {\n            onListboxValueChange.current?.(event);\n        };\n\n        const handleOpenChange = (event: UsePopoverOpenChangeEvent) => {\n            props.onOpenChange?.({ value: !!event.value });\n        };\n\n        const listbox = useListbox({\n            value: props.value,\n            defaultValue: props.defaultValue,\n            options: props.options,\n            optionKey: props.optionKey,\n            optionLabel: props.optionLabel,\n            optionValue: props.optionValue,\n            optionDisabled: props.optionDisabled,\n            optionGroupLabel: props.optionGroupLabel,\n            optionGroupChildren: props.optionGroupChildren,\n            disabled: props.disabled,\n            locale: props.locale,\n            autoOptionFocus: props.autoOptionFocus,\n            selectOnFocus: props.selectOnFocus,\n            focusOnHover: props.focusOnHover,\n            multiple: props.multiple,\n            metaKeySelection: props.metaKeySelection,\n            onValueChange: handleListboxValueChange\n        });\n\n        const popover = usePopover({\n            open: props.open,\n            defaultOpen: props.defaultOpen ?? false,\n            closeOnEscape: props.closeOnEscape,\n            autoFocus: props.autoFocus,\n            trapped: props.trapped,\n            onOpenChange: handleOpenChange\n        });\n\n        const [valueState, setValueState] = useControlledState({\n            value: props.value,\n            defaultValue: props.defaultValue,\n            onChange: props.onValueChange\n        });\n\n        const focusOnShow = React.useRef<boolean>(false);\n        const [focusedState, setFocusedState] = React.useState(false);\n\n        const state = {\n            value: valueState,\n            opened: popover.state.open,\n            focused: focusedState,\n            focusedOptionIndex: listbox.state.focusedOptionIndex,\n            anchorElement: popover.state.anchorElement,\n            positionerElement: popover.state.positionerElement,\n            popupElement: popover.state.popupElement,\n            arrowElement: popover.state.arrowElement,\n            rendered: popover.state.rendered\n        };\n\n        const show = () => {\n            popover.setOpen(true);\n        };\n\n        const hide = () => {\n            popover.setOpen(false);\n            listbox.changeFocusedOptionIndex(new Event('blur') as unknown as React.KeyboardEvent, -1);\n        };\n\n        const toggle = () => {\n            if (popover.state.open) {\n                hide();\n            } else {\n                show();\n            }\n        };\n\n        const focus = () => {\n            if (popover.state.anchorElement) {\n                primeuix_focus(popover.state.anchorElement);\n            }\n        };\n\n        const onClick = () => {\n            if (!props.disabled) {\n                toggle();\n            }\n        };\n\n        const onFocus = () => {\n            listbox.listProps.onFocus?.();\n            setFocusedState(true);\n        };\n\n        const onBlur = () => {\n            listbox.listProps.onBlur?.();\n            setFocusedState(false);\n        };\n\n        const onOptionSelect = (event: { originalEvent: React.SyntheticEvent; value: unknown }) => {\n            const selectedValue = event.value;\n\n            if (selectedValue === null) {\n                hide();\n                focus();\n\n                return;\n            }\n\n            const option = listbox.getOptions().find((opt: unknown) => {\n                const optValue = listbox.getOptionValue(opt);\n\n                return listbox.isEquals(optValue, selectedValue);\n            });\n\n            setValueState([\n                selectedValue,\n                {\n                    originalEvent: event.originalEvent,\n                    value: selectedValue,\n                    option\n                }\n            ]);\n\n            hide();\n            focus();\n        };\n\n        const onClearClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            event.preventDefault();\n            event.stopPropagation();\n\n            const emptyValue = props.multiple ? [] : null;\n\n            setValueState([\n                emptyValue,\n                {\n                    originalEvent: event,\n                    value: emptyValue,\n                    option: null\n                }\n            ]);\n\n            listbox.updateModel(event, emptyValue);\n\n            if (popover.state.open) {\n                hide();\n            }\n\n            focus();\n        };\n\n        const onClearKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n            if (event.code === 'Enter' || event.code === 'Space') {\n                onClearClick(event as unknown as React.MouseEvent<HTMLButtonElement>);\n            }\n        };\n\n        onListboxValueChange.current = (event: UseListboxValueChangeEvent) => {\n            if (props.multiple) {\n                setValueState([\n                    event.value,\n                    {\n                        originalEvent: event.originalEvent,\n                        value: event.value\n                    }\n                ]);\n            } else {\n                onOptionSelect(event);\n            }\n        };\n\n        const onKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n            switch (event.code) {\n                case 'ArrowDown':\n                    onArrowDownKey(event);\n                    break;\n\n                case 'ArrowUp':\n                    onArrowUpKey(event);\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                case 'Space':\n                    onEnterKey(event);\n                    break;\n\n                case 'Home':\n                case 'End':\n                case 'PageUp':\n                case 'PageDown':\n                    if (popover.state.open) {\n                        listbox.listProps.onKeyDown?.(event);\n                    }\n\n                    break;\n\n                case 'Escape':\n                    if (popover.state.open) {\n                        hide();\n                        focus();\n                    }\n\n                    break;\n\n                case 'Tab':\n                    onTabKey(event);\n                    break;\n\n                case 'ArrowLeft':\n                case 'ArrowRight':\n                case 'ShiftLeft':\n                case 'ShiftRight':\n                    //NOOP\n                    break;\n\n                default:\n                    if (popover.state.open) {\n                        listbox.listProps.onKeyDown?.(event);\n                    }\n\n                    break;\n            }\n        };\n\n        const onArrowDownKey = (event: React.KeyboardEvent<HTMLElement>) => {\n            if (!popover.state.open) {\n                focusOnShow.current = true;\n                show();\n            } else {\n                listbox.listProps.onKeyDown?.(event);\n            }\n\n            event.preventDefault();\n        };\n\n        const onArrowUpKey = (event: React.KeyboardEvent<HTMLElement>) => {\n            if (!popover.state.open) {\n                focusOnShow.current = true;\n                show();\n            } else {\n                if (event.altKey) {\n                    const focusedOptionIndex = listbox.state.focusedOptionIndex;\n\n                    if (focusedOptionIndex !== -1) {\n                        const focusedOption = listbox.getOptions()[focusedOptionIndex];\n\n                        if (focusedOption) {\n                            onOptionSelect({\n                                originalEvent: event,\n                                value: listbox.getOptionValue(focusedOption)\n                            });\n                        }\n                    }\n\n                    hide();\n                } else {\n                    listbox.listProps.onKeyDown?.(event);\n                }\n            }\n\n            event.preventDefault();\n        };\n\n        const onEnterKey = (event: React.KeyboardEvent<HTMLElement>) => {\n            if (!popover.state.open) {\n                onArrowDownKey(event);\n            } else {\n                const focusedOptionIndex = listbox.state.focusedOptionIndex;\n\n                if (focusedOptionIndex !== -1) {\n                    const focusedOption = listbox.getOptions()[focusedOptionIndex];\n\n                    if (focusedOption && !listbox.isOptionDisabled(focusedOption)) {\n                        listbox.onOptionSelect(event, focusedOption);\n                    }\n                }\n            }\n\n            event.preventDefault();\n        };\n\n        const onTabKey = (event: React.KeyboardEvent<HTMLElement>) => {\n            if (popover.state.open) {\n                const firstFocusable = getFirstFocusableElement(popover.state.positionerElement!, ':not([data-focus-guard])');\n\n                if (firstFocusable) {\n                    primeuix_focus(firstFocusable as HTMLElement);\n                    event.preventDefault();\n                } else {\n                    hide();\n                }\n            }\n        };\n\n        const onFilterKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            switch (event.code) {\n                case 'Escape':\n                    hide();\n                    focus();\n\n                    event.preventDefault();\n                    break;\n\n                case 'Enter':\n                case 'NumpadEnter':\n                    if (listbox.state.focusedOptionIndex !== -1) {\n                        const focusedOption = listbox.getOptions()[listbox.state.focusedOptionIndex];\n\n                        if (focusedOption && !listbox.isOptionDisabled(focusedOption)) {\n                            listbox.onOptionSelect(event, focusedOption);\n                        }\n                    }\n\n                    event.preventDefault();\n                    break;\n\n                case 'ArrowDown':\n                case 'ArrowUp':\n                case 'Home':\n                case 'End':\n                case 'PageUp':\n                case 'PageDown':\n                    onKeyDown(event);\n                    break;\n\n                default:\n                    break;\n            }\n        };\n\n        const getValueLabel = (val: unknown) => {\n            const option = listbox.getOptions().find((opt: unknown) => listbox.isEquals(listbox.getOptionValue(opt), val));\n\n            if (option) {\n                return listbox.getOptionLabel(option);\n            }\n\n            if (!props.optionValue && val != null) {\n                return listbox.getOptionLabel(val);\n            }\n\n            return null;\n        };\n\n        const getSelectedOptionLabel = () => {\n            if (!hasValue()) {\n                return null;\n            }\n\n            if (props.multiple && Array.isArray(valueState)) {\n                return valueState.map(getValueLabel).filter(Boolean);\n            }\n\n            return getValueLabel(valueState);\n        };\n\n        const hasValue = () => {\n            if (props.multiple) {\n                return Array.isArray(valueState) && valueState.length > 0;\n            }\n\n            return isNotEmpty(valueState);\n        };\n\n        const [bindLabelClick] = useEventListener({\n            target: () => document.querySelector(`label[for=\"${id}\"]`) as HTMLElement,\n            type: 'click',\n            listener: () => {\n                focus();\n            }\n        });\n\n        const [bindResizeListener, unbindResizeListener] = useEventListener({\n            target: 'window',\n            type: 'resize',\n            listener: () => {\n                if (popover.state.open) {\n                    hide();\n                }\n            }\n        });\n\n        React.useEffect(() => {\n            bindLabelClick();\n        }, [id]);\n\n        React.useEffect(() => {\n            if (popover.state.open) {\n                bindResizeListener();\n            } else {\n                unbindResizeListener();\n            }\n        }, [popover.state.open, bindResizeListener, unbindResizeListener]);\n\n        React.useEffect(() => {\n            if (popover.state.open && popover.state.positionerElement) {\n                const widthSource = elementRef?.current ?? popover.state.anchorElement;\n\n                if (widthSource) {\n                    popover.state.positionerElement.style.minWidth = getOuterWidth(widthSource) + 'px';\n                }\n\n                if (focusOnShow.current || props.autoOptionFocus) {\n                    requestAnimationFrame(() => {\n                        requestAnimationFrame(() => {\n                            const focusedOptionIndex = listbox.state.focusedOptionIndex;\n                            const indexToFocus = focusedOptionIndex !== -1 ? focusedOptionIndex : listbox.findFirstFocusedOptionIndex();\n\n                            listbox.changeFocusedOptionIndex(new Event('focus') as unknown as React.KeyboardEvent, indexToFocus);\n                            focusOnShow.current = false;\n                        });\n                    });\n                }\n            }\n        }, [popover.state.open, popover.state.positionerElement]);\n\n        const rootProps = {\n            id,\n            'data-scope': 'select' as const,\n            'data-part': 'root' as const,\n            ...(props.disabled && { 'data-disabled': '' as const }),\n            ...(props.invalid && { 'data-invalid': '' as const })\n        };\n\n        const indicatorProps = {\n            'data-scope': 'select' as const,\n            'data-part': 'indicator' as const,\n            'aria-hidden': true as const,\n            ...(popover.state.open ? { 'data-open': '' as const } : { 'data-closed': '' as const })\n        };\n\n        const clearProps = {\n            'data-scope': 'select' as const,\n            'data-part': 'clear' as const,\n            'aria-label': 'Clear',\n            tabIndex: props.disabled ? -1 : 0,\n            onClick: onClearClick,\n            onKeyDown: onClearKeyDown\n        };\n\n        const positionerProps = {\n            'data-scope': 'select' as const,\n            'data-part': 'positioner' as const,\n            ref: popover.setPositionerRef\n        };\n\n        const popupProps = {\n            'data-scope': 'select' as const,\n            'data-part': 'popup' as const,\n            ref: popover.setPopupRef,\n            ...(popover.state.open && { 'data-open': '' as const })\n        };\n\n        const arrowProps = {\n            'data-scope': 'select',\n            'data-part': 'arrow',\n            ref: popover.setArrowRef\n        };\n\n        const listProps = {\n            ...listbox?.listProps,\n            id: `${id}_list`,\n            tabIndex: -1,\n            'data-scope': 'select' as const,\n            'data-part': 'list' as const\n        };\n\n        const filterProps = {\n            'data-scope': 'select' as const,\n            'data-part': 'filter' as const,\n            role: 'searchbox' as const,\n            autoComplete: 'off' as const,\n            disabled: props.disabled,\n            'aria-owns': `${id}_list`,\n            'aria-activedescendant': listbox?.getFocusedOptionId(),\n            tabIndex: props.disabled ? -1 : props.tabIndex,\n            onBlur: listbox?.filterProps.onBlur,\n            onChange: listbox?.filterProps.onChange,\n            onKeyDown: onFilterKeyDown\n        };\n\n        const triggerProps = {\n            'data-scope': 'select' as const,\n            'data-part': 'trigger' as const,\n            ref: popover.setAnchorRef,\n            tabIndex: props.disabled ? -1 : props.tabIndex,\n            role: 'combobox' as const,\n            disabled: props.disabled,\n            'aria-haspopup': 'listbox' as const,\n            'aria-multiselectable': props.multiple || undefined,\n            'aria-expanded': !!popover.state.open,\n            'aria-controls': popover.state.open ? `${id}_list` : undefined,\n            'aria-activedescendant': popover.state.open ? listbox?.getFocusedOptionId() : undefined,\n            'aria-invalid': props.invalid,\n            'aria-disabled': props.disabled,\n            ...(popover.state.open && { 'data-positioner-open': '' as const }),\n            onClick,\n            onKeyDown,\n            onFocus,\n            onBlur\n        };\n\n        return {\n            state,\n            listbox,\n            // prop getters\n            rootProps,\n            triggerProps,\n            filterProps,\n            listProps,\n            indicatorProps,\n            clearProps,\n            positionerProps,\n            popupProps,\n            arrowProps,\n            // methods\n            setRendered: popover.setRendered,\n            getSelectedOptionLabel,\n            hasValue,\n            show,\n            hide,\n            toggle,\n            focus\n        };\n    }\n});\n","import type { UseSelectProps } from '@primereact/types/headless/select';\n\nexport const defaultProps: UseSelectProps = {\n    open: undefined,\n    defaultOpen: undefined,\n    value: undefined,\n    defaultValue: undefined,\n    options: [],\n    optionKey: undefined,\n    optionLabel: undefined,\n    optionValue: undefined,\n    optionDisabled: undefined,\n    optionGroupLabel: undefined,\n    optionGroupChildren: undefined,\n    disabled: false,\n    invalid: false,\n    locale: undefined,\n    metaKeySelection: false,\n    multiple: false,\n    autoOptionFocus: true,\n    selectOnFocus: false,\n    focusOnHover: true,\n    closeOnEscape: false,\n    autoFocus: false,\n    trapped: false,\n    onOpenChange: undefined,\n    onValueChange: undefined\n};\n"],"mappings":"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","names":["withHeadless","useListbox","usePopover","useControlledState","useEventListener","getFirstFocusableElement","getOuterWidth","isNotEmpty","primeuix_focus","React","defaultProps","useSelect","withHeadless","defaultProps","props","id","elementRef","_a","onListboxValueChange","handleListboxValueChange","event","handleOpenChange","listbox","useListbox","popover","usePopover","valueState","setValueState","useControlledState","focusOnShow","focusedState","setFocusedState","state","show","hide","toggle","focus","primeuix_focus","onClick","onFocus","_b","onBlur","onOptionSelect","selectedValue","option","opt","optValue","onClearClick","emptyValue","onClearKeyDown","onKeyDown","_c","_d","onArrowDownKey","onArrowUpKey","onEnterKey","onTabKey","focusedOptionIndex","focusedOption","firstFocusable","getFirstFocusableElement","onFilterKeyDown","getValueLabel","val","getSelectedOptionLabel","hasValue","isNotEmpty","bindLabelClick","useEventListener","bindResizeListener","unbindResizeListener","widthSource","getOuterWidth","indexToFocus","rootProps","__spreadValues","indicatorProps","clearProps","positionerProps","popupProps","arrowProps","listProps","__spreadProps","filterProps","triggerProps"]}

package/select/useSelect.d.ts

@@ -0,0 +1,190 @@
+import * as React from 'react';
+export declare const useSelect: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/select").UseSelectProps, unknown, {
+    state: {
+        value: unknown;
+        opened: boolean | undefined;
+        focused: boolean;
+        focusedOptionIndex: number;
+        anchorElement: HTMLElement | null;
+        positionerElement: HTMLDivElement | null;
+        popupElement: HTMLElement | null;
+        arrowElement: HTMLDivElement | null;
+        rendered: boolean;
+    };
+    listbox: import("@primereact/types/core").HeadlessInstance<import("@primereact/headless/listbox").UseListboxProps<unknown>, unknown, {
+        state: {
+            value: unknown;
+            focused: boolean;
+            focusedOptionIndex: number;
+        };
+        listRef: React.RefObject<HTMLUListElement | null>;
+        firstHiddenElementRef: React.RefObject<HTMLElement | null>;
+        lastHiddenElementRef: React.RefObject<HTMLElement | null>;
+        rootProps: {
+            id: string | undefined;
+            'data-scope': string;
+            'data-part': string;
+            'data-disabled': true | undefined;
+            'data-invalid': true | undefined;
+            onBlur: (event: React.FocusEvent) => void;
+        };
+        listProps: {
+            id: string;
+            role: "listbox";
+            ref: React.RefObject<HTMLUListElement | null>;
+            tabIndex: number;
+            'aria-activedescendant': string | undefined;
+            'data-scope': string;
+            'data-part': string;
+            onFocus: (event?: React.FocusEvent) => void;
+            onBlur: () => void;
+            onKeyDown: (event: React.KeyboardEvent) => void;
+        };
+        filterProps: {
+            role: "searchbox";
+            autoComplete: "off";
+            disabled: boolean | undefined;
+            tabIndex: number | undefined;
+            'aria-owns': string | undefined;
+            'aria-activedescendant': string | undefined;
+            'data-scope': string;
+            'data-part': string;
+            onBlur: () => void;
+            onChange: () => void;
+            onKeyDown: (event: React.KeyboardEvent) => void;
+        };
+        firstHiddenProps: {
+            role: "presentation";
+            ref: React.RefObject<HTMLElement | null>;
+            'aria-hidden': true;
+            'data-focus-guard': "";
+            onFocus: () => void;
+        };
+        lastHiddenProps: {
+            role: "presentation";
+            ref: React.RefObject<HTMLElement | null>;
+            'aria-hidden': true;
+            'data-focus-guard': "";
+            onFocus: (event: React.FocusEvent) => void;
+        };
+        getOptions: () => unknown[];
+        getOptionId: (index: number) => string;
+        getOptionLabel: (option: unknown) => any;
+        getOptionValue: (option: unknown) => any;
+        isOptionDisabled: (option: unknown) => any;
+        isOptionGroup: (option: unknown) => boolean;
+        getOptionGroupLabel: (optionGroup: unknown) => any;
+        getOptionGroupChildren: (optionGroup: unknown) => any;
+        getFocusedOptionId: () => string | undefined;
+        onOptionSelect: (event: React.MouseEvent | React.KeyboardEvent, option: unknown, index?: number) => void;
+        onOptionTouchEnd: () => void;
+        onClearClick: (event: React.MouseEvent) => void;
+        isOptionMatched: (option: unknown) => any;
+        isValidOption: (option: unknown) => boolean;
+        isValidSelectedOption: (option: unknown) => boolean;
+        isSelected: (option: unknown) => boolean;
+        changeFocusedOptionIndex: (event: React.MouseEvent | React.KeyboardEvent, index?: number) => void;
+        findSelectedOptionIndex: () => number;
+        findFirstFocusedOptionIndex: () => number;
+        scrollInView: (index?: number) => void;
+        updateModel: (event: React.SyntheticEvent, value: unknown) => void;
+        autoUpdateModel: () => void;
+        equalityKey: string | undefined;
+        hasValue: () => boolean;
+        isEquals: (value1: unknown, value2: unknown) => boolean;
+    }>;
+    rootProps: {
+        'data-invalid'?: "" | undefined;
+        'data-disabled'?: "" | undefined;
+        id: string | undefined;
+        'data-scope': "select";
+        'data-part': "root";
+    };
+    triggerProps: {
+        onClick: () => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        'data-positioner-open'?: "" | undefined;
+        'data-scope': "select";
+        'data-part': "trigger";
+        ref: (node: HTMLElement | null) => void;
+        tabIndex: number | undefined;
+        role: "combobox";
+        disabled: boolean | undefined;
+        'aria-haspopup': "listbox";
+        'aria-multiselectable': true | undefined;
+        'aria-expanded': boolean;
+        'aria-controls': string | undefined;
+        'aria-activedescendant': string | undefined;
+        'aria-invalid': boolean | undefined;
+        'aria-disabled': boolean | undefined;
+    };
+    filterProps: {
+        'data-scope': "select";
+        'data-part': "filter";
+        role: "searchbox";
+        autoComplete: "off";
+        disabled: boolean | undefined;
+        'aria-owns': string;
+        'aria-activedescendant': string | undefined;
+        tabIndex: number | undefined;
+        onBlur: () => void;
+        onChange: () => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    };
+    listProps: {
+        id: string;
+        tabIndex: number;
+        'data-scope': "select";
+        'data-part': "list";
+        role: "listbox";
+        ref: React.RefObject<HTMLUListElement | null>;
+        'aria-activedescendant': string | undefined;
+        onFocus: (event?: React.FocusEvent) => void;
+        onBlur: () => void;
+        onKeyDown: (event: React.KeyboardEvent) => void;
+    };
+    indicatorProps: {
+        'data-open': "";
+        'data-scope': "select";
+        'data-part': "indicator";
+        'aria-hidden': true;
+    } | {
+        'data-closed': "";
+        'data-scope': "select";
+        'data-part': "indicator";
+        'aria-hidden': true;
+    };
+    clearProps: {
+        'data-scope': "select";
+        'data-part': "clear";
+        'aria-label': string;
+        tabIndex: number;
+        onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+    };
+    positionerProps: {
+        'data-scope': "select";
+        'data-part': "positioner";
+        ref: (node: HTMLDivElement | null) => void;
+    };
+    popupProps: {
+        'data-open'?: "" | undefined;
+        'data-scope': "select";
+        'data-part': "popup";
+        ref: (node: HTMLElement | null) => void;
+    };
+    arrowProps: {
+        'data-scope': string;
+        'data-part': string;
+        ref: (node: HTMLDivElement | null) => void;
+    };
+    setRendered: React.Dispatch<React.SetStateAction<boolean>>;
+    getSelectedOptionLabel: () => any;
+    hasValue: () => boolean;
+    show: () => void;
+    hide: () => void;
+    toggle: () => void;
+    focus: () => void;
+}>;

package/select/useSelect.props.d.ts

@@ -0,0 +1,2 @@
+import type { UseSelectProps } from '@primereact/types/headless/select';
+export declare const defaultProps: UseSelectProps;

package/select/useSelect.test.d.ts

@@ -0,0 +1 @@
+export {};

package/sidebar/index.d.ts

@@ -0,0 +1,7 @@
+export * from './useSidebar';
+export * from './useSidebar.props';
+export * from './useSidebarLayout';
+export * from './useSidebarLayout.props';
+export * from './useSidebarMenuItem';
+export * from './useSidebarMenuItem.props';
+export type * from '@primereact/types/headless/sidebar';

package/sidebar/index.mjs

@@ -0,0 +1,2 @@
+var z=Object.defineProperty,V=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var x=(e,a,l)=>a in e?z(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,s=(e,a)=>{for(var l in a||(a={}))q.call(a,l)&&x(e,l,a[l]);if(k)for(var l of k(a))A.call(a,l)&&x(e,l,a[l]);return e},O=(e,a)=>V(e,j(a));import{withHeadless as B}from"@primereact/core/headless";import{useControlledState as F}from"@primereact/hooks/use-controlled-state";import*as u from"react";var E={layout:void 0,id:void 0,side:"left",variant:"sidebar",collapsible:"icon",overlay:!1,open:void 0,defaultOpen:!0,onOpenChange:void 0,openOnHover:!1,hoverOpenDelay:50,hoverCloseDelay:100,dismissable:!0,hideOnOutsideClick:!0,width:"16rem",iconWidth:"3rem"};var _=B({name:"useSidebar",defaultProps:E,setup({props:e}){var C,R;let[a,l]=F({value:e.open,defaultValue:(C=e.defaultOpen)!=null?C:!0,onChange:e.onOpenChange}),t=a?"expanded":"collapsed",m={open:!!a,displayState:t},d=c=>{e.collapsible!=="none"&&l([!a,{originalEvent:c,value:!a}])},y=c=>{l([!0,{originalEvent:c,value:!0}])},b=c=>{e.collapsible!=="none"&&l([!1,{originalEvent:c,value:!1}])},v=u.useRef(null),h=()=>{v.current&&(clearTimeout(v.current),v.current=null)},S=u.useCallback(c=>{var p;e.openOnHover&&(h(),v.current=setTimeout(()=>y(c),(p=e.hoverOpenDelay)!=null?p:50))},[e.openOnHover,e.hoverOpenDelay]),i=u.useCallback(c=>{var p;e.openOnHover&&(h(),v.current=setTimeout(()=>b(c),(p=e.hoverCloseDelay)!=null?p:100))},[e.openOnHover,e.hoverCloseDelay]);u.useEffect(()=>h,[]);let o=(R=e.layout)==null?void 0:R.setSidebar;u.useEffect(()=>{if(!(!o||!e.id))return()=>o(e.id,null)},[o,e.id]),u.useEffect(()=>{!o||!e.id||o(e.id,{toggle:d,collapse:b,open:!!a,state:a?"expanded":"collapsed",overlay:!!e.overlay,hideOnOutsideClick:e.hideOnOutsideClick!==!1})},[o,e.id,a,e.overlay,e.hideOnOutsideClick]);let n=O(s(s({"data-scope":"sidebar","data-part":"root","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-collapsible-mode":e.collapsible,"data-variant":e.variant,"data-side":e.side},e.overlay?{"data-overlay":""}:void 0),e.openOnHover?{onPointerEnter:S,onPointerLeave:i}:void 0),{style:{"--px-sidebar-width":e.width,"--px-sidebar-width-icon":e.iconWidth}}),r=s({"data-scope":"sidebar","data-part":"spacer","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side},e.overlay?{"data-overlay":""}:void 0),g=s({"data-scope":"sidebar","data-part":"aside","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side},e.overlay?{"data-overlay":""}:void 0),P=s({"data-scope":"sidebar","data-part":"panel","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side},e.overlay?{"data-overlay":""}:void 0),T=s({"data-scope":"sidebar","data-part":"content","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side},e.overlay?{"data-overlay":""}:void 0),w=s({"data-scope":"sidebar","data-part":"header","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side},e.overlay?{"data-overlay":""}:void 0),L=s({"data-scope":"sidebar","data-part":"footer","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side},e.overlay?{"data-overlay":""}:void 0),I=s({"data-scope":"sidebar","data-part":"trigger","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side,onClick:d},e.overlay?{"data-overlay":""}:void 0),D=s({"data-scope":"sidebar","data-part":"rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:d,title:"Toggle Sidebar","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side},e.overlay?{"data-overlay":""}:void 0),U=s({"data-scope":"sidebar","data-part":"main","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side},e.overlay?{"data-overlay":""}:void 0),W=s({},e.dismissable?{onClick:b}:{});return{state:m,toggle:d,expand:y,collapse:b,rootProps:n,spacerProps:r,asideProps:g,panelProps:P,contentProps:T,headerProps:w,footerProps:L,triggerProps:I,railProps:D,mainProps:U,backdropProps:W,variant:e.variant,collapsible:e.collapsible,side:e.side,overlay:e.overlay,openOnHover:e.openOnHover}}});import{withHeadless as G}from"@primereact/core/headless";import*as f from"react";var M={};var oe=G({name:"useSidebarLayout",defaultProps:M,setup(){let[e,a]=f.useState(()=>new Map),l=f.useCallback((i,o)=>{a(n=>{if(o===null){if(!n.has(i))return n;let P=new Map(n);return P.delete(i),P}let r=n.get(i);if(r&&r.open===o.open&&r.state===o.state&&r.overlay===o.overlay&&r.hideOnOutsideClick===o.hideOnOutsideClick)return n;let g=new Map(n);return g.set(i,o),g})},[]),t=f.useCallback((i,o)=>{var n,r;if(i){(n=e.get(i))==null||n.toggle(o);return}e.size===1&&((r=e.values().next().value)==null||r.toggle(o))},[e]),m=f.useCallback((i,o)=>{if(i){let n=e.get(i);n!=null&&n.open&&n.toggle(o);return}e.forEach(n=>{n.open&&n.toggle(o)})},[e]),d=f.useMemo(()=>{for(let i of e.values())if(i.open)return!0;return!1},[e]),y=f.useMemo(()=>{for(let i of e.values())if(i.open&&i.overlay&&i.hideOnOutsideClick)return!0;return!1},[e]),v=s({},y?{onClick:i=>{let o=i.target;o!=null&&o.closest('[data-scope="sidebar"][data-part="trigger"]')||e.forEach(n=>{n.open&&n.overlay&&n.hideOnOutsideClick&&n.collapse(i)})}}:void 0);return{state:{open:d},setSidebar:l,toggle:t,collapse:m,backdropProps:{onClick:()=>m(),"data-state":d?"open":"closed"},backdropMotionProps:{visible:d,motionProps:{name:"p-overlay-mask",appear:!0}},mainProps:v}}});import{withHeadless as J}from"@primereact/core/headless";import{useCollapsible as K}from"@primereact/headless/collapsible";var H={collapsible:!1,open:void 0,defaultOpen:!0,disabled:!1,onOpenChange:void 0};var ue=J({name:"useSidebarMenuItem",defaultProps:H,setup({props:e}){var b;let a=!!e.collapsible,l=K({open:a?e.open:void 0,defaultOpen:a&&(b=e.defaultOpen)!=null?b:!0,onOpenChange:a?e.onOpenChange:void 0,disabled:e.disabled}),t={isCollapsible:a,open:l.state.open},m=a?l.triggerProps:{},d=a?l.contentProps:{},y=a?O(s({},l.rootProps),{"data-collapsible":!0}):{};return{state:t,toggle:l.toggle,triggerProps:m,contentProps:d,rootProps:y}}});export{M as defaultLayoutProps,H as defaultMenuItemProps,E as defaultProps,_ as useSidebar,oe as useSidebarLayout,ue as useSidebarMenuItem};
+//# sourceMappingURL=index.mjs.map