@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/components/virtualList/VirtualList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.js","sources":["../../../src/components/virtualList/VirtualList.tsx"],"sourcesContent":["import type React from 'react';\nimport { useRef, useState, useEffect, useCallback } from 'react';\n\nimport VirtualListItemWrapper from './VirtualListItemWrapper';\nimport useWindowResize from '../../hooks/useWindowResize';\nimport useVirtualListResizeObserver from './useVirtualListResizeObserver';\n\n// Known issues:\n// ------------\n// - when dragging the scrollbar, the mouse pointer will get an offset the longer the list is.\n//   Having a short list of like 100 items, the offset is less noticeable\n\nexport type VirtualListProps<T> = {\n    /**\n     * The array of items to be rendered in the list.\n     */\n    items: T[];\n\n    /**\n     * A function that renders an item given its data and index.\n     *\n     * @param item\n     * @param index\n     * @returns\n     */\n    renderItem: (item: T, index: number) => React.ReactElement;\n\n    /**\n     * The number of items to render outside the visible area for smoother scrolling.\n     *\n     * @default 3\n     */\n    overscanCount?: number;\n\n    /**\n     * The default height for items if their height cannot be determined.\n     *\n     * @default 50\n     */\n    defaultHeight?: number;\n\n    /**\n     * Optional ref to an external scroll container.\n     * Use this when VirtualList is inside a scrollable container.\n     */\n    scrollContainerRef?: React.RefObject<HTMLElement>;\n\n    /**\n     * Additional classNames for the container of the list items.\n     */\n    containerClassName?: string;\n\n    /**\n     * Additional classNames for each individual list item wrapper.\n     * This wrapper is required for proper positioning each item in the list using an absolute top value.\n     */\n    listItemWrapperClassName?: string;\n\n    /**\n     * Additional classNames for the outer list container\n     */\n    className?: string;\n};\n\nexport type ItemHeight = number;\nexport type ItemIndex = number;\n\nexport type VisibleRange = {\n    start: number;\n    end: number;\n};\n\nexport type VirtualListState = {\n    itemHeights: Record<ItemIndex, ItemHeight>;\n    visibleRange: VisibleRange;\n    scrollTop: number;\n    viewportHeight: number;\n};\n\nexport const VirtualList = <T,>(props: VirtualListProps<T>) => {\n    const {\n        items,\n        renderItem,\n        overscanCount = 3,\n        defaultHeight = 50,\n        scrollContainerRef,\n        containerClassName = '',\n        listItemWrapperClassName = '',\n        className = '',\n        ...remainingProps\n    } = props;\n\n    const [state, setState] = useState<VirtualListState>({\n        itemHeights: {},\n        visibleRange: { start: 0, end: 10 },\n        scrollTop: 0,\n        viewportHeight: 0,\n    });\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const itemsRef = useRef<HTMLDivElement>(null);\n    const lastMeasuredIndexRef = useRef(-1);\n\n    // Get the actual scroll container - either external or internal\n    const getScrollContainer = useCallback(\n        () => scrollContainerRef?.current || containerRef.current,\n        [scrollContainerRef]\n    );\n\n    // Ensure we never return NaN or invalid heights\n    const getSafeHeight = useCallback(\n        (height: number): number => (!Number.isNaN(height) && height > 0 ? height : defaultHeight),\n        [defaultHeight]\n    );\n\n    const getItemPosition = useCallback(\n        (index: number) => {\n            let position = 0;\n            for (let i = 0; i < index; i++) {\n                const height = state.itemHeights[i] ?? defaultHeight;\n                position += getSafeHeight(height);\n            }\n            return position;\n        },\n        [state.itemHeights, getSafeHeight, defaultHeight]\n    );\n\n    const getTotalHeight = useCallback(() => {\n        const measuredHeight = Object.values(state.itemHeights).reduce((sum, height) => sum + getSafeHeight(height), 0);\n        const measuredCount = Object.keys(state.itemHeights).length;\n        const averageHeight = measuredCount > 0 ? getSafeHeight(measuredHeight / measuredCount) : defaultHeight;\n        const unmeasuredCount = items.length - measuredCount;\n        return getSafeHeight(measuredHeight + unmeasuredCount * averageHeight);\n    }, [items.length, state.itemHeights, getSafeHeight, defaultHeight]);\n\n    const calculateVisibleRange = useCallback(() => {\n        const scrollContainer = getScrollContainer();\n        if (!scrollContainer) {\n            return state.visibleRange;\n        }\n\n        const viewportHeight = scrollContainer.clientHeight;\n        const scrollTop = scrollContainer.scrollTop;\n\n        let start = 0;\n        let currentPosition = 0;\n\n        while (start < items.length) {\n            const height = getSafeHeight(state.itemHeights[start] ?? defaultHeight);\n            if (currentPosition + height > scrollTop - overscanCount * height) {\n                break;\n            }\n            currentPosition += height;\n            start++;\n        }\n\n        let end = start;\n        while (end < items.length) {\n            const height = getSafeHeight(state.itemHeights[end] ?? defaultHeight);\n            if (currentPosition > scrollTop + viewportHeight + overscanCount * height) {\n                break;\n            }\n            currentPosition += height;\n            end++;\n        }\n\n        return {\n            start: Math.max(0, start - overscanCount),\n            end: Math.min(items.length, end + overscanCount),\n        };\n    }, [\n        items.length,\n        overscanCount,\n        state.itemHeights,\n        state.visibleRange,\n        getSafeHeight,\n        defaultHeight,\n        getScrollContainer,\n    ]);\n\n    const measureItem = useCallback(\n        (index: number, element: HTMLElement) => {\n            const rect = element.getBoundingClientRect();\n            const computedStyle = window.getComputedStyle(element);\n\n            // Calculate total height with safety checks\n            const totalSafeHeight = getSafeHeight(\n                rect.height +\n                    Number.parseFloat(computedStyle.marginTop || '0') +\n                    Number.parseFloat(computedStyle.marginBottom || '0')\n            );\n\n            setState(prev => {\n                if (prev.itemHeights[index] === totalSafeHeight) {\n                    return prev;\n                }\n                return {\n                    ...prev,\n                    itemHeights: { ...prev.itemHeights, [index]: totalSafeHeight },\n                };\n            });\n            lastMeasuredIndexRef.current = Math.max(lastMeasuredIndexRef.current, index);\n        },\n        [getSafeHeight]\n    );\n\n    useVirtualListResizeObserver(itemsRef, measureItem, [state.visibleRange]);\n\n    const handleScroll = useCallback(() => {\n        const scrollContainer = getScrollContainer();\n        if (!scrollContainer) {\n            return;\n        }\n\n        const newRange = calculateVisibleRange();\n        setState(prev => ({\n            ...prev,\n            visibleRange: newRange,\n            scrollTop: scrollContainer.scrollTop,\n            viewportHeight: scrollContainer.clientHeight,\n        }));\n    }, [calculateVisibleRange, getScrollContainer]);\n\n    // Register container scroll event\n    useEffect(() => {\n        const scrollContainer = getScrollContainer();\n        if (!scrollContainer) {\n            return;\n        }\n\n        scrollContainer.addEventListener('scroll', handleScroll, { passive: true });\n        return () => scrollContainer.removeEventListener('scroll', handleScroll);\n    }, [handleScroll, getScrollContainer]);\n\n    // On window resize, update scroll position\n    useWindowResize(handleScroll);\n\n    const renderItemWithPosition = (item: T, index: number) => {\n        const renderedItem = renderItem(item, index);\n        const translateY = getItemPosition(index);\n\n        return (\n            <VirtualListItemWrapper\n                key={index}\n                data-index={index}\n                translateY={translateY}\n                className={listItemWrapperClassName}\n            >\n                {renderedItem}\n            </VirtualListItemWrapper>\n        );\n    };\n\n    const { start, end } = state.visibleRange;\n\n    const totalHeight = getTotalHeight();\n\n    // Adjust the root element style based on whether we're using an external scroll container\n    const rootStyle: React.CSSProperties = {\n        height: scrollContainerRef ? totalHeight : '100%',\n        position: 'relative',\n        overflow: scrollContainerRef ? 'visible' : 'auto',\n    };\n\n    return (\n        <div\n            {...remainingProps}\n            ref={containerRef}\n            className={`VirtualList overflow-y-auto ${className}`}\n            style={rootStyle}\n        >\n            <div\n                className='position-relative'\n                style={{\n                    height: scrollContainerRef ? 'auto' : totalHeight,\n                }}\n            >\n                <div ref={itemsRef} className={`VirtualListItemContainer ${containerClassName}`}>\n                    {items.slice(start, end).map((item, idx) => renderItemWithPosition(item, start + idx))}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default VirtualList;\n"],"names":["VirtualList","props","items","renderItem","overscanCount","defaultHeight","scrollContainerRef","containerClassName","listItemWrapperClassName","className","remainingProps","state","setState","useState","containerRef","useRef","itemsRef","lastMeasuredIndexRef","getScrollContainer","useCallback","getSafeHeight","height","getItemPosition","index","position","i","getTotalHeight","measuredHeight","sum","measuredCount","averageHeight","unmeasuredCount","calculateVisibleRange","scrollContainer","viewportHeight","scrollTop","start","currentPosition","end","measureItem","element","rect","computedStyle","totalSafeHeight","prev","useVirtualListResizeObserver","handleScroll","newRange","useEffect","useWindowResize","renderItemWithPosition","item","renderedItem","translateY","jsx","VirtualListItemWrapper","totalHeight","rootStyle","idx"],"mappings":";;;;;AA+EO,MAAMA,IAAc,CAAKC,MAA+B;AAC3D,QAAM;AAAA,IACF,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,eAAAC,IAAgB;AAAA,IAChB,oBAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,0BAAAC,IAA2B;AAAA,IAC3B,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,IACHT,GAEE,CAACU,GAAOC,CAAQ,IAAIC,EAA2B;AAAA,IACjD,aAAa,CAAA;AAAA,IACb,cAAc,EAAE,OAAO,GAAG,KAAK,GAAA;AAAA,IAC/B,WAAW;AAAA,IACX,gBAAgB;AAAA,EAAA,CACnB,GAEKC,IAAeC,EAAuB,IAAI,GAC1CC,IAAWD,EAAuB,IAAI,GACtCE,IAAuBF,EAAO,EAAE,GAGhCG,IAAqBC;AAAA,IACvB,MAAMb,GAAoB,WAAWQ,EAAa;AAAA,IAClD,CAACR,CAAkB;AAAA,EAAA,GAIjBc,IAAgBD;AAAA,IAClB,CAACE,MAA4B,CAAC,OAAO,MAAMA,CAAM,KAAKA,IAAS,IAAIA,IAAShB;AAAA,IAC5E,CAACA,CAAa;AAAA,EAAA,GAGZiB,IAAkBH;AAAA,IACpB,CAACI,MAAkB;AACf,UAAIC,IAAW;AACf,eAASC,IAAI,GAAGA,IAAIF,GAAOE,KAAK;AAC5B,cAAMJ,IAASV,EAAM,YAAYc,CAAC,KAAKpB;AACvC,QAAAmB,KAAYJ,EAAcC,CAAM;AAAA,MACpC;AACA,aAAOG;AAAA,IACX;AAAA,IACA,CAACb,EAAM,aAAaS,GAAef,CAAa;AAAA,EAAA,GAG9CqB,IAAiBP,EAAY,MAAM;AACrC,UAAMQ,IAAiB,OAAO,OAAOhB,EAAM,WAAW,EAAE,OAAO,CAACiB,GAAKP,MAAWO,IAAMR,EAAcC,CAAM,GAAG,CAAC,GACxGQ,IAAgB,OAAO,KAAKlB,EAAM,WAAW,EAAE,QAC/CmB,IAAgBD,IAAgB,IAAIT,EAAcO,IAAiBE,CAAa,IAAIxB,GACpF0B,IAAkB7B,EAAM,SAAS2B;AACvC,WAAOT,EAAcO,IAAiBI,IAAkBD,CAAa;AAAA,EACzE,GAAG,CAAC5B,EAAM,QAAQS,EAAM,aAAaS,GAAef,CAAa,CAAC,GAE5D2B,IAAwBb,EAAY,MAAM;AAC5C,UAAMc,IAAkBf,EAAA;AACxB,QAAI,CAACe;AACD,aAAOtB,EAAM;AAGjB,UAAMuB,IAAiBD,EAAgB,cACjCE,IAAYF,EAAgB;AAElC,QAAIG,IAAQ,GACRC,IAAkB;AAEtB,WAAOD,IAAQlC,EAAM,UAAQ;AACzB,YAAMmB,IAASD,EAAcT,EAAM,YAAYyB,CAAK,KAAK/B,CAAa;AACtE,UAAIgC,IAAkBhB,IAASc,IAAY/B,IAAgBiB;AACvD;AAEJ,MAAAgB,KAAmBhB,GACnBe;AAAAA,IACJ;AAEA,QAAIE,IAAMF;AACV,WAAOE,IAAMpC,EAAM,UAAQ;AACvB,YAAMmB,IAASD,EAAcT,EAAM,YAAY2B,CAAG,KAAKjC,CAAa;AACpE,UAAIgC,IAAkBF,IAAYD,IAAiB9B,IAAgBiB;AAC/D;AAEJ,MAAAgB,KAAmBhB,GACnBiB;AAAAA,IACJ;AAEA,WAAO;AAAA,MACH,OAAO,KAAK,IAAI,GAAGF,IAAQhC,CAAa;AAAA,MACxC,KAAK,KAAK,IAAIF,EAAM,QAAQoC,IAAMlC,CAAa;AAAA,IAAA;AAAA,EAEvD,GAAG;AAAA,IACCF,EAAM;AAAA,IACNE;AAAA,IACAO,EAAM;AAAA,IACNA,EAAM;AAAA,IACNS;AAAA,IACAf;AAAA,IACAa;AAAA,EAAA,CACH,GAEKqB,IAAcpB;AAAA,IAChB,CAACI,GAAeiB,MAAyB;AACrC,YAAMC,IAAOD,EAAQ,sBAAA,GACfE,IAAgB,OAAO,iBAAiBF,CAAO,GAG/CG,IAAkBvB;AAAA,QACpBqB,EAAK,SACD,OAAO,WAAWC,EAAc,aAAa,GAAG,IAChD,OAAO,WAAWA,EAAc,gBAAgB,GAAG;AAAA,MAAA;AAG3D,MAAA9B,EAAS,CAAAgC,MACDA,EAAK,YAAYrB,CAAK,MAAMoB,IACrBC,IAEJ;AAAA,QACH,GAAGA;AAAA,QACH,aAAa,EAAE,GAAGA,EAAK,aAAa,CAACrB,CAAK,GAAGoB,EAAA;AAAA,MAAgB,CAEpE,GACD1B,EAAqB,UAAU,KAAK,IAAIA,EAAqB,SAASM,CAAK;AAAA,IAC/E;AAAA,IACA,CAACH,CAAa;AAAA,EAAA;AAGlB,EAAAyB,EAA6B7B,GAAUuB,GAAa,CAAC5B,EAAM,YAAY,CAAC;AAExE,QAAMmC,IAAe3B,EAAY,MAAM;AACnC,UAAMc,IAAkBf,EAAA;AACxB,QAAI,CAACe;AACD;AAGJ,UAAMc,IAAWf,EAAA;AACjB,IAAApB,EAAS,CAAAgC,OAAS;AAAA,MACd,GAAGA;AAAA,MACH,cAAcG;AAAA,MACd,WAAWd,EAAgB;AAAA,MAC3B,gBAAgBA,EAAgB;AAAA,IAAA,EAClC;AAAA,EACN,GAAG,CAACD,GAAuBd,CAAkB,CAAC;AAG9C,EAAA8B,EAAU,MAAM;AACZ,UAAMf,IAAkBf,EAAA;AACxB,QAAKe;AAIL,aAAAA,EAAgB,iBAAiB,UAAUa,GAAc,EAAE,SAAS,IAAM,GACnE,MAAMb,EAAgB,oBAAoB,UAAUa,CAAY;AAAA,EAC3E,GAAG,CAACA,GAAc5B,CAAkB,CAAC,GAGrC+B,EAAgBH,CAAY;AAE5B,QAAMI,IAAyB,CAACC,GAAS5B,MAAkB;AACvD,UAAM6B,IAAejD,EAAWgD,GAAM5B,CAAK,GACrC8B,IAAa/B,EAAgBC,CAAK;AAExC,WACI,gBAAA+B;AAAA,MAACC;AAAA,MAAA;AAAA,QAEG,cAAYhC;AAAA,QACZ,YAAA8B;AAAA,QACA,WAAW7C;AAAA,QAEV,UAAA4C;AAAA,MAAA;AAAA,MALI7B;AAAA,IAAA;AAAA,EAQjB,GAEM,EAAE,OAAAa,GAAO,KAAAE,EAAA,IAAQ3B,EAAM,cAEvB6C,IAAc9B,EAAA,GAGd+B,IAAiC;AAAA,IACnC,QAAQnD,IAAqBkD,IAAc;AAAA,IAC3C,UAAU;AAAA,IACV,UAAUlD,IAAqB,YAAY;AAAA,EAAA;AAG/C,SACI,gBAAAgD;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG5C;AAAA,MACJ,KAAKI;AAAA,MACL,WAAW,+BAA+BL,CAAS;AAAA,MACnD,OAAOgD;AAAA,MAEP,UAAA,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,OAAO;AAAA,YACH,QAAQhD,IAAqB,SAASkD;AAAA,UAAA;AAAA,UAG1C,UAAA,gBAAAF,EAAC,SAAI,KAAKtC,GAAU,WAAW,4BAA4BT,CAAkB,IACxE,UAAAL,EAAM,MAAMkC,GAAOE,CAAG,EAAE,IAAI,CAACa,GAAMO,MAAQR,EAAuBC,GAAMf,IAAQsB,CAAG,CAAC,EAAA,CACzF;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"VirtualList.js","names":[],"sources":["../../../src/components/virtualList/VirtualList.tsx"],"sourcesContent":["import type React from 'react';\nimport { useRef, useState, useEffect, useCallback } from 'react';\n\nimport VirtualListItemWrapper from './VirtualListItemWrapper';\nimport useWindowResize from '../../hooks/useWindowResize';\nimport useVirtualListResizeObserver from './useVirtualListResizeObserver';\n\n// Known issues:\n// ------------\n// - when dragging the scrollbar, the mouse pointer will get an offset the longer the list is.\n//   Having a short list of like 100 items, the offset is less noticeable\n\nexport type VirtualListProps<T> = {\n    /**\n     * The array of items to be rendered in the list.\n     */\n    items: T[];\n\n    /**\n     * A function that renders an item given its data and index.\n     *\n     * @param item\n     * @param index\n     * @returns\n     */\n    renderItem: (item: T, index: number) => React.ReactElement;\n\n    /**\n     * The number of items to render outside the visible area for smoother scrolling.\n     *\n     * @default 3\n     */\n    overscanCount?: number;\n\n    /**\n     * The default height for items if their height cannot be determined.\n     *\n     * @default 50\n     */\n    defaultHeight?: number;\n\n    /**\n     * Optional ref to an external scroll container.\n     * Use this when VirtualList is inside a scrollable container.\n     */\n    scrollContainerRef?: React.RefObject<HTMLElement | null>;\n\n    /**\n     * Additional classNames for the container of the list items.\n     */\n    containerClassName?: string;\n\n    /**\n     * Additional classNames for each individual list item wrapper.\n     * This wrapper is required for proper positioning each item in the list using an absolute top value.\n     */\n    listItemWrapperClassName?: string;\n\n    /**\n     * Additional classNames for the outer list container\n     */\n    className?: string;\n};\n\nexport type ItemHeight = number;\nexport type ItemIndex = number;\n\nexport type VisibleRange = {\n    start: number;\n    end: number;\n};\n\nexport type VirtualListState = {\n    itemHeights: Record<ItemIndex, ItemHeight>;\n    visibleRange: VisibleRange;\n    scrollTop: number;\n    viewportHeight: number;\n};\n\nexport const VirtualList = <T,>(props: VirtualListProps<T>) => {\n    const {\n        items,\n        renderItem,\n        overscanCount = 3,\n        defaultHeight = 50,\n        scrollContainerRef,\n        containerClassName = '',\n        listItemWrapperClassName = '',\n        className = '',\n        ...remainingProps\n    } = props;\n\n    const [state, setState] = useState<VirtualListState>({\n        itemHeights: {},\n        visibleRange: { start: 0, end: 10 },\n        scrollTop: 0,\n        viewportHeight: 0,\n    });\n\n    const containerRef = useRef<HTMLDivElement>(null);\n    const itemsRef = useRef<HTMLDivElement>(null);\n    const lastMeasuredIndexRef = useRef(-1);\n\n    // Get the actual scroll container - either external or internal\n    const getScrollContainer = useCallback(\n        () => scrollContainerRef?.current || containerRef.current,\n        [scrollContainerRef]\n    );\n\n    // Ensure we never return NaN or invalid heights\n    const getSafeHeight = useCallback(\n        (height: number): number => (!Number.isNaN(height) && height > 0 ? height : defaultHeight),\n        [defaultHeight]\n    );\n\n    const getItemPosition = useCallback(\n        (index: number) => {\n            let position = 0;\n            for (let i = 0; i < index; i++) {\n                const height = state.itemHeights[i] ?? defaultHeight;\n                position += getSafeHeight(height);\n            }\n            return position;\n        },\n        [state.itemHeights, getSafeHeight, defaultHeight]\n    );\n\n    const getTotalHeight = useCallback(() => {\n        const measuredHeight = Object.values(state.itemHeights).reduce((sum, height) => sum + getSafeHeight(height), 0);\n        const measuredCount = Object.keys(state.itemHeights).length;\n        const averageHeight = measuredCount > 0 ? getSafeHeight(measuredHeight / measuredCount) : defaultHeight;\n        const unmeasuredCount = items.length - measuredCount;\n        return getSafeHeight(measuredHeight + unmeasuredCount * averageHeight);\n    }, [items.length, state.itemHeights, getSafeHeight, defaultHeight]);\n\n    const calculateVisibleRange = useCallback(() => {\n        const scrollContainer = getScrollContainer();\n        if (!scrollContainer) {\n            return state.visibleRange;\n        }\n\n        const viewportHeight = scrollContainer.clientHeight;\n        const scrollTop = scrollContainer.scrollTop;\n\n        let start = 0;\n        let currentPosition = 0;\n\n        while (start < items.length) {\n            const height = getSafeHeight(state.itemHeights[start] ?? defaultHeight);\n            if (currentPosition + height > scrollTop - overscanCount * height) {\n                break;\n            }\n            currentPosition += height;\n            start++;\n        }\n\n        let end = start;\n        while (end < items.length) {\n            const height = getSafeHeight(state.itemHeights[end] ?? defaultHeight);\n            if (currentPosition > scrollTop + viewportHeight + overscanCount * height) {\n                break;\n            }\n            currentPosition += height;\n            end++;\n        }\n\n        return {\n            start: Math.max(0, start - overscanCount),\n            end: Math.min(items.length, end + overscanCount),\n        };\n    }, [\n        items.length,\n        overscanCount,\n        state.itemHeights,\n        state.visibleRange,\n        getSafeHeight,\n        defaultHeight,\n        getScrollContainer,\n    ]);\n\n    const measureItem = useCallback(\n        (index: number, element: HTMLElement) => {\n            const rect = element.getBoundingClientRect();\n            const computedStyle = window.getComputedStyle(element);\n\n            // Calculate total height with safety checks\n            const totalSafeHeight = getSafeHeight(\n                rect.height +\n                    Number.parseFloat(computedStyle.marginTop || '0') +\n                    Number.parseFloat(computedStyle.marginBottom || '0')\n            );\n\n            setState(prev => {\n                if (prev.itemHeights[index] === totalSafeHeight) {\n                    return prev;\n                }\n                return {\n                    ...prev,\n                    itemHeights: { ...prev.itemHeights, [index]: totalSafeHeight },\n                };\n            });\n            lastMeasuredIndexRef.current = Math.max(lastMeasuredIndexRef.current, index);\n        },\n        [getSafeHeight]\n    );\n\n    useVirtualListResizeObserver(itemsRef, measureItem, [state.visibleRange]);\n\n    const handleScroll = useCallback(() => {\n        const scrollContainer = getScrollContainer();\n        if (!scrollContainer) {\n            return;\n        }\n\n        const newRange = calculateVisibleRange();\n        setState(prev => ({\n            ...prev,\n            visibleRange: newRange,\n            scrollTop: scrollContainer.scrollTop,\n            viewportHeight: scrollContainer.clientHeight,\n        }));\n    }, [calculateVisibleRange, getScrollContainer]);\n\n    // Register container scroll event\n    useEffect(() => {\n        const scrollContainer = getScrollContainer();\n        if (!scrollContainer) {\n            return;\n        }\n\n        scrollContainer.addEventListener('scroll', handleScroll, { passive: true });\n        return () => scrollContainer.removeEventListener('scroll', handleScroll);\n    }, [handleScroll, getScrollContainer]);\n\n    // On window resize, update scroll position\n    useWindowResize(handleScroll);\n\n    const renderItemWithPosition = (item: T, index: number) => {\n        const renderedItem = renderItem(item, index);\n        const translateY = getItemPosition(index);\n\n        return (\n            <VirtualListItemWrapper\n                key={index}\n                data-index={index}\n                translateY={translateY}\n                className={listItemWrapperClassName}\n            >\n                {renderedItem}\n            </VirtualListItemWrapper>\n        );\n    };\n\n    const { start, end } = state.visibleRange;\n\n    const totalHeight = getTotalHeight();\n\n    // Adjust the root element style based on whether we're using an external scroll container\n    const rootStyle: React.CSSProperties = {\n        height: scrollContainerRef ? totalHeight : '100%',\n        position: 'relative',\n        overflow: scrollContainerRef ? 'visible' : 'auto',\n    };\n\n    return (\n        <div\n            {...remainingProps}\n            ref={containerRef}\n            className={`VirtualList overflow-y-auto ${className}`}\n            style={rootStyle}\n        >\n            <div\n                className='position-relative'\n                style={{\n                    height: scrollContainerRef ? 'auto' : totalHeight,\n                }}\n            >\n                <div ref={itemsRef} className={`VirtualListItemContainer ${containerClassName}`}>\n                    {items.slice(start, end).map((item, idx) => renderItemWithPosition(item, start + idx))}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default VirtualList;\n"],"mappings":"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"}

