@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0-beta.2

package/components/virtualList/VirtualList.js

@@ -1,139 +1,140 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef, useState, useEffect, useCallback } from 'react';
-import VirtualListItemWrapper from "./VirtualListItemWrapper.js";
-import useWindowResize from "../../hooks/useWindowResize.js";
-import useVirtualListResizeObserver from "./useVirtualListResizeObserver.js";
-export const VirtualList = (props) => {
-    const { items, renderItem, overscanCount = 3, defaultHeight = 50, scrollContainerRef, containerClassName = '', listItemWrapperClassName = '', className = '', ...remainingProps } = props;
-    const [state, setState] = useState({
-        itemHeights: {},
-        visibleRange: { start: 0, end: 10 },
-        scrollTop: 0,
-        viewportHeight: 0,
-    });
-    const containerRef = useRef(null);
-    const itemsRef = useRef(null);
-    const lastMeasuredIndexRef = useRef(-1);
-    // Get the actual scroll container - either external or internal
-    const getScrollContainer = useCallback(() => {
-        return scrollContainerRef?.current || containerRef.current;
-    }, [scrollContainerRef]);
-    // Ensure we never return NaN or invalid heights
-    const getSafeHeight = useCallback((height) => {
-        return !Number.isNaN(height) && height > 0 ? height : defaultHeight;
-    }, [defaultHeight]);
-    const getItemPosition = useCallback((index) => {
-        let position = 0;
-        for (let i = 0; i < index; i++) {
-            const height = state.itemHeights[i] ?? defaultHeight;
-            position += getSafeHeight(height);
-        }
-        return position;
-    }, [state.itemHeights, getSafeHeight, defaultHeight]);
-    const getTotalHeight = useCallback(() => {
-        const measuredHeight = Object.values(state.itemHeights).reduce((sum, height) => sum + getSafeHeight(height), 0);
-        const measuredCount = Object.keys(state.itemHeights).length;
-        const averageHeight = measuredCount > 0 ? getSafeHeight(measuredHeight / measuredCount) : defaultHeight;
-        const unmeasuredCount = items.length - measuredCount;
-        return getSafeHeight(measuredHeight + unmeasuredCount * averageHeight);
-    }, [items.length, state.itemHeights, getSafeHeight, defaultHeight]);
-    const calculateVisibleRange = useCallback(() => {
-        const scrollContainer = getScrollContainer();
-        if (!scrollContainer) {
-            return state.visibleRange;
-        }
-        const viewportHeight = scrollContainer.clientHeight;
-        const scrollTop = scrollContainer.scrollTop;
-        let start = 0;
-        let currentPosition = 0;
-        while (start < items.length) {
-            const height = getSafeHeight(state.itemHeights[start] ?? defaultHeight);
-            if (currentPosition + height > scrollTop - overscanCount * height) {
-                break;
-            }
-            currentPosition += height;
-            start++;
-        }
-        let end = start;
-        while (end < items.length) {
-            const height = getSafeHeight(state.itemHeights[end] ?? defaultHeight);
-            if (currentPosition > scrollTop + viewportHeight + overscanCount * height) {
-                break;
-            }
-            currentPosition += height;
-            end++;
-        }
-        return {
-            start: Math.max(0, start - overscanCount),
-            end: Math.min(items.length, end + overscanCount),
-        };
-    }, [
-        items.length,
-        overscanCount,
-        state.itemHeights,
-        state.visibleRange,
-        getSafeHeight,
-        defaultHeight,
-        getScrollContainer,
-    ]);
-    const measureItem = useCallback((index, element) => {
-        const rect = element.getBoundingClientRect();
-        const computedStyle = window.getComputedStyle(element);
-        // Calculate total height with safety checks
-        const totalSafeHeight = getSafeHeight(rect.height +
-            Number.parseFloat(computedStyle.marginTop || '0') +
-            Number.parseFloat(computedStyle.marginBottom || '0'));
-        setState(prev => {
-            if (prev.itemHeights[index] === totalSafeHeight) {
-                return prev;
-            }
-            return {
-                ...prev,
-                itemHeights: { ...prev.itemHeights, [index]: totalSafeHeight },
-            };
-        });
-        lastMeasuredIndexRef.current = Math.max(lastMeasuredIndexRef.current, index);
-    }, [getSafeHeight]);
-    useVirtualListResizeObserver(itemsRef, measureItem, [state.visibleRange]);
-    const handleScroll = useCallback(() => {
-        const scrollContainer = getScrollContainer();
-        if (!scrollContainer) {
-            return;
-        }
-        const newRange = calculateVisibleRange();
-        setState(prev => ({
-            ...prev,
-            visibleRange: newRange,
-            scrollTop: scrollContainer.scrollTop,
-            viewportHeight: scrollContainer.clientHeight,
-        }));
-    }, [calculateVisibleRange, getScrollContainer]);
-    // Register container scroll event
-    useEffect(() => {
-        const scrollContainer = getScrollContainer();
-        if (!scrollContainer) {
-            return;
-        }
-        scrollContainer.addEventListener('scroll', handleScroll, { passive: true });
-        return () => scrollContainer.removeEventListener('scroll', handleScroll);
-    }, [handleScroll, getScrollContainer]);
-    // On window resize, update scroll position
-    useWindowResize(handleScroll);
-    const renderItemWithPosition = (item, index) => {
-        const renderedItem = renderItem(item, index);
-        const translateY = getItemPosition(index);
-        return (_jsx(VirtualListItemWrapper, { "data-index": index, translateY: translateY, className: listItemWrapperClassName, children: renderedItem }, index));
-    };
-    const { start, end } = state.visibleRange;
-    const totalHeight = getTotalHeight();
-    // Adjust the root element style based on whether we're using an external scroll container
-    const rootStyle = {
-        height: scrollContainerRef ? totalHeight : '100%',
-        position: 'relative',
-        overflow: scrollContainerRef ? 'visible' : 'auto',
+import { jsx as p } from "react/jsx-runtime";
+import { useState as z, useRef as H, useCallback as m, useEffect as B } from "react";
+import F from "./VirtualListItemWrapper.js";
+import $ from "../../hooks/useWindowResize.js";
+import x from "./useVirtualListResizeObserver.js";
+const J = (S) => {
+  const {
+    items: c,
+    renderItem: y,
+    overscanCount: h = 3,
+    defaultHeight: l = 50,
+    scrollContainerRef: d,
+    containerClassName: L = "",
+    listItemWrapperClassName: T = "",
+    className: V = "",
+    ...k
+  } = S, [r, v] = z({
+    itemHeights: {},
+    visibleRange: { start: 0, end: 10 },
+    scrollTop: 0,
+    viewportHeight: 0
+  }), b = H(null), R = H(null), C = H(-1), u = m(() => d?.current || b.current, [d]), n = m(
+    (e) => !Number.isNaN(e) && e > 0 ? e : l,
+    [l]
+  ), M = m(
+    (e) => {
+      let t = 0;
+      for (let s = 0; s < e; s++) {
+        const i = r.itemHeights[s] ?? l;
+        t += n(i);
+      }
+      return t;
+    },
+    [r.itemHeights, n, l]
+  ), P = m(() => {
+    const e = Object.values(r.itemHeights).reduce((a, o) => a + n(o), 0), t = Object.keys(r.itemHeights).length, s = t > 0 ? n(e / t) : l, i = c.length - t;
+    return n(e + i * s);
+  }, [c.length, r.itemHeights, n, l]), N = m(() => {
+    const e = u();
+    if (!e)
+      return r.visibleRange;
+    const t = e.clientHeight, s = e.scrollTop;
+    let i = 0, a = 0;
+    for (; i < c.length; ) {
+      const g = n(r.itemHeights[i] ?? l);
+      if (a + g > s - h * g)
+        break;
+      a += g, i++;
+    }
+    let o = i;
+    for (; o < c.length; ) {
+      const g = n(r.itemHeights[o] ?? l);
+      if (a > s + t + h * g)
+        break;
+      a += g, o++;
+    }
+    return {
+      start: Math.max(0, i - h),
+      end: Math.min(c.length, o + h)
     };
-    return (_jsx("div", { ...remainingProps, ref: containerRef, className: `VirtualList overflow-y-auto ${className}`, style: rootStyle, children: _jsx("div", { className: 'position-relative', style: {
-                height: scrollContainerRef ? 'auto' : totalHeight,
-            }, children: _jsx("div", { ref: itemsRef, className: `VirtualListItemContainer ${containerClassName}`, children: items.slice(start, end).map((item, idx) => renderItemWithPosition(item, start + idx)) }) }) }));
+  }, [
+    c.length,
+    h,
+    r.itemHeights,
+    r.visibleRange,
+    n,
+    l,
+    u
+  ]), W = m(
+    (e, t) => {
+      const s = t.getBoundingClientRect(), i = window.getComputedStyle(t), a = n(
+        s.height + Number.parseFloat(i.marginTop || "0") + Number.parseFloat(i.marginBottom || "0")
+      );
+      v((o) => o.itemHeights[e] === a ? o : {
+        ...o,
+        itemHeights: { ...o.itemHeights, [e]: a }
+      }), C.current = Math.max(C.current, e);
+    },
+    [n]
+  );
+  x(R, W, [r.visibleRange]);
+  const f = m(() => {
+    const e = u();
+    if (!e)
+      return;
+    const t = N();
+    v((s) => ({
+      ...s,
+      visibleRange: t,
+      scrollTop: e.scrollTop,
+      viewportHeight: e.clientHeight
+    }));
+  }, [N, u]);
+  B(() => {
+    const e = u();
+    if (e)
+      return e.addEventListener("scroll", f, { passive: !0 }), () => e.removeEventListener("scroll", f);
+  }, [f, u]), $(f);
+  const j = (e, t) => {
+    const s = y(e, t), i = M(t);
+    return /* @__PURE__ */ p(
+      F,
+      {
+        "data-index": t,
+        translateY: i,
+        className: T,
+        children: s
+      },
+      t
+    );
+  }, { start: w, end: E } = r.visibleRange, I = P(), O = {
+    height: d ? I : "100%",
+    position: "relative",
+    overflow: d ? "visible" : "auto"
+  };
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      ...k,
+      ref: b,
+      className: `VirtualList overflow-y-auto ${V}`,
+      style: O,
+      children: /* @__PURE__ */ p(
+        "div",
+        {
+          className: "position-relative",
+          style: {
+            height: d ? "auto" : I
+          },
+          children: /* @__PURE__ */ p("div", { ref: R, className: `VirtualListItemContainer ${L}`, children: c.slice(w, E).map((e, t) => j(e, w + t)) })
+        }
+      )
+    }
+  );
+};
+export {
+  J as VirtualList,
+  J as default
 };
