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

package/components/table/layout/useResizableColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizableColumns.js","sources":["../../../../src/components/table/layout/useResizableColumns.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useMemo, useRef, useState, type PointerEvent as ReactPointerEvent } from 'react';\n\nimport type { TableColumnDefinition, TableRowData } from '../Table.types';\nimport {\n    DEFAULT_MAX_RESIZE_WIDTH_PX,\n    DEFAULT_MIN_RESIZE_WIDTH_PX,\n    MIN_COLUMN_WIDTH_PX,\n} from '../tableSizing.constants';\n\ntype ResizeSession = {\n    columnKey: string;\n    maxResizeWidth: number;\n    minResizeWidth: number;\n    startWidth: number;\n    startX: number;\n};\n\ntype UseResizableColumnsProps<RowType extends TableRowData> = {\n    columns: TableColumnDefinition<RowType>[];\n    enabled: boolean;\n    onColumnResize?: (columnKey: string, width?: number | string) => void;\n};\n\nconst parseComparableWidth = (width?: number | string) => {\n    const normalizedWidth = typeof width === 'number' ? `${width}px` : width?.trim();\n    const match = normalizedWidth?.match(/^(-?\\d+(?:\\.\\d+)?)(px|%)$/);\n\n    if (!match) {\n        return;\n    }\n\n    return {\n        unit: match[2],\n        value: Number(match[1]),\n    };\n};\n\nconst areColumnWidthsEqual = (currentWidth?: number | string, initialWidth?: number | string) => {\n    if (currentWidth === initialWidth) {\n        return true;\n    }\n\n    const currentComparableWidth = parseComparableWidth(currentWidth);\n    const initialComparableWidth = parseComparableWidth(initialWidth);\n\n    if (\n        currentComparableWidth !== undefined &&\n        initialComparableWidth !== undefined &&\n        currentComparableWidth.unit === initialComparableWidth.unit\n    ) {\n        return currentComparableWidth.value === initialComparableWidth.value;\n    }\n\n    return false;\n};\n\nexport const useResizableColumns = <RowType extends TableRowData>(props: UseResizableColumnsProps<RowType>) => {\n    const { columns, enabled, onColumnResize } = props;\n    const [modifiedColumnWidths, setModifiedColumnWidths] = useState<Record<string, number | string | undefined>>({});\n    const [resizeSession, setResizeSession] = useState<ResizeSession | undefined>(undefined);\n    const initialColumnWidthsRef = useRef<Record<string, number | string | undefined>>({});\n    const previousColumnWidthsRef = useRef<Record<string, number | string | undefined>>({});\n    const hasInitializedColumnWidthsRef = useRef(false);\n\n    // Capture the initial explicit width synchronously during render so the first\n    // derived `resettableColumnKeys` set already compares against stable defaults.\n    // Using an effect here would be too late: the first render would treat every\n    // explicit width as \"already resized\" and show dotted reset handles.\n    columns.forEach(column => {\n        if (!(column.key in initialColumnWidthsRef.current)) {\n            initialColumnWidthsRef.current[column.key] = column.width;\n        }\n    });\n\n    useLayoutEffect(() => {\n        const currentColumnWidths = Object.fromEntries(columns.map(column => [column.key, column.width] as const));\n\n        // Header columns are registered in a preceding render pass. Ignore empty\n        // intermediate states and only establish the baseline once the first real\n        // column model is available.\n        if (columns.length === 0) {\n            return;\n        }\n\n        // The first non-empty column model defines the baseline widths. Do not mark\n        // anything as resettable during that initialization phase, even if later\n        // renders normalize the same width differently.\n        if (!hasInitializedColumnWidthsRef.current) {\n            previousColumnWidthsRef.current = currentColumnWidths;\n            hasInitializedColumnWidthsRef.current = true;\n            return;\n        }\n\n        const previousColumnWidths = previousColumnWidthsRef.current;\n        const currentColumnKeySet = new Set(columns.map(column => column.key));\n        const previousColumnKeys = Object.keys(previousColumnWidths);\n        const hasColumnWidthChanges =\n            columns.some(column => !areColumnWidthsEqual(column.width, previousColumnWidths[column.key])) ||\n            previousColumnKeys.some(columnKey => !currentColumnKeySet.has(columnKey));\n\n        if (!hasColumnWidthChanges) {\n            return;\n        }\n\n        setModifiedColumnWidths(previousWidths => {\n            let nextWidths = previousWidths;\n\n            columns.forEach(column => {\n                const previousColumnWidth = previousColumnWidthsRef.current[column.key];\n\n                if (areColumnWidthsEqual(column.width, previousColumnWidth)) {\n                    return;\n                }\n\n                const initialColumnWidth = initialColumnWidthsRef.current[column.key];\n\n                if (areColumnWidthsEqual(column.width, initialColumnWidth)) {\n                    if (!(column.key in nextWidths)) {\n                        return;\n                    }\n\n                    nextWidths = { ...nextWidths };\n                    delete nextWidths[column.key];\n                    return;\n                }\n\n                if (nextWidths[column.key] === column.width) {\n                    return;\n                }\n\n                nextWidths = {\n                    ...nextWidths,\n                    [column.key]: column.width,\n                };\n            });\n\n            Object.keys(nextWidths).forEach(columnKey => {\n                if (currentColumnKeySet.has(columnKey)) {\n                    return;\n                }\n\n                if (nextWidths === previousWidths) {\n                    nextWidths = { ...nextWidths };\n                }\n\n                delete nextWidths[columnKey];\n            });\n\n            return nextWidths;\n        });\n\n        previousColumnWidthsRef.current = currentColumnWidths;\n    }, [columns]);\n\n    useEffect(() => {\n        if (!resizeSession) {\n            return;\n        }\n\n        const previousBodyCursor = document.body.style.cursor;\n        const previousBodyUserSelect = document.body.style.userSelect;\n\n        document.body.style.cursor = 'col-resize';\n        document.body.style.userSelect = 'none';\n\n        const handlePointerMove = (event: PointerEvent) => {\n            const nextWidth = Math.min(\n                resizeSession.maxResizeWidth,\n                Math.max(\n                    resizeSession.minResizeWidth,\n                    Math.round(resizeSession.startWidth + event.clientX - resizeSession.startX)\n                )\n            );\n\n            onColumnResize?.(resizeSession.columnKey, nextWidth);\n\n            setModifiedColumnWidths(previousWidths =>\n                previousWidths[resizeSession.columnKey] === nextWidth\n                    ? previousWidths\n                    : {\n                          ...previousWidths,\n                          [resizeSession.columnKey]: nextWidth,\n                      }\n            );\n        };\n\n        const stopResize = () => {\n            setResizeSession(undefined);\n        };\n\n        window.addEventListener('pointermove', handlePointerMove);\n        window.addEventListener('pointerup', stopResize);\n        window.addEventListener('pointercancel', stopResize);\n\n        return () => {\n            document.body.style.cursor = previousBodyCursor;\n            document.body.style.userSelect = previousBodyUserSelect;\n            window.removeEventListener('pointermove', handlePointerMove);\n            window.removeEventListener('pointerup', stopResize);\n            window.removeEventListener('pointercancel', stopResize);\n        };\n    }, [onColumnResize, resizeSession]);\n\n    const handleColumnResizeStart = (columnKey: string, event: ReactPointerEvent<HTMLDivElement>) => {\n        if (!enabled || event.button !== 0) {\n            return;\n        }\n\n        const column = columns.find(currentColumn => currentColumn.key === columnKey);\n        const headerCellElement = event.currentTarget.closest<HTMLElement>('.table-head-cell');\n\n        if (!column || !headerCellElement) {\n            return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n\n        const minResizeWidth = Math.max(column.minResizeWidth ?? DEFAULT_MIN_RESIZE_WIDTH_PX, MIN_COLUMN_WIDTH_PX);\n        const maxResizeWidth = Math.max(column.maxResizeWidth ?? DEFAULT_MAX_RESIZE_WIDTH_PX, minResizeWidth);\n\n        setResizeSession({\n            columnKey,\n            maxResizeWidth,\n            minResizeWidth,\n            startWidth: headerCellElement.getBoundingClientRect().width,\n            startX: event.clientX,\n        });\n    };\n\n    const handleColumnResizeReset = (columnKey: string) => {\n        const column = columns.find(currentColumn => currentColumn.key === columnKey);\n        const initialColumnWidth = initialColumnWidthsRef.current[columnKey];\n        const resetWidth =\n            initialColumnWidth ??\n            (column?.minResizeWidth !== undefined ? Math.max(column.minResizeWidth, MIN_COLUMN_WIDTH_PX) : undefined);\n\n        setResizeSession(undefined);\n        onColumnResize?.(columnKey, resetWidth);\n        setModifiedColumnWidths(previousWidths => {\n            if (resetWidth === undefined) {\n                if (!(columnKey in previousWidths)) {\n                    return previousWidths;\n                }\n\n                const nextWidths = { ...previousWidths };\n                delete nextWidths[columnKey];\n\n                return nextWidths;\n            }\n\n            return previousWidths[columnKey] === resetWidth\n                ? previousWidths\n                : {\n                      ...previousWidths,\n                      [columnKey]: resetWidth,\n                  };\n        });\n    };\n\n    const resizedColumns = columns.map(column => {\n        const resizedWidth = modifiedColumnWidths[column.key];\n\n        return resizedWidth === undefined\n            ? column\n            : {\n                  ...column,\n                  width: resizedWidth,\n              };\n    });\n\n    const resettableColumnKeys = useMemo(\n        () =>\n            new Set([\n                ...columns.flatMap(column =>\n                    areColumnWidthsEqual(column.width, initialColumnWidthsRef.current[column.key]) ? [] : [column.key]\n                ),\n                ...Object.entries(modifiedColumnWidths).flatMap(([columnKey, width]) =>\n                    areColumnWidthsEqual(width, initialColumnWidthsRef.current[columnKey]) ? [] : [columnKey]\n                ),\n            ]),\n        [columns, modifiedColumnWidths]\n    );\n\n    return {\n        handleColumnResizeReset,\n        handleColumnResizeStart,\n        lastResizableColumnKey: columns.at(-1)?.key,\n        resettableColumnKeys,\n        resizedColumns,\n    };\n};\n"],"names":["parseComparableWidth","width","match","areColumnWidthsEqual","currentWidth","initialWidth","currentComparableWidth","initialComparableWidth","useResizableColumns","props","columns","enabled","onColumnResize","modifiedColumnWidths","setModifiedColumnWidths","useState","resizeSession","setResizeSession","initialColumnWidthsRef","useRef","previousColumnWidthsRef","hasInitializedColumnWidthsRef","column","useLayoutEffect","currentColumnWidths","previousColumnWidths","currentColumnKeySet","previousColumnKeys","columnKey","previousWidths","nextWidths","previousColumnWidth","initialColumnWidth","useEffect","previousBodyCursor","previousBodyUserSelect","handlePointerMove","event","nextWidth","stopResize","handleColumnResizeStart","currentColumn","headerCellElement","minResizeWidth","DEFAULT_MIN_RESIZE_WIDTH_PX","MIN_COLUMN_WIDTH_PX","maxResizeWidth","DEFAULT_MAX_RESIZE_WIDTH_PX","handleColumnResizeReset","resetWidth","resizedColumns","resizedWidth","resettableColumnKeys","useMemo"],"mappings":"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"}
+{"version":3,"file":"useResizableColumns.js","names":[],"sources":["../../../../src/components/table/layout/useResizableColumns.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useMemo, useRef, useState, type PointerEvent as ReactPointerEvent } from 'react';\n\nimport type { TableColumnDefinition, TableRowData } from '../Table.types';\nimport {\n    DEFAULT_MAX_RESIZE_WIDTH_PX,\n    DEFAULT_MIN_RESIZE_WIDTH_PX,\n    MIN_COLUMN_WIDTH_PX,\n} from '../tableSizing.constants';\n\ntype ResizeSession = {\n    columnKey: string;\n    maxResizeWidth: number;\n    minResizeWidth: number;\n    startWidth: number;\n    startX: number;\n};\n\ntype UseResizableColumnsProps<RowType extends TableRowData> = {\n    columns: TableColumnDefinition<RowType>[];\n    enabled: boolean;\n    onColumnResize?: (columnKey: string, width?: number | string) => void;\n};\n\nconst parseComparableWidth = (width?: number | string) => {\n    const normalizedWidth = typeof width === 'number' ? `${width}px` : width?.trim();\n    const match = normalizedWidth?.match(/^(-?\\d+(?:\\.\\d+)?)(px|%)$/);\n\n    if (!match) {\n        return;\n    }\n\n    return {\n        unit: match[2],\n        value: Number(match[1]),\n    };\n};\n\nconst areColumnWidthsEqual = (currentWidth?: number | string, initialWidth?: number | string) => {\n    if (currentWidth === initialWidth) {\n        return true;\n    }\n\n    const currentComparableWidth = parseComparableWidth(currentWidth);\n    const initialComparableWidth = parseComparableWidth(initialWidth);\n\n    if (\n        currentComparableWidth !== undefined &&\n        initialComparableWidth !== undefined &&\n        currentComparableWidth.unit === initialComparableWidth.unit\n    ) {\n        return currentComparableWidth.value === initialComparableWidth.value;\n    }\n\n    return false;\n};\n\nexport const useResizableColumns = <RowType extends TableRowData>(props: UseResizableColumnsProps<RowType>) => {\n    const { columns, enabled, onColumnResize } = props;\n    const [modifiedColumnWidths, setModifiedColumnWidths] = useState<Record<string, number | string | undefined>>({});\n    const [resizeSession, setResizeSession] = useState<ResizeSession | undefined>(undefined);\n    const initialColumnWidthsRef = useRef<Record<string, number | string | undefined>>({});\n    const previousColumnWidthsRef = useRef<Record<string, number | string | undefined>>({});\n    const hasInitializedColumnWidthsRef = useRef(false);\n\n    // Capture the initial explicit width synchronously during render so the first\n    // derived `resettableColumnKeys` set already compares against stable defaults.\n    // Using an effect here would be too late: the first render would treat every\n    // explicit width as \"already resized\" and show dotted reset handles.\n    columns.forEach(column => {\n        if (!(column.key in initialColumnWidthsRef.current)) {\n            initialColumnWidthsRef.current[column.key] = column.width;\n        }\n    });\n\n    useLayoutEffect(() => {\n        const currentColumnWidths = Object.fromEntries(columns.map(column => [column.key, column.width] as const));\n\n        // Header columns are registered in a preceding render pass. Ignore empty\n        // intermediate states and only establish the baseline once the first real\n        // column model is available.\n        if (columns.length === 0) {\n            return;\n        }\n\n        // The first non-empty column model defines the baseline widths. Do not mark\n        // anything as resettable during that initialization phase, even if later\n        // renders normalize the same width differently.\n        if (!hasInitializedColumnWidthsRef.current) {\n            previousColumnWidthsRef.current = currentColumnWidths;\n            hasInitializedColumnWidthsRef.current = true;\n            return;\n        }\n\n        const previousColumnWidths = previousColumnWidthsRef.current;\n        const currentColumnKeySet = new Set(columns.map(column => column.key));\n        const previousColumnKeys = Object.keys(previousColumnWidths);\n        const hasColumnWidthChanges =\n            columns.some(column => !areColumnWidthsEqual(column.width, previousColumnWidths[column.key])) ||\n            previousColumnKeys.some(columnKey => !currentColumnKeySet.has(columnKey));\n\n        if (!hasColumnWidthChanges) {\n            return;\n        }\n\n        setModifiedColumnWidths(previousWidths => {\n            let nextWidths = previousWidths;\n\n            columns.forEach(column => {\n                const previousColumnWidth = previousColumnWidthsRef.current[column.key];\n\n                if (areColumnWidthsEqual(column.width, previousColumnWidth)) {\n                    return;\n                }\n\n                const initialColumnWidth = initialColumnWidthsRef.current[column.key];\n\n                if (areColumnWidthsEqual(column.width, initialColumnWidth)) {\n                    if (!(column.key in nextWidths)) {\n                        return;\n                    }\n\n                    nextWidths = { ...nextWidths };\n                    delete nextWidths[column.key];\n                    return;\n                }\n\n                if (nextWidths[column.key] === column.width) {\n                    return;\n                }\n\n                nextWidths = {\n                    ...nextWidths,\n                    [column.key]: column.width,\n                };\n            });\n\n            Object.keys(nextWidths).forEach(columnKey => {\n                if (currentColumnKeySet.has(columnKey)) {\n                    return;\n                }\n\n                if (nextWidths === previousWidths) {\n                    nextWidths = { ...nextWidths };\n                }\n\n                delete nextWidths[columnKey];\n            });\n\n            return nextWidths;\n        });\n\n        previousColumnWidthsRef.current = currentColumnWidths;\n    }, [columns]);\n\n    useEffect(() => {\n        if (!resizeSession) {\n            return;\n        }\n\n        const previousBodyCursor = document.body.style.cursor;\n        const previousBodyUserSelect = document.body.style.userSelect;\n\n        document.body.style.cursor = 'col-resize';\n        document.body.style.userSelect = 'none';\n\n        const handlePointerMove = (event: PointerEvent) => {\n            const nextWidth = Math.min(\n                resizeSession.maxResizeWidth,\n                Math.max(\n                    resizeSession.minResizeWidth,\n                    Math.round(resizeSession.startWidth + event.clientX - resizeSession.startX)\n                )\n            );\n\n            onColumnResize?.(resizeSession.columnKey, nextWidth);\n\n            setModifiedColumnWidths(previousWidths =>\n                previousWidths[resizeSession.columnKey] === nextWidth\n                    ? previousWidths\n                    : {\n                          ...previousWidths,\n                          [resizeSession.columnKey]: nextWidth,\n                      }\n            );\n        };\n\n        const stopResize = () => {\n            setResizeSession(undefined);\n        };\n\n        window.addEventListener('pointermove', handlePointerMove);\n        window.addEventListener('pointerup', stopResize);\n        window.addEventListener('pointercancel', stopResize);\n\n        return () => {\n            document.body.style.cursor = previousBodyCursor;\n            document.body.style.userSelect = previousBodyUserSelect;\n            window.removeEventListener('pointermove', handlePointerMove);\n            window.removeEventListener('pointerup', stopResize);\n            window.removeEventListener('pointercancel', stopResize);\n        };\n    }, [onColumnResize, resizeSession]);\n\n    const handleColumnResizeStart = (columnKey: string, event: ReactPointerEvent<HTMLDivElement>) => {\n        if (!enabled || event.button !== 0) {\n            return;\n        }\n\n        const column = columns.find(currentColumn => currentColumn.key === columnKey);\n        const headerCellElement = event.currentTarget.closest<HTMLElement>('.table-head-cell');\n\n        if (!column || !headerCellElement) {\n            return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n\n        const minResizeWidth = Math.max(column.minResizeWidth ?? DEFAULT_MIN_RESIZE_WIDTH_PX, MIN_COLUMN_WIDTH_PX);\n        const maxResizeWidth = Math.max(column.maxResizeWidth ?? DEFAULT_MAX_RESIZE_WIDTH_PX, minResizeWidth);\n\n        setResizeSession({\n            columnKey,\n            maxResizeWidth,\n            minResizeWidth,\n            startWidth: headerCellElement.getBoundingClientRect().width,\n            startX: event.clientX,\n        });\n    };\n\n    const handleColumnResizeReset = (columnKey: string) => {\n        const column = columns.find(currentColumn => currentColumn.key === columnKey);\n        const initialColumnWidth = initialColumnWidthsRef.current[columnKey];\n        const resetWidth =\n            initialColumnWidth ??\n            (column?.minResizeWidth !== undefined ? Math.max(column.minResizeWidth, MIN_COLUMN_WIDTH_PX) : undefined);\n\n        setResizeSession(undefined);\n        onColumnResize?.(columnKey, resetWidth);\n        setModifiedColumnWidths(previousWidths => {\n            if (resetWidth === undefined) {\n                if (!(columnKey in previousWidths)) {\n                    return previousWidths;\n                }\n\n                const nextWidths = { ...previousWidths };\n                delete nextWidths[columnKey];\n\n                return nextWidths;\n            }\n\n            return previousWidths[columnKey] === resetWidth\n                ? previousWidths\n                : {\n                      ...previousWidths,\n                      [columnKey]: resetWidth,\n                  };\n        });\n    };\n\n    const resizedColumns = columns.map(column => {\n        const resizedWidth = modifiedColumnWidths[column.key];\n\n        return resizedWidth === undefined\n            ? column\n            : {\n                  ...column,\n                  width: resizedWidth,\n              };\n    });\n\n    const resettableColumnKeys = useMemo(\n        () =>\n            new Set([\n                ...columns.flatMap(column =>\n                    areColumnWidthsEqual(column.width, initialColumnWidthsRef.current[column.key]) ? [] : [column.key]\n                ),\n                ...Object.entries(modifiedColumnWidths).flatMap(([columnKey, width]) =>\n                    areColumnWidthsEqual(width, initialColumnWidthsRef.current[columnKey]) ? [] : [columnKey]\n                ),\n            ]),\n        [columns, modifiedColumnWidths]\n    );\n\n    return {\n        handleColumnResizeReset,\n        handleColumnResizeStart,\n        lastResizableColumnKey: columns.at(-1)?.key,\n        resettableColumnKeys,\n        resizedColumns,\n    };\n};\n"],"mappings":"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"}

package/components/table/layout/useTableBodyScrollBottom.js

@@ -1,37 +1,41 @@
-import { useRef as f, useCallback as a, useEffect as m } from "react";
-const B = (o, t) => o.scrollTop + o.clientHeight >= o.scrollHeight - t, S = (o) => {
-  const { enabled: t, itemCount: i, onScrollBottom: l, scrollBottomOffset: s, scrollElement: n } = o, r = f(!1), c = a(
-    (e) => {
-      if (!t || !e || !l)
-        return;
-      if (!B(e, s)) {
-        r.current = !1;
-        return;
-      }
-      r.current || (r.current = !0, l());
-    },
-    [t, l, s]
-  );
-  m(() => {
-    if (!t || !n)
-      return;
-    r.current = !1;
-    const e = requestAnimationFrame(() => {
-      c(n);
-    });
-    return () => {
-      cancelAnimationFrame(e);
-    };
-  }, [t, c, i, n]);
-  const u = a(() => {
-    r.current = !1;
-  }, []);
-  return {
-    handleScrollBottom: c,
-    resetScrollBottomTrigger: u
-  };
+import { useCallback as e, useEffect as t, useRef as n } from "react";
+//#region src/components/table/layout/useTableBodyScrollBottom.ts
+var r = (e, t) => e.scrollTop + e.clientHeight >= e.scrollHeight - t, i = (i) => {
+	let { enabled: a, itemCount: o, onScrollBottom: s, scrollBottomOffset: c, scrollElement: l } = i, u = n(!1), d = e((e) => {
+		if (!(!a || !e || !s)) {
+			if (!r(e, c)) {
+				u.current = !1;
+				return;
+			}
+			u.current || (u.current = !0, s());
+		}
+	}, [
+		a,
+		s,
+		c
+	]);
+	return t(() => {
+		if (!a || !l) return;
+		u.current = !1;
+		let e = requestAnimationFrame(() => {
+			d(l);
+		});
+		return () => {
+			cancelAnimationFrame(e);
+		};
+	}, [
+		a,
+		d,
+		o,
+		l
+	]), {
+		handleScrollBottom: d,
+		resetScrollBottomTrigger: e(() => {
+			u.current = !1;
+		}, [])
+	};
 };
-export {
-  S as default
-};
-//# sourceMappingURL=useTableBodyScrollBottom.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=useTableBodyScrollBottom.js.map

package/components/table/layout/useTableBodyScrollBottom.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableBodyScrollBottom.js","sources":["../../../../src/components/table/layout/useTableBodyScrollBottom.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\ntype UseTableBodyScrollBottomProps = {\n    enabled: boolean;\n    itemCount: number;\n    onScrollBottom?: () => void;\n    scrollBottomOffset: number;\n    scrollElement?: HTMLDivElement | null;\n};\n\nconst isScrollContainerAtBottom = (element: HTMLDivElement, offset: number) =>\n    element.scrollTop + element.clientHeight >= element.scrollHeight - offset;\n\nconst useTableBodyScrollBottom = (props: UseTableBodyScrollBottomProps) => {\n    const { enabled, itemCount, onScrollBottom, scrollBottomOffset, scrollElement } = props;\n\n    const hasTriggeredScrollBottomRef = useRef(false);\n\n    const handleScrollBottom = useCallback(\n        (element?: HTMLDivElement | null) => {\n            if (!enabled || !element || !onScrollBottom) {\n                return;\n            }\n\n            const isAtBottom = isScrollContainerAtBottom(element, scrollBottomOffset);\n\n            if (!isAtBottom) {\n                hasTriggeredScrollBottomRef.current = false;\n                return;\n            }\n\n            if (hasTriggeredScrollBottomRef.current) {\n                return;\n            }\n\n            hasTriggeredScrollBottomRef.current = true;\n            onScrollBottom();\n        },\n        [enabled, onScrollBottom, scrollBottomOffset]\n    );\n\n    useEffect(() => {\n        if (!enabled || !scrollElement) {\n            return;\n        }\n\n        hasTriggeredScrollBottomRef.current = false;\n\n        const frameId = requestAnimationFrame(() => {\n            handleScrollBottom(scrollElement);\n        });\n\n        return () => {\n            cancelAnimationFrame(frameId);\n        };\n    }, [enabled, handleScrollBottom, itemCount, scrollElement]);\n\n    const resetScrollBottomTrigger = useCallback(() => {\n        hasTriggeredScrollBottomRef.current = false;\n    }, []);\n\n    return {\n        handleScrollBottom,\n        resetScrollBottomTrigger,\n    };\n};\n\nexport default useTableBodyScrollBottom;\n"],"names":["isScrollContainerAtBottom","element","offset","useTableBodyScrollBottom","props","enabled","itemCount","onScrollBottom","scrollBottomOffset","scrollElement","hasTriggeredScrollBottomRef","useRef","handleScrollBottom","useCallback","useEffect","frameId","resetScrollBottomTrigger"],"mappings":";AAUA,MAAMA,IAA4B,CAACC,GAAyBC,MACxDD,EAAQ,YAAYA,EAAQ,gBAAgBA,EAAQ,eAAeC,GAEjEC,IAA2B,CAACC,MAAyC;AACvE,QAAM,EAAE,SAAAC,GAAS,WAAAC,GAAW,gBAAAC,GAAgB,oBAAAC,GAAoB,eAAAC,MAAkBL,GAE5EM,IAA8BC,EAAO,EAAK,GAE1CC,IAAqBC;AAAA,IACvB,CAACZ,MAAoC;AACjC,UAAI,CAACI,KAAW,CAACJ,KAAW,CAACM;AACzB;AAKJ,UAAI,CAFeP,EAA0BC,GAASO,CAAkB,GAEvD;AACb,QAAAE,EAA4B,UAAU;AACtC;AAAA,MACJ;AAEA,MAAIA,EAA4B,YAIhCA,EAA4B,UAAU,IACtCH,EAAA;AAAA,IACJ;AAAA,IACA,CAACF,GAASE,GAAgBC,CAAkB;AAAA,EAAA;AAGhD,EAAAM,EAAU,MAAM;AACZ,QAAI,CAACT,KAAW,CAACI;AACb;AAGJ,IAAAC,EAA4B,UAAU;AAEtC,UAAMK,IAAU,sBAAsB,MAAM;AACxC,MAAAH,EAAmBH,CAAa;AAAA,IACpC,CAAC;AAED,WAAO,MAAM;AACT,2BAAqBM,CAAO;AAAA,IAChC;AAAA,EACJ,GAAG,CAACV,GAASO,GAAoBN,GAAWG,CAAa,CAAC;AAE1D,QAAMO,IAA2BH,EAAY,MAAM;AAC/C,IAAAH,EAA4B,UAAU;AAAA,EAC1C,GAAG,CAAA,CAAE;AAEL,SAAO;AAAA,IACH,oBAAAE;AAAA,IACA,0BAAAI;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useTableBodyScrollBottom.js","names":[],"sources":["../../../../src/components/table/layout/useTableBodyScrollBottom.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\ntype UseTableBodyScrollBottomProps = {\n    enabled: boolean;\n    itemCount: number;\n    onScrollBottom?: () => void;\n    scrollBottomOffset: number;\n    scrollElement?: HTMLDivElement | null;\n};\n\nconst isScrollContainerAtBottom = (element: HTMLDivElement, offset: number) =>\n    element.scrollTop + element.clientHeight >= element.scrollHeight - offset;\n\nconst useTableBodyScrollBottom = (props: UseTableBodyScrollBottomProps) => {\n    const { enabled, itemCount, onScrollBottom, scrollBottomOffset, scrollElement } = props;\n\n    const hasTriggeredScrollBottomRef = useRef(false);\n\n    const handleScrollBottom = useCallback(\n        (element?: HTMLDivElement | null) => {\n            if (!enabled || !element || !onScrollBottom) {\n                return;\n            }\n\n            const isAtBottom = isScrollContainerAtBottom(element, scrollBottomOffset);\n\n            if (!isAtBottom) {\n                hasTriggeredScrollBottomRef.current = false;\n                return;\n            }\n\n            if (hasTriggeredScrollBottomRef.current) {\n                return;\n            }\n\n            hasTriggeredScrollBottomRef.current = true;\n            onScrollBottom();\n        },\n        [enabled, onScrollBottom, scrollBottomOffset]\n    );\n\n    useEffect(() => {\n        if (!enabled || !scrollElement) {\n            return;\n        }\n\n        hasTriggeredScrollBottomRef.current = false;\n\n        const frameId = requestAnimationFrame(() => {\n            handleScrollBottom(scrollElement);\n        });\n\n        return () => {\n            cancelAnimationFrame(frameId);\n        };\n    }, [enabled, handleScrollBottom, itemCount, scrollElement]);\n\n    const resetScrollBottomTrigger = useCallback(() => {\n        hasTriggeredScrollBottomRef.current = false;\n    }, []);\n\n    return {\n        handleScrollBottom,\n        resetScrollBottomTrigger,\n    };\n};\n\nexport default useTableBodyScrollBottom;\n"],"mappings":";;AAUA,IAAM,KAA6B,GAAyB,MACxD,EAAQ,YAAY,EAAQ,gBAAgB,EAAQ,eAAe,GAEjE,KAA4B,MAAyC;CACvE,IAAM,EAAE,YAAS,cAAW,mBAAgB,uBAAoB,qBAAkB,GAE5E,IAA8B,EAAO,EAAK,GAE1C,IAAqB,GACtB,MAAoC;EAC7B,OAAC,KAAW,CAAC,KAAW,CAAC,IAM7B;OAAI,CAFe,EAA0B,GAAS,CAEjD,GAAY;IACb,EAA4B,UAAU;IACtC;GACJ;GAEI,EAA4B,YAIhC,EAA4B,UAAU,IACtC,EAAe;EAPf;CAQJ,GACA;EAAC;EAAS;EAAgB;CAAkB,CAChD;CAsBA,OApBA,QAAgB;EACZ,IAAI,CAAC,KAAW,CAAC,GACb;EAGJ,EAA4B,UAAU;EAEtC,IAAM,IAAU,4BAA4B;GACxC,EAAmB,CAAa;EACpC,CAAC;EAED,aAAa;GACT,qBAAqB,CAAO;EAChC;CACJ,GAAG;EAAC;EAAS;EAAoB;EAAW;CAAa,CAAC,GAMnD;EACH;EACA,0BAN6B,QAAkB;GAC/C,EAA4B,UAAU;EAC1C,GAAG,CAAC,CAIA;CACJ;AACJ"}

package/components/table/layout/useTableLayout.js

@@ -1,72 +1,48 @@
-import L from "../shared/parsePixelSize.js";
-import { useMeasuredColumnMaxWidths as k } from "./useMeasuredColumnMaxWidths.js";
-import { MIN_COLUMN_WIDTH_PX as N } from "../tableSizing.constants.js";
-import { toCssSize as i, getColumnTrack as B } from "./columnSizing.js";
-import { useHorizontalSectionSync as E } from "./useHorizontalSectionSync.js";
-import $ from "../../../hooks/useResizeObserver.js";
-const d = 50, F = (m) => {
-  const {
-    bodyMaxHeight: p,
-    cardsStyle: s,
-    columns: r,
-    hasFooterCells: h,
-    rowSeparatorWidth: f,
-    showSelectionColumn: n,
-    stickyReference: b = "applicationLayout",
-    style: u
-  } = m, [l, , { inlineSize: S }] = $(), t = r.map((e, a) => ({
-    column: e,
-    columnIndex: a,
-    areaName: `table-col-${a + 1}`
-  })), o = S ?? l.current?.clientWidth, W = (n ? d : 0) + r.reduce((e, a) => {
-    if (a.width === void 0)
-      return e + N;
-    const _ = L(i(a.width));
-    return e + (_ ?? 0);
-  }, 0), c = o !== void 0 && W > o, w = o !== void 0 ? `${o}px` : "100%", {
-    handleBodyScroll: y,
-    hasHorizontalScrollEndOffset: x,
-    hasHorizontalScrollStartOffset: C,
-    tableFooterRowRef: M,
-    tableHeadRowRef: T
-  } = E({
-    enabled: !!p,
-    hasFooterCells: h
-  }), g = k({
-    columns: r,
-    enabled: c,
-    tableWrapperRef: l
-  }), v = t.length > 0 ? [
-    n ? `${d}px` : void 0,
-    ...t.map(({ column: e }) => B(e, g[e.key]))
-  ].filter(Boolean).join(" ") : "minmax(0, 1fr)", z = t.length > 0 ? `"${[
-    n ? "table-selection" : void 0,
-    ...t.map(({ areaName: e }) => e)
-  ].filter(Boolean).join(" ")}"` : "none", H = i(s?.minWidth), O = i(s?.maxWidth), R = {
-    ...u ?? {},
-    "--table-columns": v,
-    "--table-areas": z,
-    "--table-cards-min": H,
-    "--table-cards-max": O,
-    "--table-column-count": String(r.length + (n ? 1 : 0)),
-    "--table-row-separator-width": i(f),
-    "--table-sticky-reference-top": b === "container" ? "0px" : "var(--table-sticky-offset)",
-    "--table-width": w
-  };
-  return {
-    columnsWithAreas: t,
-    handleBodyScroll: y,
-    hasHorizontalScrollEndOffset: x,
-    hasHorizontalScrollStartOffset: C,
-    tableUseOverflow: c,
-    tableWrapperRef: l,
-    tableFooterRowRef: M,
-    tableHeadRowRef: T,
-    wrapperWidth: o,
-    wrapperStyle: R
-  };
+import e from "../../../hooks/useResizeObserver.js";
+import "../../../useResizeObserver.js";
+import "../tableSizing.constants.js";
+import { getColumnTrack as t, toCssSize as n } from "./columnSizing.js";
+import r from "../shared/parsePixelSize.js";
+import { useMeasuredColumnMaxWidths as i } from "./useMeasuredColumnMaxWidths.js";
+import { useHorizontalSectionSync as a } from "./useHorizontalSectionSync.js";
+//#region src/components/table/layout/useTableLayout.ts
+var o = 50, s = (s) => {
+	let { bodyMaxHeight: c, cardsStyle: l, columns: u, hasFooterCells: d, rowSeparatorWidth: f, showSelectionColumn: p, stickyReference: m = "applicationLayout", style: h } = s, [g, , { inlineSize: _ }] = e(), v = u.map((e, t) => ({
+		column: e,
+		columnIndex: t,
+		areaName: `table-col-${t + 1}`
+	})), y = _ ?? g.current?.clientWidth, b = (p ? o : 0) + u.reduce((e, t) => t.width === void 0 ? e + 50 : e + (r(n(t.width)) ?? 0), 0), x = y !== void 0 && b > y, S = y === void 0 ? "100%" : `${y}px`, { handleBodyScroll: C, hasHorizontalScrollEndOffset: w, hasHorizontalScrollStartOffset: T, tableFooterRowRef: E, tableHeadRowRef: D } = a({
+		enabled: !!c,
+		hasFooterCells: d
+	}), O = i({
+		columns: u,
+		enabled: x,
+		tableWrapperRef: g
+	}), k = v.length > 0 ? [p ? `${o}px` : void 0, ...v.map(({ column: e }) => t(e, O[e.key]))].filter(Boolean).join(" ") : "minmax(0, 1fr)", A = v.length > 0 ? `"${[p ? "table-selection" : void 0, ...v.map(({ areaName: e }) => e)].filter(Boolean).join(" ")}"` : "none", j = n(l?.minWidth), M = n(l?.maxWidth);
+	return {
+		columnsWithAreas: v,
+		handleBodyScroll: C,
+		hasHorizontalScrollEndOffset: w,
+		hasHorizontalScrollStartOffset: T,
+		tableUseOverflow: x,
+		tableWrapperRef: g,
+		tableFooterRowRef: E,
+		tableHeadRowRef: D,
+		wrapperWidth: y,
+		wrapperStyle: {
+			...h ?? {},
+			"--table-columns": k,
+			"--table-areas": A,
+			"--table-cards-min": j,
+			"--table-cards-max": M,
+			"--table-column-count": String(u.length + +!!p),
+			"--table-row-separator-width": n(f),
+			"--table-sticky-reference-top": m === "container" ? "0px" : "var(--table-sticky-offset)",
+			"--table-width": S
+		}
+	};
 };
-export {
-  F as useTableLayout
-};
-//# sourceMappingURL=useTableLayout.js.map
+//#endregion
+export { s as useTableLayout };
+
+//# sourceMappingURL=useTableLayout.js.map

package/components/table/layout/useTableLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableLayout.js","sources":["../../../../src/components/table/layout/useTableLayout.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\nimport parsePixelSize from '../shared/parsePixelSize';\nimport type {\n    TableCardsStyleSettings,\n    TableColumnDefinition,\n    TableRowData,\n    TableStickyReference,\n} from '../Table.types';\nimport { useMeasuredColumnMaxWidths } from './useMeasuredColumnMaxWidths';\nimport { MIN_COLUMN_WIDTH_PX } from '../tableSizing.constants';\nimport { getColumnTrack, toCssSize } from './columnSizing';\nimport { useHorizontalSectionSync } from './useHorizontalSectionSync';\nimport useResizeObserver from '../../../useResizeObserver';\n\nconst TABLE_SELECTION_COLUMN_WIDTH_PX = 50;\n\nexport type TableColumnWithArea<RowType extends TableRowData> = {\n    column: TableColumnDefinition<RowType>;\n    columnIndex: number;\n    areaName: string;\n};\n\ntype UseTableLayoutProps<RowType extends TableRowData> = {\n    bodyMaxHeight?: string;\n    cardsStyle?: TableCardsStyleSettings;\n    columns: TableColumnDefinition<RowType>[];\n    hasFooterCells?: boolean;\n    rowSeparatorWidth?: number | string;\n    showSelectionColumn?: boolean;\n    stickyReference?: TableStickyReference;\n    style?: CSSProperties;\n};\n\ntype InternalTableStyle = CSSProperties & {\n    '--table-columns'?: string;\n    '--table-areas'?: string;\n    '--table-cards-min'?: string;\n    '--table-cards-max'?: string;\n    '--table-column-count'?: string;\n    '--table-row-separator-width'?: string;\n    '--table-sticky-reference-top'?: string;\n    '--table-width'?: string;\n};\n\nexport const useTableLayout = <RowType extends TableRowData>(props: UseTableLayoutProps<RowType>) => {\n    const {\n        bodyMaxHeight,\n        cardsStyle,\n        columns,\n        hasFooterCells,\n        rowSeparatorWidth,\n        showSelectionColumn,\n        stickyReference = 'applicationLayout',\n        style,\n    } = props;\n    const [tableWrapperRef, , { inlineSize }] = useResizeObserver<HTMLDivElement>();\n\n    const columnsWithAreas: TableColumnWithArea<RowType>[] = columns.map((column, columnIndex) => ({\n        column,\n        columnIndex,\n        areaName: `table-col-${columnIndex + 1}`,\n    }));\n\n    const wrapperWidth = inlineSize ?? tableWrapperRef.current?.clientWidth;\n\n    const minWidthTotal =\n        (showSelectionColumn ? TABLE_SELECTION_COLUMN_WIDTH_PX : 0) +\n        columns.reduce((totalWidth, column) => {\n            if (column.width === undefined) {\n                return totalWidth + MIN_COLUMN_WIDTH_PX;\n            }\n\n            const columnWidth = parsePixelSize(toCssSize(column.width));\n\n            return totalWidth + (columnWidth ?? 0);\n        }, 0);\n\n    const tableUseOverflow = wrapperWidth !== undefined && minWidthTotal > wrapperWidth;\n    const tableWidth = wrapperWidth !== undefined ? `${wrapperWidth}px` : '100%';\n\n    const {\n        handleBodyScroll,\n        hasHorizontalScrollEndOffset,\n        hasHorizontalScrollStartOffset,\n        tableFooterRowRef,\n        tableHeadRowRef,\n    } = useHorizontalSectionSync({\n        enabled: !!bodyMaxHeight,\n        hasFooterCells,\n    });\n\n    const measuredColumnMaxWidths = useMeasuredColumnMaxWidths({\n        columns,\n        enabled: tableUseOverflow,\n        tableWrapperRef,\n    });\n\n    const gridTemplateColumns =\n        columnsWithAreas.length > 0\n            ? [\n                  showSelectionColumn ? `${TABLE_SELECTION_COLUMN_WIDTH_PX}px` : undefined,\n                  ...columnsWithAreas.map(({ column }) => getColumnTrack(column, measuredColumnMaxWidths[column.key])),\n              ]\n                  .filter(Boolean)\n                  .join(' ')\n            : 'minmax(0, 1fr)';\n\n    const gridTemplateAreas =\n        columnsWithAreas.length > 0\n            ? `\"${[\n                  showSelectionColumn ? 'table-selection' : undefined,\n                  ...columnsWithAreas.map(({ areaName }) => areaName),\n              ]\n                  .filter(Boolean)\n                  .join(' ')}\"`\n            : 'none';\n\n    const cardsMinWidth = toCssSize(cardsStyle?.minWidth);\n    const cardsMaxWidth = toCssSize(cardsStyle?.maxWidth);\n\n    const wrapperStyle: InternalTableStyle = {\n        ...(style ?? {}),\n        '--table-columns': gridTemplateColumns,\n        '--table-areas': gridTemplateAreas,\n        '--table-cards-min': cardsMinWidth,\n        '--table-cards-max': cardsMaxWidth,\n        '--table-column-count': String(columns.length + (showSelectionColumn ? 1 : 0)),\n        '--table-row-separator-width': toCssSize(rowSeparatorWidth),\n        '--table-sticky-reference-top': stickyReference === 'container' ? '0px' : 'var(--table-sticky-offset)',\n        '--table-width': tableWidth,\n    };\n\n    return {\n        columnsWithAreas,\n        handleBodyScroll,\n        hasHorizontalScrollEndOffset,\n        hasHorizontalScrollStartOffset,\n        tableUseOverflow,\n        tableWrapperRef,\n        tableFooterRowRef,\n        tableHeadRowRef,\n        wrapperWidth,\n        wrapperStyle,\n    };\n};\n"],"names":["TABLE_SELECTION_COLUMN_WIDTH_PX","useTableLayout","props","bodyMaxHeight","cardsStyle","columns","hasFooterCells","rowSeparatorWidth","showSelectionColumn","stickyReference","style","tableWrapperRef","inlineSize","useResizeObserver","columnsWithAreas","column","columnIndex","wrapperWidth","minWidthTotal","totalWidth","MIN_COLUMN_WIDTH_PX","columnWidth","parsePixelSize","toCssSize","tableUseOverflow","tableWidth","handleBodyScroll","hasHorizontalScrollEndOffset","hasHorizontalScrollStartOffset","tableFooterRowRef","tableHeadRowRef","useHorizontalSectionSync","measuredColumnMaxWidths","useMeasuredColumnMaxWidths","gridTemplateColumns","getColumnTrack","gridTemplateAreas","areaName","cardsMinWidth","cardsMaxWidth","wrapperStyle"],"mappings":";;;;;;AAeA,MAAMA,IAAkC,IA8B3BC,IAAiB,CAA+BC,MAAwC;AACjG,QAAM;AAAA,IACF,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,OAAAC;AAAA,EAAA,IACAR,GACE,CAACS,GAAA,EAAmB,EAAE,YAAAC,EAAA,CAAY,IAAIC,EAAA,GAEtCC,IAAmDT,EAAQ,IAAI,CAACU,GAAQC,OAAiB;AAAA,IAC3F,QAAAD;AAAA,IACA,aAAAC;AAAA,IACA,UAAU,aAAaA,IAAc,CAAC;AAAA,EAAA,EACxC,GAEIC,IAAeL,KAAcD,EAAgB,SAAS,aAEtDO,KACDV,IAAsBR,IAAkC,KACzDK,EAAQ,OAAO,CAACc,GAAYJ,MAAW;AACnC,QAAIA,EAAO,UAAU;AACjB,aAAOI,IAAaC;AAGxB,UAAMC,IAAcC,EAAeC,EAAUR,EAAO,KAAK,CAAC;AAE1D,WAAOI,KAAcE,KAAe;AAAA,EACxC,GAAG,CAAC,GAEFG,IAAmBP,MAAiB,UAAaC,IAAgBD,GACjEQ,IAAaR,MAAiB,SAAY,GAAGA,CAAY,OAAO,QAEhE;AAAA,IACF,kBAAAS;AAAA,IACA,8BAAAC;AAAA,IACA,gCAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACAC,EAAyB;AAAA,IACzB,SAAS,CAAC,CAAC5B;AAAA,IACX,gBAAAG;AAAA,EAAA,CACH,GAEK0B,IAA0BC,EAA2B;AAAA,IACvD,SAAA5B;AAAA,IACA,SAASmB;AAAA,IACT,iBAAAb;AAAA,EAAA,CACH,GAEKuB,IACFpB,EAAiB,SAAS,IACpB;AAAA,IACIN,IAAsB,GAAGR,CAA+B,OAAO;AAAA,IAC/D,GAAGc,EAAiB,IAAI,CAAC,EAAE,QAAAC,EAAA,MAAaoB,EAAepB,GAAQiB,EAAwBjB,EAAO,GAAG,CAAC,CAAC;AAAA,EAAA,EAElG,OAAO,OAAO,EACd,KAAK,GAAG,IACb,kBAEJqB,IACFtB,EAAiB,SAAS,IACpB,IAAI;AAAA,IACAN,IAAsB,oBAAoB;AAAA,IAC1C,GAAGM,EAAiB,IAAI,CAAC,EAAE,UAAAuB,EAAA,MAAeA,CAAQ;AAAA,EAAA,EAEjD,OAAO,OAAO,EACd,KAAK,GAAG,CAAC,MACd,QAEJC,IAAgBf,EAAUnB,GAAY,QAAQ,GAC9CmC,IAAgBhB,EAAUnB,GAAY,QAAQ,GAE9CoC,IAAmC;AAAA,IACrC,GAAI9B,KAAS,CAAA;AAAA,IACb,mBAAmBwB;AAAA,IACnB,iBAAiBE;AAAA,IACjB,qBAAqBE;AAAA,IACrB,qBAAqBC;AAAA,IACrB,wBAAwB,OAAOlC,EAAQ,UAAUG,IAAsB,IAAI,EAAE;AAAA,IAC7E,+BAA+Be,EAAUhB,CAAiB;AAAA,IAC1D,gCAAgCE,MAAoB,cAAc,QAAQ;AAAA,IAC1E,iBAAiBgB;AAAA,EAAA;AAGrB,SAAO;AAAA,IACH,kBAAAX;AAAA,IACA,kBAAAY;AAAA,IACA,8BAAAC;AAAA,IACA,gCAAAC;AAAA,IACA,kBAAAJ;AAAA,IACA,iBAAAb;AAAA,IACA,mBAAAkB;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAb;AAAA,IACA,cAAAuB;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useTableLayout.js","names":[],"sources":["../../../../src/components/table/layout/useTableLayout.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\nimport parsePixelSize from '../shared/parsePixelSize';\nimport type {\n    TableCardsStyleSettings,\n    TableColumnDefinition,\n    TableRowData,\n    TableStickyReference,\n} from '../Table.types';\nimport { useMeasuredColumnMaxWidths } from './useMeasuredColumnMaxWidths';\nimport { MIN_COLUMN_WIDTH_PX } from '../tableSizing.constants';\nimport { getColumnTrack, toCssSize } from './columnSizing';\nimport { useHorizontalSectionSync } from './useHorizontalSectionSync';\nimport useResizeObserver from '../../../useResizeObserver';\n\nconst TABLE_SELECTION_COLUMN_WIDTH_PX = 50;\n\nexport type TableColumnWithArea<RowType extends TableRowData> = {\n    column: TableColumnDefinition<RowType>;\n    columnIndex: number;\n    areaName: string;\n};\n\ntype UseTableLayoutProps<RowType extends TableRowData> = {\n    bodyMaxHeight?: string;\n    cardsStyle?: TableCardsStyleSettings;\n    columns: TableColumnDefinition<RowType>[];\n    hasFooterCells?: boolean;\n    rowSeparatorWidth?: number | string;\n    showSelectionColumn?: boolean;\n    stickyReference?: TableStickyReference;\n    style?: CSSProperties;\n};\n\ntype InternalTableStyle = CSSProperties & {\n    '--table-columns'?: string;\n    '--table-areas'?: string;\n    '--table-cards-min'?: string;\n    '--table-cards-max'?: string;\n    '--table-column-count'?: string;\n    '--table-row-separator-width'?: string;\n    '--table-sticky-reference-top'?: string;\n    '--table-width'?: string;\n};\n\nexport const useTableLayout = <RowType extends TableRowData>(props: UseTableLayoutProps<RowType>) => {\n    const {\n        bodyMaxHeight,\n        cardsStyle,\n        columns,\n        hasFooterCells,\n        rowSeparatorWidth,\n        showSelectionColumn,\n        stickyReference = 'applicationLayout',\n        style,\n    } = props;\n    const [tableWrapperRef, , { inlineSize }] = useResizeObserver<HTMLDivElement>();\n\n    const columnsWithAreas: TableColumnWithArea<RowType>[] = columns.map((column, columnIndex) => ({\n        column,\n        columnIndex,\n        areaName: `table-col-${columnIndex + 1}`,\n    }));\n\n    const wrapperWidth = inlineSize ?? tableWrapperRef.current?.clientWidth;\n\n    const minWidthTotal =\n        (showSelectionColumn ? TABLE_SELECTION_COLUMN_WIDTH_PX : 0) +\n        columns.reduce((totalWidth, column) => {\n            if (column.width === undefined) {\n                return totalWidth + MIN_COLUMN_WIDTH_PX;\n            }\n\n            const columnWidth = parsePixelSize(toCssSize(column.width));\n\n            return totalWidth + (columnWidth ?? 0);\n        }, 0);\n\n    const tableUseOverflow = wrapperWidth !== undefined && minWidthTotal > wrapperWidth;\n    const tableWidth = wrapperWidth !== undefined ? `${wrapperWidth}px` : '100%';\n\n    const {\n        handleBodyScroll,\n        hasHorizontalScrollEndOffset,\n        hasHorizontalScrollStartOffset,\n        tableFooterRowRef,\n        tableHeadRowRef,\n    } = useHorizontalSectionSync({\n        enabled: !!bodyMaxHeight,\n        hasFooterCells,\n    });\n\n    const measuredColumnMaxWidths = useMeasuredColumnMaxWidths({\n        columns,\n        enabled: tableUseOverflow,\n        tableWrapperRef,\n    });\n\n    const gridTemplateColumns =\n        columnsWithAreas.length > 0\n            ? [\n                  showSelectionColumn ? `${TABLE_SELECTION_COLUMN_WIDTH_PX}px` : undefined,\n                  ...columnsWithAreas.map(({ column }) => getColumnTrack(column, measuredColumnMaxWidths[column.key])),\n              ]\n                  .filter(Boolean)\n                  .join(' ')\n            : 'minmax(0, 1fr)';\n\n    const gridTemplateAreas =\n        columnsWithAreas.length > 0\n            ? `\"${[\n                  showSelectionColumn ? 'table-selection' : undefined,\n                  ...columnsWithAreas.map(({ areaName }) => areaName),\n              ]\n                  .filter(Boolean)\n                  .join(' ')}\"`\n            : 'none';\n\n    const cardsMinWidth = toCssSize(cardsStyle?.minWidth);\n    const cardsMaxWidth = toCssSize(cardsStyle?.maxWidth);\n\n    const wrapperStyle: InternalTableStyle = {\n        ...(style ?? {}),\n        '--table-columns': gridTemplateColumns,\n        '--table-areas': gridTemplateAreas,\n        '--table-cards-min': cardsMinWidth,\n        '--table-cards-max': cardsMaxWidth,\n        '--table-column-count': String(columns.length + (showSelectionColumn ? 1 : 0)),\n        '--table-row-separator-width': toCssSize(rowSeparatorWidth),\n        '--table-sticky-reference-top': stickyReference === 'container' ? '0px' : 'var(--table-sticky-offset)',\n        '--table-width': tableWidth,\n    };\n\n    return {\n        columnsWithAreas,\n        handleBodyScroll,\n        hasHorizontalScrollEndOffset,\n        hasHorizontalScrollStartOffset,\n        tableUseOverflow,\n        tableWrapperRef,\n        tableFooterRowRef,\n        tableHeadRowRef,\n        wrapperWidth,\n        wrapperStyle,\n    };\n};\n"],"mappings":";;;;;;;;AAeA,IAAM,IAAkC,IA8B3B,KAAgD,MAAwC;CACjG,IAAM,EACF,kBACA,eACA,YACA,mBACA,sBACA,wBACA,qBAAkB,qBAClB,aACA,GACE,CAAC,KAAmB,EAAE,mBAAgB,EAAkC,GAExE,IAAmD,EAAQ,KAAK,GAAQ,OAAiB;EAC3F;EACA;EACA,UAAU,aAAa,IAAc;CACzC,EAAE,GAEI,IAAe,KAAc,EAAgB,SAAS,aAEtD,KACD,IAAsB,IAAkC,KACzD,EAAQ,QAAQ,GAAY,MACpB,EAAO,UAAU,KAAA,IACV,IAAA,KAKJ,KAFa,EAAe,EAAU,EAAO,KAAK,CAEpC,KAAe,IACrC,CAAC,GAEF,IAAmB,MAAiB,KAAA,KAAa,IAAgB,GACjE,IAAa,MAAiB,KAAA,IAAkC,SAAtB,GAAG,EAAa,KAE1D,EACF,qBACA,iCACA,mCACA,sBACA,uBACA,EAAyB;EACzB,SAAS,CAAC,CAAC;EACX;CACJ,CAAC,GAEK,IAA0B,EAA2B;EACvD;EACA,SAAS;EACT;CACJ,CAAC,GAEK,IACF,EAAiB,SAAS,IACpB,CACI,IAAsB,GAAG,EAAgC,MAAM,KAAA,GAC/D,GAAG,EAAiB,KAAK,EAAE,gBAAa,EAAe,GAAQ,EAAwB,EAAO,IAAI,CAAC,CACvG,CAAC,CACI,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,IACb,kBAEJ,IACF,EAAiB,SAAS,IACpB,IAAI,CACA,IAAsB,oBAAoB,KAAA,GAC1C,GAAG,EAAiB,KAAK,EAAE,kBAAe,CAAQ,CACtD,CAAC,CACI,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,EAAE,KACf,QAEJ,IAAgB,EAAU,GAAY,QAAQ,GAC9C,IAAgB,EAAU,GAAY,QAAQ;CAcpD,OAAO;EACH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAA;GArBA,GAAI,KAAS,CAAC;GACd,mBAAmB;GACnB,iBAAiB;GACjB,qBAAqB;GACrB,qBAAqB;GACrB,wBAAwB,OAAO,EAAQ,SAAU,IAA4B;GAC7E,+BAA+B,EAAU,CAAiB;GAC1D,gCAAgC,MAAoB,cAAc,QAAQ;GAC1E,iBAAiB;EAajB;CACJ;AACJ"}

package/components/table/layout/useTableVirtualization.js

@@ -1,120 +1,125 @@
-import { useState as B, useCallback as a, useEffect as E, useMemo as I } from "react";
-import L from "../../../hooks/useResizeObserver.js";
-const O = 50, x = (d, i) => d.start === i.start && d.end === i.end, P = (d) => {
-  const { enabled: i, overscan: u, rows: r, scrollContainer: k, viewportHeightFallback: w } = d, c = k?.view ?? null, [, , { blockSize: f }] = L(c), [l, H] = B({
-    itemHeights: {},
-    scrollTop: 0,
-    viewportHeight: 0,
-    visibleRange: { start: 0, end: 10 }
-  }), v = a(() => c, [c]), p = a(() => {
-    const e = Object.values(l.itemHeights);
-    return e.length === 0 ? O : e.reduce((t, n) => t + n, 0) / e.length;
-  }, [l.itemHeights]), h = a(
-    (e) => l.itemHeights[e] ?? p(),
-    [p, l.itemHeights]
-  ), T = a(
-    (e) => {
-      let t = 0;
-      for (let n = 0; n < e; n++)
-        t += h(n);
-      return t;
-    },
-    [h]
-  ), V = a(() => {
-    let e = 0;
-    for (let t = 0; t < r.length; t++)
-      e += h(t);
-    return e;
-  }, [h, r.length]), m = a(
-    (e, t) => {
-      if (!i || r.length === 0)
-        return { start: 0, end: r.length };
-      let n = 0, g = 0;
-      for (; n < r.length; ) {
-        const o = h(n);
-        if (g + o > e - u * o)
-          break;
-        g += o, n++;
-      }
-      let s = n;
-      for (; s < r.length; ) {
-        const o = h(s);
-        if (g > e + t + u * o)
-          break;
-        g += o, s++;
-      }
-      return {
-        start: Math.max(0, n - u),
-        end: Math.min(r.length, s + u)
-      };
-    },
-    [i, h, u, r.length]
-  ), b = a(() => {
-    const e = v();
-    if (!e)
-      return;
-    const t = e.clientHeight || f || w || 0, n = e.scrollTop, g = m(n, t);
-    H(
-      (s) => s.scrollTop === n && s.viewportHeight === t && x(s.visibleRange, g) ? s : {
-        ...s,
-        scrollTop: n,
-        viewportHeight: t,
-        visibleRange: g
-      }
-    );
-  }, [m, v, f, w]);
-  E(() => {
-    if (i && c)
-      return b(), c.addEventListener("scroll", b, { passive: !0 }), () => {
-        c.removeEventListener("scroll", b);
-      };
-  }, [i, b, c]), E(() => {
-    i && H((e) => {
-      const t = m(e.scrollTop, e.viewportHeight);
-      return x(e.visibleRange, t) ? e : {
-        ...e,
-        visibleRange: t
-      };
-    });
-  }, [m, i, r]);
-  const z = a(
-    (e, t) => {
-      if (!t)
-        return;
-      const n = t.getBoundingClientRect(), g = window.getComputedStyle(t), s = n.height + Number.parseFloat(g.marginTop || "0") + Number.parseFloat(g.marginBottom || "0");
-      s <= 0 || H((o) => {
-        if (o.itemHeights[e] === s)
-          return o;
-        const R = {
-          ...o,
-          itemHeights: {
-            ...o.itemHeights,
-            [e]: s
-          }
-        };
-        return {
-          ...R,
-          visibleRange: m(R.scrollTop, R.viewportHeight)
-        };
-      });
-    },
-    [m]
-  ), C = I(
-    () => i ? r.slice(l.visibleRange.start, l.visibleRange.end).map((e, t) => ({
-      index: l.visibleRange.start + t,
-      row: e
-    })) : [],
-    [i, r, l.visibleRange.end, l.visibleRange.start]
-  ), F = i ? T(l.visibleRange.start) : 0, M = i ? Math.max(0, V() - T(l.visibleRange.end)) : 0;
-  return {
-    isVirtualized: i,
-    measureRow: z,
-    paddingBottom: M,
-    paddingTop: F,
-    virtualRows: C
-  };
+import e from "../../../hooks/useResizeObserver.js";
+import "../../../useResizeObserver.js";
+import { useCallback as t, useEffect as n, useMemo as r, useState as i } from "react";
+//#region src/components/table/layout/useTableVirtualization.ts
+var a = 50, o = (e, t) => e.start === t.start && e.end === t.end, s = (s) => {
+	let { enabled: c, overscan: l, rows: u, scrollContainer: d, viewportHeightFallback: f } = s, p = d?.view ?? null, [, , { blockSize: m }] = e(p), [h, g] = i({
+		itemHeights: {},
+		scrollTop: 0,
+		viewportHeight: 0,
+		visibleRange: {
+			start: 0,
+			end: 10
+		}
+	}), _ = t(() => p, [p]), v = t(() => {
+		let e = Object.values(h.itemHeights);
+		return e.length === 0 ? a : e.reduce((e, t) => e + t, 0) / e.length;
+	}, [h.itemHeights]), y = t((e) => h.itemHeights[e] ?? v(), [v, h.itemHeights]), b = t((e) => {
+		let t = 0;
+		for (let n = 0; n < e; n++) t += y(n);
+		return t;
+	}, [y]), x = t(() => {
+		let e = 0;
+		for (let t = 0; t < u.length; t++) e += y(t);
+		return e;
+	}, [y, u.length]), S = t((e, t) => {
+		if (!c || u.length === 0) return {
+			start: 0,
+			end: u.length
+		};
+		let n = 0, r = 0;
+		for (; n < u.length;) {
+			let t = y(n);
+			if (r + t > e - l * t) break;
+			r += t, n++;
+		}
+		let i = n;
+		for (; i < u.length;) {
+			let n = y(i);
+			if (r > e + t + l * n) break;
+			r += n, i++;
+		}
+		return {
+			start: Math.max(0, n - l),
+			end: Math.min(u.length, i + l)
+		};
+	}, [
+		c,
+		y,
+		l,
+		u.length
+	]), C = t(() => {
+		let e = _();
+		if (!e) return;
+		let t = e.clientHeight || m || f || 0, n = e.scrollTop, r = S(n, t);
+		g((e) => e.scrollTop === n && e.viewportHeight === t && o(e.visibleRange, r) ? e : {
+			...e,
+			scrollTop: n,
+			viewportHeight: t,
+			visibleRange: r
+		});
+	}, [
+		S,
+		_,
+		m,
+		f
+	]);
+	n(() => {
+		if (c && p) return C(), p.addEventListener("scroll", C, { passive: !0 }), () => {
+			p.removeEventListener("scroll", C);
+		};
+	}, [
+		c,
+		C,
+		p
+	]), n(() => {
+		c && g((e) => {
+			let t = S(e.scrollTop, e.viewportHeight);
+			return o(e.visibleRange, t) ? e : {
+				...e,
+				visibleRange: t
+			};
+		});
+	}, [
+		S,
+		c,
+		u
+	]);
+	let w = t((e, t) => {
+		if (!t) return;
+		let n = t.getBoundingClientRect(), r = window.getComputedStyle(t), i = n.height + Number.parseFloat(r.marginTop || "0") + Number.parseFloat(r.marginBottom || "0");
+		i <= 0 || g((t) => {
+			if (t.itemHeights[e] === i) return t;
+			let n = {
+				...t,
+				itemHeights: {
+					...t.itemHeights,
+					[e]: i
+				}
+			};
+			return {
+				...n,
+				visibleRange: S(n.scrollTop, n.viewportHeight)
+			};
+		});
+	}, [S]), T = r(() => c ? u.slice(h.visibleRange.start, h.visibleRange.end).map((e, t) => ({
+		index: h.visibleRange.start + t,
+		row: e
+	})) : [], [
+		c,
+		u,
+		h.visibleRange.end,
+		h.visibleRange.start
+	]), E = c ? b(h.visibleRange.start) : 0;
+	return {
+		isVirtualized: c,
+		measureRow: w,
+		paddingBottom: c ? Math.max(0, x() - b(h.visibleRange.end)) : 0,
+		paddingTop: E,
+		virtualRows: T
+	};
 };
-export {
-  P as default
-};
-//# sourceMappingURL=useTableVirtualization.js.map
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=useTableVirtualization.js.map