package/components/virtualList/VirtualListItemWrapper.js

@@ -1,25 +1,23 @@
-import { jsx as l } from "react/jsx-runtime";
-import n from "react";
-const f = n.forwardRef((t, r) => {
-  const { translateY: a, children: e, className: s = "", style: i = {}, ...o } = t;
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      ref: r,
-      className: `VirtualListItemWrapper ${s}`,
-      style: {
-        ...i,
-        position: "absolute",
-        transform: `translateY(${a}px)`,
-        width: "100%",
-        willChange: "transform"
-      },
-      ...o,
-      children: e
-    }
-  );
+import e from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/virtualList/VirtualListItemWrapper.tsx
+var n = e.forwardRef((e, n) => {
+	let { translateY: r, children: i, className: a = "", style: o = {}, ...s } = e;
+	return /* @__PURE__ */ t("div", {
+		ref: n,
+		className: `VirtualListItemWrapper ${a}`,
+		style: {
+			...o,
+			position: "absolute",
+			transform: `translateY(${r}px)`,
+			width: "100%",
+			willChange: "transform"
+		},
+		...s,
+		children: i
+	});
 });
-export {
-  f as default
-};
-//# sourceMappingURL=VirtualListItemWrapper.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=VirtualListItemWrapper.js.map

package/components/virtualList/VirtualListItemWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualListItemWrapper.js","sources":["../../../src/components/virtualList/VirtualListItemWrapper.tsx"],"sourcesContent":["import React from 'react';\n\nexport type VirtualListItemWrapperProps = {\n    translateY: number;\n    'data-index': number;\n    children: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n};\n\nconst VirtualListItemWrapper = React.forwardRef<HTMLDivElement, VirtualListItemWrapperProps>((props, ref) => {\n    const { translateY, children, className = '', style = {}, ...remainingProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            className={`VirtualListItemWrapper ${className}`}\n            style={{\n                ...style,\n                position: 'absolute',\n                transform: `translateY(${translateY}px)`,\n                width: '100%',\n                willChange: 'transform',\n            }}\n            {...remainingProps}\n        >\n            {children}\n        </div>\n    );\n});\n\nexport default VirtualListItemWrapper;\n"],"names":["VirtualListItemWrapper","React","props","ref","translateY","children","className","style","remainingProps","jsx"],"mappings":";;AAUA,MAAMA,IAAyBC,EAAM,WAAwD,CAACC,GAAOC,MAAQ;AACzG,QAAM,EAAE,YAAAC,GAAY,UAAAC,GAAU,WAAAC,IAAY,IAAI,OAAAC,IAAQ,CAAA,GAAI,GAAGC,EAAA,IAAmBN;AAEhF,SACI,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAN;AAAA,MACA,WAAW,0BAA0BG,CAAS;AAAA,MAC9C,OAAO;AAAA,QACH,GAAGC;AAAA,QACH,UAAU;AAAA,QACV,WAAW,cAAcH,CAAU;AAAA,QACnC,OAAO;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,MAEf,GAAGI;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;"}
+{"version":3,"file":"VirtualListItemWrapper.js","names":[],"sources":["../../../src/components/virtualList/VirtualListItemWrapper.tsx"],"sourcesContent":["import React from 'react';\n\nexport type VirtualListItemWrapperProps = {\n    translateY: number;\n    'data-index': number;\n    children: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n};\n\nconst VirtualListItemWrapper = React.forwardRef<HTMLDivElement, VirtualListItemWrapperProps>((props, ref) => {\n    const { translateY, children, className = '', style = {}, ...remainingProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            className={`VirtualListItemWrapper ${className}`}\n            style={{\n                ...style,\n                position: 'absolute',\n                transform: `translateY(${translateY}px)`,\n                width: '100%',\n                willChange: 'transform',\n            }}\n            {...remainingProps}\n        >\n            {children}\n        </div>\n    );\n});\n\nexport default VirtualListItemWrapper;\n"],"mappings":";;;AAUA,IAAM,IAAyB,EAAM,YAAyD,GAAO,MAAQ;CACzG,IAAM,EAAE,eAAY,aAAU,eAAY,IAAI,WAAQ,CAAC,GAAG,GAAG,MAAmB;CAEhF,OACI,kBAAC,OAAD;EACS;EACL,WAAW,0BAA0B;EACrC,OAAO;GACH,GAAG;GACH,UAAU;GACV,WAAW,cAAc,EAAW;GACpC,OAAO;GACP,YAAY;EAChB;EACA,GAAI;EAEH;CACA,CAAA;AAEb,CAAC"}