-export default VirtualList;
+//# sourceMappingURL=VirtualList.js.map

package/components/virtualList/VirtualList.js.map

@@ -0,0 +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        return scrollContainerRef?.current || containerRef.current;\n    }, [scrollContainerRef]);\n\n    // Ensure we never return NaN or invalid heights\n    const getSafeHeight = useCallback(\n        (height: number): number => {\n            return !Number.isNaN(height) && height > 0 ? height : defaultHeight;\n        },\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":"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"}

package/components/virtualList/VirtualListItemWrapper.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type VirtualListItemWrapperProps = {
     translateY: number;
     'data-index': number;

package/components/virtualList/VirtualListItemWrapper.js

@@ -1,13 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-const VirtualListItemWrapper = React.forwardRef((props, ref) => {
-    const { translateY, children, className = '', style = {}, ...remainingProps } = props;
-    return (_jsx("div", { ref: ref, className: `VirtualListItemWrapper ${className}`, style: {
-            ...style,
-            position: 'absolute',
-            transform: `translateY(${translateY}px)`,
-            width: '100%',
-            willChange: 'transform',
-        }, ...remainingProps, children: children }));
+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
+    }
+  );
 });
-export default VirtualListItemWrapper;
+export {
+  f as default
+};
+//# sourceMappingURL=VirtualListItemWrapper.js.map

package/components/virtualList/VirtualListItemWrapper.js.map

@@ -0,0 +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;"}

package/components/virtualList/useVirtualListResizeObserver.js

@@ -1,44 +1,32 @@
-import { useEffect, useRef, useCallback } from 'react';
-const useVirtualListResizeObserver = (itemsRef, measureItem, dependencies = []) => {
-    const resizeObserverRef = useRef(null);
-    const measureItems = useCallback(() => {
-        if (!itemsRef.current) {
-            return;
-        }
-        const children = Array.from(itemsRef.current.children);
-        children.forEach(child => {
-            const index = Number.parseInt(child.getAttribute('data-index') || '', 10);
-            if (!Number.isNaN(index)) {
-                measureItem(index, child);
-            }
-        });
-    }, [measureItem]);
-    // Setup resize observer
-    useEffect(() => {
-        if (!itemsRef.current) {
-            return;
-        }
-        resizeObserverRef.current = new ResizeObserver(() => {
-            measureItems();
-        });
-        return () => resizeObserverRef.current?.disconnect();
-    }, [measureItems]);
-    // Observe children
-    useEffect(() => {
-        if (!itemsRef.current || !resizeObserverRef.current) {
-            return;
-        }
-        const children = Array.from(itemsRef.current.children);
-        children.forEach(child => {
-            resizeObserverRef.current?.observe(child);
-        });
-        // Initial measurement
-        measureItems();
-        return () => {
-            children.forEach(child => {
-                resizeObserverRef.current?.unobserve(child);
-            });
-        };
-    }, [...dependencies, measureItems]);
+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]);
 };
-export default useVirtualListResizeObserver;
+export {
+  b as default
+};
+//# sourceMappingURL=useVirtualListResizeObserver.js.map

package/components/virtualList/useVirtualListResizeObserver.js.map

@@ -0,0 +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;"}

package/fuelTypeUtils.js

@@ -1 +1,10 @@
-export * from "./utils/fuelTypeUtils.js";
+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