package/components/virtualList/useVirtualListResizeObserver.d.ts

@@ -1,2 +1,2 @@
-declare const useVirtualListResizeObserver: (itemsRef: React.RefObject<HTMLDivElement>, measureItem: (index: number, element: HTMLElement) => void, dependencies?: any[]) => void;
+declare const useVirtualListResizeObserver: (itemsRef: React.RefObject<HTMLDivElement | null>, measureItem: (index: number, element: HTMLElement) => void, dependencies?: any[]) => void;
 export default useVirtualListResizeObserver;

package/components/virtualList/useVirtualListResizeObserver.js

@@ -1,32 +1,29 @@
-import { useRef as a, useCallback as f, useEffect as o } from "react";
-const b = (e, u, i = []) => {
-  const n = a(null), t = f(() => {
-    if (!e.current)
-      return;
-    Array.from(e.current.children).forEach((r) => {
-      const s = Number.parseInt(r.getAttribute("data-index") || "", 10);
-      Number.isNaN(s) || u(s, r);
-    });
-  }, [u]);
-  o(() => {
-    if (e.current)
-      return n.current = new ResizeObserver(() => {
-        t();
-      }), () => n.current?.disconnect();
-  }, [t]), o(() => {
-    if (!e.current || !n.current)
-      return;
-    const c = Array.from(e.current.children);
-    return c.forEach((r) => {
-      n.current?.observe(r);
-    }), t(), () => {
-      c.forEach((r) => {
-        n.current?.unobserve(r);
-      });
-    };
-  }, [...i, t]);
+import { useCallback as e, useEffect as t, useRef as n } from "react";
+//#region src/components/virtualList/useVirtualListResizeObserver.ts
+var r = (r, i, a = []) => {
+	let o = n(null), s = e(() => {
+		r.current && Array.from(r.current.children).forEach((e) => {
+			let t = Number.parseInt(e.getAttribute("data-index") || "", 10);
+			Number.isNaN(t) || i(t, e);
+		});
+	}, [i]);
+	t(() => {
+		if (r.current) return o.current = new ResizeObserver(() => {
+			s();
+		}), () => o.current?.disconnect();
+	}, [s]), t(() => {
+		if (!r.current || !o.current) return;
+		let e = Array.from(r.current.children);
+		return e.forEach((e) => {
+			o.current?.observe(e);
+		}), s(), () => {
+			e.forEach((e) => {
+				o.current?.unobserve(e);
+			});
+		};
+	}, [...a, s]);
 };
-export {
-  b as default
-};
-//# sourceMappingURL=useVirtualListResizeObserver.js.map
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=useVirtualListResizeObserver.js.map

package/components/virtualList/useVirtualListResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVirtualListResizeObserver.js","sources":["../../../src/components/virtualList/useVirtualListResizeObserver.ts"],"sourcesContent":["import { useEffect, useRef, useCallback } from 'react';\n\nconst useVirtualListResizeObserver = (\n    itemsRef: React.RefObject<HTMLDivElement>,\n    measureItem: (index: number, element: HTMLElement) => void,\n    dependencies: any[] = []\n) => {\n    const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n    const measureItems = useCallback(() => {\n        if (!itemsRef.current) {\n            return;\n        }\n\n        const children = Array.from(itemsRef.current.children);\n        children.forEach(child => {\n            const index = Number.parseInt(child.getAttribute('data-index') || '', 10);\n            if (!Number.isNaN(index)) {\n                measureItem(index, child as HTMLElement);\n            }\n        });\n    }, [measureItem]);\n\n    // Setup resize observer\n    useEffect(() => {\n        if (!itemsRef.current) {\n            return;\n        }\n\n        resizeObserverRef.current = new ResizeObserver(() => {\n            measureItems();\n        });\n\n        return () => resizeObserverRef.current?.disconnect();\n    }, [measureItems]);\n\n    // Observe children\n    useEffect(() => {\n        if (!itemsRef.current || !resizeObserverRef.current) {\n            return;\n        }\n\n        const children = Array.from(itemsRef.current.children);\n        children.forEach(child => {\n            resizeObserverRef.current?.observe(child);\n        });\n\n        // Initial measurement\n        measureItems();\n\n        return () => {\n            children.forEach(child => {\n                resizeObserverRef.current?.unobserve(child);\n            });\n        };\n    }, [...dependencies, measureItems]);\n};\n\nexport default useVirtualListResizeObserver;\n"],"names":["useVirtualListResizeObserver","itemsRef","measureItem","dependencies","resizeObserverRef","useRef","measureItems","useCallback","child","index","useEffect","children"],"mappings":";AAEA,MAAMA,IAA+B,CACjCC,GACAC,GACAC,IAAsB,CAAA,MACrB;AACD,QAAMC,IAAoBC,EAA8B,IAAI,GAEtDC,IAAeC,EAAY,MAAM;AACnC,QAAI,CAACN,EAAS;AACV;AAIJ,IADiB,MAAM,KAAKA,EAAS,QAAQ,QAAQ,EAC5C,QAAQ,CAAAO,MAAS;AACtB,YAAMC,IAAQ,OAAO,SAASD,EAAM,aAAa,YAAY,KAAK,IAAI,EAAE;AACxE,MAAK,OAAO,MAAMC,CAAK,KACnBP,EAAYO,GAAOD,CAAoB;AAAA,IAE/C,CAAC;AAAA,EACL,GAAG,CAACN,CAAW,CAAC;AAGhB,EAAAQ,EAAU,MAAM;AACZ,QAAKT,EAAS;AAId,aAAAG,EAAkB,UAAU,IAAI,eAAe,MAAM;AACjD,QAAAE,EAAA;AAAA,MACJ,CAAC,GAEM,MAAMF,EAAkB,SAAS,WAAA;AAAA,EAC5C,GAAG,CAACE,CAAY,CAAC,GAGjBI,EAAU,MAAM;AACZ,QAAI,CAACT,EAAS,WAAW,CAACG,EAAkB;AACxC;AAGJ,UAAMO,IAAW,MAAM,KAAKV,EAAS,QAAQ,QAAQ;AACrD,WAAAU,EAAS,QAAQ,CAAAH,MAAS;AACtB,MAAAJ,EAAkB,SAAS,QAAQI,CAAK;AAAA,IAC5C,CAAC,GAGDF,EAAA,GAEO,MAAM;AACT,MAAAK,EAAS,QAAQ,CAAAH,MAAS;AACtB,QAAAJ,EAAkB,SAAS,UAAUI,CAAK;AAAA,MAC9C,CAAC;AAAA,IACL;AAAA,EACJ,GAAG,CAAC,GAAGL,GAAcG,CAAY,CAAC;AACtC;"}
+{"version":3,"file":"useVirtualListResizeObserver.js","names":[],"sources":["../../../src/components/virtualList/useVirtualListResizeObserver.ts"],"sourcesContent":["import { useEffect, useRef, useCallback } from 'react';\n\nconst useVirtualListResizeObserver = (\n    itemsRef: React.RefObject<HTMLDivElement | null>,\n    measureItem: (index: number, element: HTMLElement) => void,\n    dependencies: any[] = []\n) => {\n    const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n    const measureItems = useCallback(() => {\n        if (!itemsRef.current) {\n            return;\n        }\n\n        const children = Array.from(itemsRef.current.children);\n        children.forEach(child => {\n            const index = Number.parseInt(child.getAttribute('data-index') || '', 10);\n            if (!Number.isNaN(index)) {\n                measureItem(index, child as HTMLElement);\n            }\n        });\n    }, [measureItem]);\n\n    // Setup resize observer\n    useEffect(() => {\n        if (!itemsRef.current) {\n            return;\n        }\n\n        resizeObserverRef.current = new ResizeObserver(() => {\n            measureItems();\n        });\n\n        return () => resizeObserverRef.current?.disconnect();\n    }, [measureItems]);\n\n    // Observe children\n    useEffect(() => {\n        if (!itemsRef.current || !resizeObserverRef.current) {\n            return;\n        }\n\n        const children = Array.from(itemsRef.current.children);\n        children.forEach(child => {\n            resizeObserverRef.current?.observe(child);\n        });\n\n        // Initial measurement\n        measureItems();\n\n        return () => {\n            children.forEach(child => {\n                resizeObserverRef.current?.unobserve(child);\n            });\n        };\n    }, [...dependencies, measureItems]);\n};\n\nexport default useVirtualListResizeObserver;\n"],"mappings":";;AAEA,IAAM,KACF,GACA,GACA,IAAsB,CAAC,MACtB;CACD,IAAM,IAAoB,EAA8B,IAAI,GAEtD,IAAe,QAAkB;EAC9B,EAAS,WAKd,MADuB,KAAK,EAAS,QAAQ,QAC7C,CAAA,CAAS,SAAQ,MAAS;GACtB,IAAM,IAAQ,OAAO,SAAS,EAAM,aAAa,YAAY,KAAK,IAAI,EAAE;GACxE,AAAK,OAAO,MAAM,CAAK,KACnB,EAAY,GAAO,CAAoB;EAE/C,CAAC;CACL,GAAG,CAAC,CAAW,CAAC;CAgBhB,AAbA,QAAgB;EACP,MAAS,SAQd,OAJA,EAAkB,UAAU,IAAI,qBAAqB;GACjD,EAAa;EACjB,CAAC,SAEY,EAAkB,SAAS,WAAW;CACvD,GAAG,CAAC,CAAY,CAAC,GAGjB,QAAgB;EACZ,IAAI,CAAC,EAAS,WAAW,CAAC,EAAkB,SACxC;EAGJ,IAAM,IAAW,MAAM,KAAK,EAAS,QAAQ,QAAQ;EAQrD,OAPA,EAAS,SAAQ,MAAS;GACtB,EAAkB,SAAS,QAAQ,CAAK;EAC5C,CAAC,GAGD,EAAa,SAEA;GACT,EAAS,SAAQ,MAAS;IACtB,EAAkB,SAAS,UAAU,CAAK;GAC9C,CAAC;EACL;CACJ,GAAG,CAAC,GAAG,GAAc,CAAY,CAAC;AACtC"}

package/fuelTypeUtils.js

@@ -1,10 +1,2 @@
-import { countFuelTypeGroups as o, filterByFuelTypeGroup as p, fuelTypeGroupIcons as r, fuelTypeGroups as l, getFuelIcon as y, getFuelTypeGroupIcon as t } from "./utils/fuelTypeUtils.js";
-export {
-  o as countFuelTypeGroups,
-  p as filterByFuelTypeGroup,
-  r as fuelTypeGroupIcons,
-  l as fuelTypeGroups,
-  y as getFuelIcon,
-  t as getFuelTypeGroupIcon
-};
-//# sourceMappingURL=fuelTypeUtils.js.map
+import { countFuelTypeGroups as e, filterByFuelTypeGroup as t, fuelTypeGroupIcons as n, fuelTypeGroups as r, getFuelIcon as i, getFuelTypeGroupIcon as a } from "./utils/fuelTypeUtils.js";
+export { e as countFuelTypeGroups, t as filterByFuelTypeGroup, n as fuelTypeGroupIcons, r as fuelTypeGroups, i as getFuelIcon, a as getFuelTypeGroupIcon };

package/googleAnalyticsUtils.js

@@ -1,9 +1,2 @@
-import { TRACKING_ACTIONS as A, TRACKING_LABELS as r, executeAndTrack as T, gaPush as a, getTrackingAttributes as c } from "./utils/analytics/googleAnalyticsUtils.js";
-export {
-  A as TRACKING_ACTIONS,
-  r as TRACKING_LABELS,
-  T as executeAndTrack,
-  a as gaPush,
-  c as getTrackingAttributes
-};
-//# sourceMappingURL=googleAnalyticsUtils.js.map
+import { TRACKING_ACTIONS as e, TRACKING_LABELS as t, executeAndTrack as n, gaPush as r, getTrackingAttributes as i } from "./utils/analytics/googleAnalyticsUtils.js";
+export { e as TRACKING_ACTIONS, t as TRACKING_LABELS, n as executeAndTrack, r as gaPush, i as getTrackingAttributes };

package/hooks/useAfterMount.js

@@ -1,11 +1,12 @@
-import { useRef as r, useEffect as s } from "react";
-const o = (t, f) => {
-  const e = r(!1);
-  s(() => {
-    e.current ? t() : e.current = !0;
-  }, f);
+import { useEffect as e, useRef as t } from "react";
+//#region src/hooks/useAfterMount.ts
+var n = (n, r) => {
+	let i = t(!1);
+	e(() => {
+		i.current ? n() : i.current = !0;
+	}, r);
 };
-export {
-  o as default
-};
-//# sourceMappingURL=useAfterMount.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=useAfterMount.js.map

package/hooks/useAfterMount.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAfterMount.js","sources":["../../src/hooks/useAfterMount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * Calls the given callback once after the component has finished mounting and starts executing effects.\n *\n * @param callback The effect callback function to be used after the component has been mounted.\n * @param deps The deps of the callback (the same as if you were using useCallback or useEffect).\n */\nconst useAfterMount = (callback: VoidFunction, deps?: unknown[]) => {\n    const hasMountedRef = useRef(false);\n\n    useEffect(() => {\n        if (hasMountedRef.current) {\n            // Run the callback only after the first render and\n            // whenever the dependencies change afterwards\n            callback();\n        } else {\n            hasMountedRef.current = true;\n        }\n    }, deps);\n};\n\nexport default useAfterMount;\n"],"names":["useAfterMount","callback","deps","hasMountedRef","useRef","useEffect"],"mappings":";AAQA,MAAMA,IAAgB,CAACC,GAAwBC,MAAqB;AAChE,QAAMC,IAAgBC,EAAO,EAAK;AAElC,EAAAC,EAAU,MAAM;AACZ,IAAIF,EAAc,UAGdF,EAAA,IAEAE,EAAc,UAAU;AAAA,EAEhC,GAAGD,CAAI;AACX;"}
+{"version":3,"file":"useAfterMount.js","names":[],"sources":["../../src/hooks/useAfterMount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * Calls the given callback once after the component has finished mounting and starts executing effects.\n *\n * @param callback The effect callback function to be used after the component has been mounted.\n * @param deps The deps of the callback (the same as if you were using useCallback or useEffect).\n */\nconst useAfterMount = (callback: VoidFunction, deps?: unknown[]) => {\n    const hasMountedRef = useRef(false);\n\n    useEffect(() => {\n        if (hasMountedRef.current) {\n            // Run the callback only after the first render and\n            // whenever the dependencies change afterwards\n            callback();\n        } else {\n            hasMountedRef.current = true;\n        }\n    }, deps);\n};\n\nexport default useAfterMount;\n"],"mappings":";;AAQA,IAAM,KAAiB,GAAwB,MAAqB;CAChE,IAAM,IAAgB,EAAO,EAAK;CAElC,QAAgB;EACZ,AAAI,EAAc,UAGd,EAAS,IAET,EAAc,UAAU;CAEhC,GAAG,CAAI;AACX"}

package/hooks/useAnchoredPopover.d.ts

@@ -0,0 +1,5 @@
+import { DependencyList, RefObject } from 'react';
+type PopoverTarget<T extends HTMLElement> = RefObject<T | null> | T | null | undefined;
+export declare const usePopover: <T extends HTMLElement>(target: PopoverTarget<T>, open: boolean | undefined, dependencies?: DependencyList) => void;
+export declare const useAnchorName: (prefix: string) => string;
+export {};

package/hooks/useAnchoredPopover.js

@@ -0,0 +1,30 @@
+import { useId as e, useLayoutEffect as t } from "react";
+//#region src/hooks/useAnchoredPopover.ts
+var n = (e) => {
+	if (e) return "current" in e ? e.current : e;
+}, r = (e) => !!(e && "showPopover" in e && "hidePopover" in e), i = (e) => {
+	r(e) && e.matches(":popover-open") && e.hidePopover();
+}, a = (e, t) => {
+	if (r(e)) {
+		if (t) {
+			e.matches(":popover-open") || e.showPopover();
+			return;
+		}
+		i(e);
+	}
+}, o = (e, r, o = []) => {
+	t(() => {
+		let t = n(e);
+		return a(t, r), () => {
+			i(t);
+		};
+	}, [
+		r,
+		e,
+		...o
+	]);
+}, s = (t) => `--${t}-${e().replace(/:/g, "")}`;
+//#endregion
+export { s as useAnchorName, o as usePopover };
+
+//# sourceMappingURL=useAnchoredPopover.js.map

package/hooks/useAnchoredPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnchoredPopover.js","names":[],"sources":["../../src/hooks/useAnchoredPopover.ts"],"sourcesContent":["import { useId, useLayoutEffect, type DependencyList, type RefObject } from 'react';\n\ntype PopoverElement = HTMLElement & {\n    showPopover: () => void;\n    hidePopover: () => void;\n};\n\ntype PopoverTarget<T extends HTMLElement> = RefObject<T | null> | T | null | undefined;\n\nconst getPopoverElement = <T extends HTMLElement>(target: PopoverTarget<T>) => {\n    if (!target) {\n        return;\n    }\n\n    if ('current' in target) {\n        return target.current;\n    }\n\n    return target;\n};\n\nconst isPopoverElement = (element: HTMLElement | null | undefined): element is PopoverElement =>\n    Boolean(element && 'showPopover' in element && 'hidePopover' in element);\n\nconst hidePopover = (element: HTMLElement | null | undefined) => {\n    if (isPopoverElement(element) && element.matches(':popover-open')) {\n        element.hidePopover();\n    }\n};\n\nconst syncPopover = (element: HTMLElement | null | undefined, open: boolean | undefined) => {\n    if (!isPopoverElement(element)) {\n        return;\n    }\n\n    if (open) {\n        if (!element.matches(':popover-open')) {\n            element.showPopover();\n        }\n        return;\n    }\n\n    hidePopover(element);\n};\n\nexport const usePopover = <T extends HTMLElement>(\n    target: PopoverTarget<T>,\n    open: boolean | undefined,\n    dependencies: DependencyList = []\n) => {\n    useLayoutEffect(() => {\n        const element = getPopoverElement(target);\n\n        syncPopover(element, open);\n\n        return () => {\n            hidePopover(element);\n        };\n    }, [open, target, ...dependencies]);\n};\n\nexport const useAnchorName = (prefix: string) => {\n    const anchorId = useId().replace(/:/g, '');\n    return `--${prefix}-${anchorId}`;\n};\n"],"mappings":";;AASA,IAAM,KAA4C,MAA6B;CACtE,OAQL,OAJI,aAAa,IACN,EAAO,UAGX;AACX,GAEM,KAAoB,MACtB,GAAQ,KAAW,iBAAiB,KAAW,iBAAiB,IAE9D,KAAe,MAA4C;CAC7D,AAAI,EAAiB,CAAO,KAAK,EAAQ,QAAQ,eAAe,KAC5D,EAAQ,YAAY;AAE5B,GAEM,KAAe,GAAyC,MAA8B;CACnF,MAAiB,CAAO,GAI7B;MAAI,GAAM;GACN,AAAK,EAAQ,QAAQ,eAAe,KAChC,EAAQ,YAAY;GAExB;EACJ;EAEA,EAAY,CAAO;CAFnB;AAGJ,GAEa,KACT,GACA,GACA,IAA+B,CAAC,MAC/B;CACD,QAAsB;EAClB,IAAM,IAAU,EAAkB,CAAM;EAIxC,OAFA,EAAY,GAAS,CAAI,SAEZ;GACT,EAAY,CAAO;EACvB;CACJ,GAAG;EAAC;EAAM;EAAQ,GAAG;CAAY,CAAC;AACtC,GAEa,KAAiB,MAEnB,KAAK,EAAO,GADF,EAAM,CAAC,CAAC,QAAQ,MAAM,EACjB"}

package/hooks/useAverage.js

@@ -1,16 +1,18 @@
+import { getValueByPath as e, parseNumberFromValue as t } from "../utils/formatUtils.js";
 import { useMemo as n } from "react";
-import { getValueByPath as l, parseNumberFromValue as m } from "../utils/formatUtils.js";
-const i = (u, o, a = {}) => {
-  const { locale: s = "en-GB" } = a;
-  return n(() => {
-    const r = u.map((e) => {
-      const t = l(e, o);
-      return m(t, s);
-    }).filter((e) => !Number.isNaN(e) && e !== 0);
-    return r.length === 0 ? 0 : r.reduce((e, t) => e + t, 0) / r.length;
-  }, [u, o, s]);
+//#region src/hooks/useAverage.ts
+var r = (r, i, a = {}) => {
+	let { locale: o = "en-GB" } = a;
+	return n(() => {
+		let n = r.map((n) => t(e(n, i), o)).filter((e) => !Number.isNaN(e) && e !== 0);
+		return n.length === 0 ? 0 : n.reduce((e, t) => e + t, 0) / n.length;
+	}, [
+		r,
+		i,
+		o
+	]);
 };
-export {
-  i as default
-};
-//# sourceMappingURL=useAverage.js.map
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=useAverage.js.map

package/hooks/useAverage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAverage.js","sources":["../../src/hooks/useAverage.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { parseNumberFromValue, getValueByPath } from '../utils/formatUtils';\n\nexport type UseAverageOptions = {\n    /**\n     * The locale used to parse localized number formats (e.g. \"de-DE\", \"en-GB\").\n     * @default \"en-GB\".\n     */\n    locale?: string;\n};\n\n/**\n * Calculates the average of numeric values from a list of objects.\n * Values are extracted using a dot-separated path and parsed with locale awareness.\n *\n * @param items - The list of objects to aggregate.\n * @param path - Dot-separated path to the value in each object.\n * @param options - Optional configuration (e.g. locale for number parsing).\n * @returns The average of all valid values as a number. Returns 0 if no values are valid.\n */\nconst useAverage = (items: unknown[], path: string, options: UseAverageOptions = {}): number => {\n    const { locale = 'en-GB' } = options;\n\n    return useMemo(() => {\n        const values = items\n            .map(item => {\n                const raw = getValueByPath(item, path);\n                return parseNumberFromValue(raw, locale);\n            })\n            .filter(num => !Number.isNaN(num) && num !== 0);\n\n        if (values.length === 0) {\n            return 0;\n        }\n\n        const sum = values.reduce((total, value) => total + value, 0);\n        return sum / values.length;\n    }, [items, path, locale]);\n};\n\nexport default useAverage;\n"],"names":["useAverage","items","path","options","locale","useMemo","values","item","raw","getValueByPath","parseNumberFromValue","num","total","value"],"mappings":";;AAqBA,MAAMA,IAAa,CAACC,GAAkBC,GAAcC,IAA6B,CAAA,MAAe;AAC5F,QAAM,EAAE,QAAAC,IAAS,QAAA,IAAYD;AAE7B,SAAOE,EAAQ,MAAM;AACjB,UAAMC,IAASL,EACV,IAAI,CAAAM,MAAQ;AACT,YAAMC,IAAMC,EAAeF,GAAML,CAAI;AACrC,aAAOQ,EAAqBF,GAAKJ,CAAM;AAAA,IAC3C,CAAC,EACA,OAAO,CAAAO,MAAO,CAAC,OAAO,MAAMA,CAAG,KAAKA,MAAQ,CAAC;AAElD,WAAIL,EAAO,WAAW,IACX,IAGCA,EAAO,OAAO,CAACM,GAAOC,MAAUD,IAAQC,GAAO,CAAC,IAC/CP,EAAO;AAAA,EACxB,GAAG,CAACL,GAAOC,GAAME,CAAM,CAAC;AAC5B;"}
+{"version":3,"file":"useAverage.js","names":[],"sources":["../../src/hooks/useAverage.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { parseNumberFromValue, getValueByPath } from '../utils/formatUtils';\n\nexport type UseAverageOptions = {\n    /**\n     * The locale used to parse localized number formats (e.g. \"de-DE\", \"en-GB\").\n     * @default \"en-GB\".\n     */\n    locale?: string;\n};\n\n/**\n * Calculates the average of numeric values from a list of objects.\n * Values are extracted using a dot-separated path and parsed with locale awareness.\n *\n * @param items - The list of objects to aggregate.\n * @param path - Dot-separated path to the value in each object.\n * @param options - Optional configuration (e.g. locale for number parsing).\n * @returns The average of all valid values as a number. Returns 0 if no values are valid.\n */\nconst useAverage = (items: unknown[], path: string, options: UseAverageOptions = {}): number => {\n    const { locale = 'en-GB' } = options;\n\n    return useMemo(() => {\n        const values = items\n            .map(item => {\n                const raw = getValueByPath(item, path);\n                return parseNumberFromValue(raw, locale);\n            })\n            .filter(num => !Number.isNaN(num) && num !== 0);\n\n        if (values.length === 0) {\n            return 0;\n        }\n\n        const sum = values.reduce((total, value) => total + value, 0);\n        return sum / values.length;\n    }, [items, path, locale]);\n};\n\nexport default useAverage;\n"],"mappings":";;;AAqBA,IAAM,KAAc,GAAkB,GAAc,IAA6B,CAAC,MAAc;CAC5F,IAAM,EAAE,YAAS,YAAY;CAE7B,OAAO,QAAc;EACjB,IAAM,IAAS,EACV,KAAI,MAEM,EADK,EAAe,GAAM,CACL,GAAK,CAAM,CAC1C,CAAC,CACD,QAAO,MAAO,CAAC,OAAO,MAAM,CAAG,KAAK,MAAQ,CAAC;EAOlD,OALI,EAAO,WAAW,IACX,IAGC,EAAO,QAAQ,GAAO,MAAU,IAAQ,GAAO,CACpD,IAAM,EAAO;CACxB,GAAG;EAAC;EAAO;EAAM;CAAM,CAAC;AAC5B"}

package/hooks/useBrand.d.ts

@@ -0,0 +1,10 @@
+import { Brand } from '../utils/init/initCSS';
+export type UseBrandResult = {
+    brand: Brand;
+    setBrand: (brand: Brand) => void;
+};
+/**
+ * Provides the active UIKIT brand and updates the document theme stylesheet when the brand changes.
+ */
+declare const useBrand: () => UseBrandResult;
+export default useBrand;

package/hooks/useBrand.js

@@ -0,0 +1,23 @@
+import e from "./useMutationObserver.js";
+import { getDocumentBrand as t, setDocumentBrand as n } from "../utils/init/initCSS.js";
+import { useCallback as r, useState as i } from "react";
+//#region src/hooks/useBrand.ts
+var a = () => {
+	let [a, o] = i(t), s = r((e) => {
+		o(n(e));
+	}, []), c = r((e) => {
+		e.some((e) => e.type === "attributes" && e.attributeName === "data-brand") && o(t());
+	}, []);
+	return e(document.documentElement, c, {
+		attributes: !0,
+		childList: !1,
+		subtree: !1
+	}), {
+		brand: a,
+		setBrand: s
+	};
+};
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=useBrand.js.map

package/hooks/useBrand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBrand.js","names":[],"sources":["../../src/hooks/useBrand.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { BRAND_DATA_ATTRIBUTE, getDocumentBrand, setDocumentBrand, type Brand } from '../utils/init/initCSS';\nimport useMutationObserver from './useMutationObserver';\n\nexport type UseBrandResult = {\n    brand: Brand;\n    setBrand: (brand: Brand) => void;\n};\n\n/**\n * Provides the active UIKIT brand and updates the document theme stylesheet when the brand changes.\n */\nconst useBrand = (): UseBrandResult => {\n    const [brand, setBrandState] = useState<Brand>(getDocumentBrand);\n\n    const setBrand = useCallback((nextBrand: Brand) => {\n        setBrandState(setDocumentBrand(nextBrand));\n    }, []);\n\n    const handleBrandChange = useCallback((mutationList: MutationRecord[]) => {\n        if (\n            mutationList.some(\n                mutation => mutation.type === 'attributes' && mutation.attributeName === BRAND_DATA_ATTRIBUTE\n            )\n        ) {\n            setBrandState(getDocumentBrand());\n        }\n    }, []);\n\n    useMutationObserver(document.documentElement, handleBrandChange, {\n        attributes: true,\n        childList: false,\n        subtree: false,\n    });\n\n    return { brand, setBrand };\n};\n\nexport default useBrand;\n"],"mappings":";;;;AAaA,IAAM,UAAiC;CACnC,IAAM,CAAC,GAAO,KAAiB,EAAgB,CAAgB,GAEzD,IAAW,GAAa,MAAqB;EAC/C,EAAc,EAAiB,CAAS,CAAC;CAC7C,GAAG,CAAC,CAAC,GAEC,IAAoB,GAAa,MAAmC;EACtE,AACI,EAAa,MACT,MAAY,EAAS,SAAS,gBAAgB,EAAS,kBAAA,YAC3D,KAEA,EAAc,EAAiB,CAAC;CAExC,GAAG,CAAC,CAAC;CAQL,OANA,EAAoB,SAAS,iBAAiB,GAAmB;EAC7D,YAAY;EACZ,WAAW;EACX,SAAS;CACb,CAAC,GAEM;EAAE;EAAO;CAAS;AAC7B"}

package/hooks/useClickOutside.js

@@ -1,26 +1,29 @@
-import { useEffect as i, useRef as E } from "react";
-const c = ["mousedown", "touchstart"], f = (t, u = c, n = !0) => {
-  const r = E(null);
-  return d(r, t, u, n), r;
-}, d = (t, u, n = c, r = !0) => {
-  i(() => {
-    if (!r)
-      return;
-    const o = t && "current" in t ? t.current : t, s = (e) => {
-      o && !o.contains(e.target) && u(e);
-    };
-    return n.forEach((e) => {
-      document.addEventListener(e, s);
-    }), () => {
-      n.forEach((e) => {
-        document.removeEventListener(e, s);
-      });
-    };
-  }, [t, u, n, r]);
+import { useEffect as e, useRef as t } from "react";
+//#region src/hooks/useClickOutside.ts
+var n = ["mousedown", "touchstart"], r = (e, r = n, a = !0) => {
+	let o = t(null);
+	return i(o, e, r, a), o;
+}, i = (t, r, i = n, a = !0) => {
+	e(() => {
+		if (!a) return;
+		let e = t && "current" in t ? t.current : t, n = (t) => {
+			e && !e.contains(t.target) && r(t);
+		};
+		return i.forEach((e) => {
+			document.addEventListener(e, n);
+		}), () => {
+			i.forEach((e) => {
+				document.removeEventListener(e, n);
+			});
+		};
+	}, [
+		t,
+		r,
+		i,
+		a
+	]);
 };
-export {
-  c as DEFAULT_EVENT_TYPES,
-  f as default,
-  d as useClickOutsideWithRef
-};
-//# sourceMappingURL=useClickOutside.js.map
+//#endregion
+export { n as DEFAULT_EVENT_TYPES, r as default, i as useClickOutsideWithRef };
+
+//# sourceMappingURL=useClickOutside.js.map

package/hooks/useClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.js","sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":["/* eslint-disable prefer-arrow/prefer-arrow-functions */\n// eslint-disable-next-line max-len\n// Inspired from https://github.com/mantinedev/mantine/blob/master/src/mantine-hooks/src/use-click-outside/use-click-outside.ts\n\nimport { useEffect, useRef } from 'react';\n\nexport type EventListenerType = keyof DocumentEventMap;\n\nexport const DEFAULT_EVENT_TYPES: EventListenerType[] = ['mousedown', 'touchstart'];\n\n/**\n * Custom hook to detect clicks outside a specified element.\n *\n * @param callback - The callback function to be called when a click outside the element is detected.\n * @param events - Array of event types to listen for.\n * @param isActive - Flag to only listen for clicks when target element active.\n *\n * @returns A mutable ref object representing the target element.\n */\nconst useClickOutside = <T extends HTMLElement = any>(\n    callback: (event: MouseEvent | TouchEvent) => void,\n    events: EventListenerType[] = DEFAULT_EVENT_TYPES,\n    isActive = true // Only listen when active\n): React.MutableRefObject<T> => {\n    const targetRef = useRef<any>(null);\n\n    useClickOutsideWithRef(targetRef, callback, events, isActive);\n\n    return targetRef;\n};\n\n// Internal use for now - extend it later to be used outside\nexport const useClickOutsideWithRef = <T extends HTMLElement = any>(\n    ref: React.MutableRefObject<HTMLElement | null> | HTMLElement | null,\n    callback: (event: MouseEvent | TouchEvent) => void,\n    events: EventListenerType[] = DEFAULT_EVENT_TYPES,\n    isActive = true\n): void => {\n    useEffect(() => {\n        if (!isActive) {\n            return; // Simply return early if not active, no cleanup needed\n        }\n\n        // In case the ref is actually a state and will be set via the state setter function\n        const element = ref && 'current' in ref ? ref.current : ref;\n\n        // Event listener function to check if the click is outside the target element\n        const listener = (event: Event) => {\n            if (element && !element.contains(event.target as Node)) {\n                callback(event as MouseEvent | TouchEvent);\n            }\n        };\n\n        // Add event listeners for each specified event type\n        events.forEach(eventType => {\n            document.addEventListener(eventType, listener);\n        });\n\n        // Cleanup function to remove event listeners\n        return () => {\n            events.forEach(eventType => {\n                document.removeEventListener(eventType, listener);\n            });\n        };\n    }, [ref, callback, events, isActive]);\n};\n\nexport default useClickOutside;\n"],"names":["DEFAULT_EVENT_TYPES","useClickOutside","callback","events","isActive","targetRef","useRef","useClickOutsideWithRef","ref","useEffect","element","listener","event","eventType"],"mappings":";AAQO,MAAMA,IAA2C,CAAC,aAAa,YAAY,GAW5EC,IAAkB,CACpBC,GACAC,IAA8BH,GAC9BI,IAAW,OACiB;AAC5B,QAAMC,IAAYC,EAAY,IAAI;AAElC,SAAAC,EAAuBF,GAAWH,GAAUC,GAAQC,CAAQ,GAErDC;AACX,GAGaE,IAAyB,CAClCC,GACAN,GACAC,IAA8BH,GAC9BI,IAAW,OACJ;AACP,EAAAK,EAAU,MAAM;AACZ,QAAI,CAACL;AACD;AAIJ,UAAMM,IAAUF,KAAO,aAAaA,IAAMA,EAAI,UAAUA,GAGlDG,IAAW,CAACC,MAAiB;AAC/B,MAAIF,KAAW,CAACA,EAAQ,SAASE,EAAM,MAAc,KACjDV,EAASU,CAAgC;AAAA,IAEjD;AAGA,WAAAT,EAAO,QAAQ,CAAAU,MAAa;AACxB,eAAS,iBAAiBA,GAAWF,CAAQ;AAAA,IACjD,CAAC,GAGM,MAAM;AACT,MAAAR,EAAO,QAAQ,CAAAU,MAAa;AACxB,iBAAS,oBAAoBA,GAAWF,CAAQ;AAAA,MACpD,CAAC;AAAA,IACL;AAAA,EACJ,GAAG,CAACH,GAAKN,GAAUC,GAAQC,CAAQ,CAAC;AACxC;"}
+{"version":3,"file":"useClickOutside.js","names":[],"sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":["/* eslint-disable prefer-arrow/prefer-arrow-functions */\n// eslint-disable-next-line max-len\n// Inspired from https://github.com/mantinedev/mantine/blob/master/src/mantine-hooks/src/use-click-outside/use-click-outside.ts\n\nimport { useEffect, useRef } from 'react';\n\nexport type EventListenerType = keyof DocumentEventMap;\n\nexport const DEFAULT_EVENT_TYPES: EventListenerType[] = ['mousedown', 'touchstart'];\n\n/**\n * Custom hook to detect clicks outside a specified element.\n *\n * @param callback - The callback function to be called when a click outside the element is detected.\n * @param events - Array of event types to listen for.\n * @param isActive - Flag to only listen for clicks when target element active.\n *\n * @returns A mutable ref object representing the target element.\n */\nconst useClickOutside = <T extends HTMLElement = any>(\n    callback: (event: MouseEvent | TouchEvent) => void,\n    events: EventListenerType[] = DEFAULT_EVENT_TYPES,\n    isActive = true // Only listen when active\n): React.MutableRefObject<T> => {\n    const targetRef = useRef<any>(null);\n\n    useClickOutsideWithRef(targetRef, callback, events, isActive);\n\n    return targetRef;\n};\n\n// Internal use for now - extend it later to be used outside\nexport const useClickOutsideWithRef = <T extends HTMLElement = any>(\n    ref: React.MutableRefObject<HTMLElement | null> | HTMLElement | null,\n    callback: (event: MouseEvent | TouchEvent) => void,\n    events: EventListenerType[] = DEFAULT_EVENT_TYPES,\n    isActive = true\n): void => {\n    useEffect(() => {\n        if (!isActive) {\n            return; // Simply return early if not active, no cleanup needed\n        }\n\n        // In case the ref is actually a state and will be set via the state setter function\n        const element = ref && 'current' in ref ? ref.current : ref;\n\n        // Event listener function to check if the click is outside the target element\n        const listener = (event: Event) => {\n            if (element && !element.contains(event.target as Node)) {\n                callback(event as MouseEvent | TouchEvent);\n            }\n        };\n\n        // Add event listeners for each specified event type\n        events.forEach(eventType => {\n            document.addEventListener(eventType, listener);\n        });\n\n        // Cleanup function to remove event listeners\n        return () => {\n            events.forEach(eventType => {\n                document.removeEventListener(eventType, listener);\n            });\n        };\n    }, [ref, callback, events, isActive]);\n};\n\nexport default useClickOutside;\n"],"mappings":";;AAQA,IAAa,IAA2C,CAAC,aAAa,YAAY,GAW5E,KACF,GACA,IAA8B,GAC9B,IAAW,OACiB;CAC5B,IAAM,IAAY,EAAY,IAAI;CAIlC,OAFA,EAAuB,GAAW,GAAU,GAAQ,CAAQ,GAErD;AACX,GAGa,KACT,GACA,GACA,IAA8B,GAC9B,IAAW,OACJ;CACP,QAAgB;EACZ,IAAI,CAAC,GACD;EAIJ,IAAM,IAAU,KAAO,aAAa,IAAM,EAAI,UAAU,GAGlD,KAAY,MAAiB;GAC/B,AAAI,KAAW,CAAC,EAAQ,SAAS,EAAM,MAAc,KACjD,EAAS,CAAgC;EAEjD;EAQA,OALA,EAAO,SAAQ,MAAa;GACxB,SAAS,iBAAiB,GAAW,CAAQ;EACjD,CAAC,SAGY;GACT,EAAO,SAAQ,MAAa;IACxB,SAAS,oBAAoB,GAAW,CAAQ;GACpD,CAAC;EACL;CACJ,GAAG;EAAC;EAAK;EAAU;EAAQ;CAAQ,CAAC;AACxC"}

package/hooks/useClipboard.js

@@ -1,16 +1,22 @@
-import { useState as s } from "react";
-import { isNil as d } from "es-toolkit/compat";
-const y = (i) => {
-  const { timeout: a = 2e3 } = i ?? {}, [l, o] = s(null), [c, t] = s(!1), [e, n] = s(null), p = (r) => {
-    e && clearTimeout(e), n(setTimeout(() => t(!1), a)), t(r);
-  };
-  return { copy: (r) => {
-    d(navigator.clipboard) ? o(new Error("useClipboard: navigator.clipboard is not supported")) : navigator.clipboard.writeText(r).then(() => p(!0)).catch((u) => o(u));
-  }, reset: () => {
-    t(!1), o(null), e && clearTimeout(e);
-  }, error: l, copied: c };
+import { useState as e } from "react";
+import { isNil as t } from "es-toolkit/compat";
+//#region src/hooks/useClipboard.ts
+var n = (n) => {
+	let { timeout: r = 2e3 } = n ?? {}, [i, a] = e(null), [o, s] = e(!1), [c, l] = e(null), u = (e) => {
+		c && clearTimeout(c), l(setTimeout(() => s(!1), r)), s(e);
+	};
+	return {
+		copy: (e) => {
+			t(navigator.clipboard) ? a(/* @__PURE__ */ Error("useClipboard: navigator.clipboard is not supported")) : navigator.clipboard.writeText(e).then(() => u(!0)).catch((e) => a(e));
+		},
+		reset: () => {
+			s(!1), a(null), c && clearTimeout(c);
+		},
+		error: i,
+		copied: o
+	};
 };
-export {
-  y as default
-};
-//# sourceMappingURL=useClipboard.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=useClipboard.js.map

package/hooks/useClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClipboard.js","sources":["../../src/hooks/useClipboard.ts"],"sourcesContent":["// Inspired from https://github.com/mantinedev/mantine/blob/master/src/mantine-hooks/src/use-clipboard/use-clipboard.ts\n\nimport { useState } from 'react';\nimport { isNil } from 'es-toolkit/compat';\n\n/**\n * Custom hook to interact with the clipboard.\n *\n * @param options - Options object for configuring the hook behavior.\n * @returns An object containing functions and state related to clipboard operations.\n */\nconst useClipboard = (options?: { timeout: number }) => {\n    const { timeout = 2000 } = options ?? {};\n\n    const [error, setError] = useState<Error | null>(null);\n    const [copied, setCopied] = useState(false);\n    const [copyTimeout, setCopyTimeout] = useState<number | null>(null);\n\n    // Function to handle copy result and set copied status\n    const handleCopyResult = (value: boolean) => {\n        if (copyTimeout) {\n            clearTimeout(copyTimeout);\n        }\n        setCopyTimeout(setTimeout(() => setCopied(false), timeout));\n        setCopied(value);\n    };\n\n    // Function to copy text to clipboard\n    const copy = (valueToCopy: string) => {\n        if (!isNil(navigator.clipboard)) {\n            navigator.clipboard\n                .writeText(valueToCopy)\n                .then(() => handleCopyResult(true))\n                .catch(writeError => setError(writeError));\n        } else {\n            setError(new Error('useClipboard: navigator.clipboard is not supported'));\n        }\n    };\n\n    // Function to reset copied status and clear errors\n    const reset = () => {\n        setCopied(false);\n        setError(null);\n        if (copyTimeout) {\n            clearTimeout(copyTimeout);\n        }\n    };\n\n    return { copy, reset, error, copied };\n};\n\nexport default useClipboard;\n"],"names":["useClipboard","options","timeout","error","setError","useState","copied","setCopied","copyTimeout","setCopyTimeout","handleCopyResult","value","valueToCopy","isNil","writeError"],"mappings":";;AAWA,MAAMA,IAAe,CAACC,MAAkC;AACpD,QAAM,EAAE,SAAAC,IAAU,IAAA,IAASD,KAAW,CAAA,GAEhC,CAACE,GAAOC,CAAQ,IAAIC,EAAuB,IAAI,GAC/C,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpC,CAACG,GAAaC,CAAc,IAAIJ,EAAwB,IAAI,GAG5DK,IAAmB,CAACC,MAAmB;AACzC,IAAIH,KACA,aAAaA,CAAW,GAE5BC,EAAe,WAAW,MAAMF,EAAU,EAAK,GAAGL,CAAO,CAAC,GAC1DK,EAAUI,CAAK;AAAA,EACnB;AAuBA,SAAO,EAAE,MApBI,CAACC,MAAwB;AAClC,IAAKC,EAAM,UAAU,SAAS,IAM1BT,EAAS,IAAI,MAAM,oDAAoD,CAAC,IALxE,UAAU,UACL,UAAUQ,CAAW,EACrB,KAAK,MAAMF,EAAiB,EAAI,CAAC,EACjC,MAAM,CAAAI,MAAcV,EAASU,CAAU,CAAC;AAAA,EAIrD,GAWe,OARD,MAAM;AAChB,IAAAP,EAAU,EAAK,GACfH,EAAS,IAAI,GACTI,KACA,aAAaA,CAAW;AAAA,EAEhC,GAEsB,OAAAL,GAAO,QAAAG,EAAA;AACjC;"}
+{"version":3,"file":"useClipboard.js","names":[],"sources":["../../src/hooks/useClipboard.ts"],"sourcesContent":["// Inspired from https://github.com/mantinedev/mantine/blob/master/src/mantine-hooks/src/use-clipboard/use-clipboard.ts\n\nimport { useState } from 'react';\nimport { isNil } from 'es-toolkit/compat';\n\n/**\n * Custom hook to interact with the clipboard.\n *\n * @param options - Options object for configuring the hook behavior.\n * @returns An object containing functions and state related to clipboard operations.\n */\nconst useClipboard = (options?: { timeout: number }) => {\n    const { timeout = 2000 } = options ?? {};\n\n    const [error, setError] = useState<Error | null>(null);\n    const [copied, setCopied] = useState(false);\n    const [copyTimeout, setCopyTimeout] = useState<number | null>(null);\n\n    // Function to handle copy result and set copied status\n    const handleCopyResult = (value: boolean) => {\n        if (copyTimeout) {\n            clearTimeout(copyTimeout);\n        }\n        setCopyTimeout(setTimeout(() => setCopied(false), timeout));\n        setCopied(value);\n    };\n\n    // Function to copy text to clipboard\n    const copy = (valueToCopy: string) => {\n        if (!isNil(navigator.clipboard)) {\n            navigator.clipboard\n                .writeText(valueToCopy)\n                .then(() => handleCopyResult(true))\n                .catch(writeError => setError(writeError));\n        } else {\n            setError(new Error('useClipboard: navigator.clipboard is not supported'));\n        }\n    };\n\n    // Function to reset copied status and clear errors\n    const reset = () => {\n        setCopied(false);\n        setError(null);\n        if (copyTimeout) {\n            clearTimeout(copyTimeout);\n        }\n    };\n\n    return { copy, reset, error, copied };\n};\n\nexport default useClipboard;\n"],"mappings":";;;AAWA,IAAM,KAAgB,MAAkC;CACpD,IAAM,EAAE,aAAU,QAAS,KAAW,CAAC,GAEjC,CAAC,GAAO,KAAY,EAAuB,IAAI,GAC/C,CAAC,GAAQ,KAAa,EAAS,EAAK,GACpC,CAAC,GAAa,KAAkB,EAAwB,IAAI,GAG5D,KAAoB,MAAmB;EAKzC,AAJI,KACA,aAAa,CAAW,GAE5B,EAAe,iBAAiB,EAAU,EAAK,GAAG,CAAO,CAAC,GAC1D,EAAU,CAAK;CACnB;CAuBA,OAAO;EAAE,OApBK,MAAwB;GAClC,AAAK,EAAM,UAAU,SAAS,IAM1B,EAAS,gBAAI,MAAM,oDAAoD,CAAC,IALxE,UAAU,UACL,UAAU,CAAW,CAAC,CACtB,WAAW,EAAiB,EAAI,CAAC,CAAC,CAClC,OAAM,MAAc,EAAS,CAAU,CAAC;EAIrD;EAWe,aARK;GAGhB,AAFA,EAAU,EAAK,GACf,EAAS,IAAI,GACT,KACA,aAAa,CAAW;EAEhC;EAEsB;EAAO;CAAO;AACxC"}