package/fuelTypeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fuelTypeUtils.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/hooks/useAfterMount.js

@@ -1,21 +1,11 @@
-import { useEffect, useRef } from 'react';
-/**
- * Calls the given callback once after the component has finished mounting and starts executing effects.
- *
- * @param callback The effect callback function to be used after the component has been mounted.
- * @param deps The deps of the callback (the same as if you were using useCallback or useEffect).
- */
-const useAfterMount = (callback, deps) => {
-    const hasMountedRef = useRef(false);
-    useEffect(() => {
-        if (hasMountedRef.current) {
-            // Run the callback only after the first render and
-            // whenever the dependencies change afterwards
-            callback();
-        }
-        else {
-            hasMountedRef.current = true;
-        }
-    }, deps);
+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);
 };
-export default useAfterMount;
+export {
+  o as default
+};
+//# sourceMappingURL=useAfterMount.js.map

package/hooks/useAfterMount.js.map

@@ -0,0 +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;"}

package/hooks/useAverage.js

@@ -1,28 +1,16 @@
-import { useMemo } from 'react';
-import { parseNumberFromValue, getValueByPath } from "../utils/formatUtils.js";
-/**
- * Calculates the average of numeric values from a list of objects.
- * Values are extracted using a dot-separated path and parsed with locale awareness.
- *
- * @param items - The list of objects to aggregate.
- * @param path - Dot-separated path to the value in each object.
- * @param options - Optional configuration (e.g. locale for number parsing).
- * @returns The average of all valid values as a number. Returns 0 if no values are valid.
- */
-const useAverage = (items, path, options = {}) => {
-    const { locale = 'en-GB' } = options;
-    return useMemo(() => {
-        const values = items
-            .map(item => {
-            const raw = getValueByPath(item, path);
-            return parseNumberFromValue(raw, locale);
-        })
-            .filter(num => !Number.isNaN(num) && num !== 0);
-        if (values.length === 0) {
-            return 0;
-        }
-        const sum = values.reduce((total, value) => total + value, 0);
-        return sum / values.length;
-    }, [items, path, locale]);
+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]);
 };
-export default useAverage;
+export {
+  i as default
+};
+//# sourceMappingURL=useAverage.js.map

package/hooks/useAverage.js.map

@@ -0,0 +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;"}

package/hooks/useClickOutside.js

@@ -1,47 +1,26 @@
-/* eslint-disable prefer-arrow/prefer-arrow-functions */
-// eslint-disable-next-line max-len
-// Inspired from https://github.com/mantinedev/mantine/blob/master/src/mantine-hooks/src/use-click-outside/use-click-outside.ts
-import { useEffect, useRef } from 'react';
-export const DEFAULT_EVENT_TYPES = ['mousedown', 'touchstart'];
-/**
- * Custom hook to detect clicks outside a specified element.
- *
- * @param callback - The callback function to be called when a click outside the element is detected.
- * @param events - Array of event types to listen for.
- * @param isActive - Flag to only listen for clicks when target element active.
- *
- * @returns A mutable ref object representing the target element.
- */
-const useClickOutside = (callback, events = DEFAULT_EVENT_TYPES, isActive = true // Only listen when active
-) => {
-    const targetRef = useRef(null);
-    useClickOutsideWithRef(targetRef, callback, events, isActive);
-    return targetRef;
+import { useRef as i, useEffect as E } from "react";
+const c = ["mousedown", "touchstart"], f = (t, u = c, n = !0) => {
+  const r = i(null);
+  return d(r, t, u, n), r;
+}, d = (t, u, n = c, r = !0) => {
+  E(() => {
+    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]);
 };
-// Internal use for now - extend it later to be used outside
-export const useClickOutsideWithRef = (ref, callback, events = DEFAULT_EVENT_TYPES, isActive = true) => {
-    useEffect(() => {
-        if (!isActive) {
-            return; // Simply return early if not active, no cleanup needed
-        }
-        // In case the ref is actually a state and will be set via the state setter function
-        const element = ref && 'current' in ref ? ref.current : ref;
-        // Event listener function to check if the click is outside the target element
-        const listener = (event) => {
-            if (element && !element.contains(event.target)) {
-                callback(event);
-            }
-        };
-        // Add event listeners for each specified event type
-        events.forEach(eventType => {
-            document.addEventListener(eventType, listener);
-        });
-        // Cleanup function to remove event listeners
-        return () => {
-            events.forEach(eventType => {
-                document.removeEventListener(eventType, listener);
-            });
-        };
-    }, [ref, callback, events, isActive]);
+export {
+  c as DEFAULT_EVENT_TYPES,
+  f as default,
+  d as useClickOutsideWithRef
 };
-export default useClickOutside;
+//# sourceMappingURL=useClickOutside.js.map