@economic/taco 14.1.1 → 14.2.0-tanstack-virtual-update.0

package/dist/primitives/Table/Core/features/useTableRenderer.cjs

@@ -4,11 +4,12 @@ const reactVirtual = require("@tanstack/react-virtual");
 const sortBy = require("lodash/sortBy");
 const without = require("lodash/without");
 const React = require("react");
+const rows = require("../../useTableManager/util/rows.cjs");
 const SkeletonRow = require("../components/Row/BuiltIns/SkeletonRow.cjs");
 const Row = require("../components/Row/Row.cjs");
-const rows = require("../util/rows.cjs");
+const rows$1 = require("../util/rows.cjs");
 function getScrollPaddingEndOffset(table) {
-  const tableMeta = table.options.meta;
+  const tableMeta = rows.getTableMeta(table);
   let offset = 2;
   if (tableMeta.footer.isEnabled) {
     offset += 1;
@@ -16,29 +17,29 @@ function getScrollPaddingEndOffset(table) {
   if (table.getHeaderGroups().length > 1) {
     offset += table.getHeaderGroups().length - 1;
   }
-  let height = rows.ROW_HEIGHT_ESTIMATES.medium * offset;
+  let height = rows$1.ROW_HEIGHT_ESTIMATES.medium * offset;
   const bottomRows = table.getBottomRows();
   if (bottomRows.length) {
-    height += rows.ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] * 1.4 * bottomRows.length;
+    height += rows$1.ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] * 1.4 * bottomRows.length;
   }
   return height;
 }
 function getPaddingEndOffset(table) {
   const bottomRows = table.getBottomRows() ?? [];
-  return rows.ROW_HEIGHT_ESTIMATES.medium * 1 * bottomRows.length;
+  return rows$1.ROW_HEIGHT_ESTIMATES.medium * 1 * bottomRows.length;
 }
 const OVERSCAN_ROW_COUNT = 8;
 function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIndex) {
-  const tableMeta = table.options.meta;
+  const tableMeta = rows.getTableMeta(table);
   const isTableRowGrouped = !!table.getState().grouping?.length;
-  const rows$1 = table.getCenterRows() ?? [];
+  const rows$2 = table.getCenterRows() ?? [];
   const rangeExtractor = useRowGroupVirtualisation(table);
-  const scrollPaddingStart = rows.ROW_HEIGHT_ESTIMATES.medium;
-  const count = tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2 ? length : rows$1.length;
+  const scrollPaddingStart = rows$1.ROW_HEIGHT_ESTIMATES.medium;
+  const count = tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2 ? length : rows$2.length;
   const virtualiser = reactVirtual.useVirtualizer({
     count,
     estimateSize: () => {
-      return tableMeta.rowHeight.height ? rows.ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] : rows.ROW_HEIGHT_ESTIMATES.medium;
+      return tableMeta.rowHeight.height ? rows$1.ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] : rows$1.ROW_HEIGHT_ESTIMATES.medium;
     },
     getScrollElement: () => tableRef.current,
     overscan: tableMeta.printing.isPrinting ? count : OVERSCAN_ROW_COUNT,
@@ -102,10 +103,10 @@ function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIn
         const pagePosition = tableMeta.server.pages?.indexOf(currentPageIndex) ?? -1;
         if (pagePosition > -1) {
           const fakeIndex = pagePosition * tableMeta.server.pageSize + virtualRow.index % tableMeta.server.pageSize;
-          row = rows$1[fakeIndex];
+          row = rows$2[fakeIndex];
         }
       } else {
-        row = rows$1[virtualRow.index];
+        row = rows$2[virtualRow.index];
       }
       if (!row?.original) {
         const skeletonKey = `skeleton-${virtualRow.index}`;

package/dist/primitives/Table/Core/features/useTableRenderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRenderer.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableRenderer.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta, Row as ReactTableRow } from '@tanstack/react-table';\nimport type { ScrollToOptions as ReactVirtualScrollToOptions, Range } from '@tanstack/react-virtual';\nimport { useVirtualizer, defaultRangeExtractor } from '@tanstack/react-virtual';\nimport sortBy from 'lodash/sortBy';\nimport without from 'lodash/without';\nimport type { CSSProperties } from 'react';\nimport React from 'react';\n\nimport type { TableRef } from '../../types';\nimport { SkeletonRow } from '../components/Row/BuiltIns/SkeletonRow';\nimport { Row } from '../components/Row/Row';\nimport type { useTableRenderers } from '../types';\nimport { ROW_HEIGHT_ESTIMATES } from '../util/rows';\n\n// scroll padding end is designed to always show half of the next row\nfunction getScrollPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    let offset = 2;\n\n    if (tableMeta.footer.isEnabled) {\n        offset += 1;\n    }\n\n    if (table.getHeaderGroups().length > 1) {\n        offset += table.getHeaderGroups().length - 1;\n    }\n\n    let height = ROW_HEIGHT_ESTIMATES.medium * offset;\n\n    const bottomRows = table.getBottomRows();\n\n    if (bottomRows.length) {\n        // 1.4 offsets for half rows and also accounts for increased row heights (which is likely in pinned rows)\n        height += ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] * 1.4 * bottomRows.length;\n    }\n\n    return height;\n}\n\n// scroll padding end is designed to always show half of the next row\nfunction getPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const bottomRows = table.getBottomRows() ?? [];\n    return ROW_HEIGHT_ESTIMATES.medium * 1 * bottomRows.length;\n}\n\n// A higher number ensure less scroll jumping for dynamic row heights, but too high can reduce performance. 8 worked well\nconst OVERSCAN_ROW_COUNT = 8;\n\nexport function useTableRenderer<TType = unknown>(\n    renderers: useTableRenderers<TType>,\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    length: number,\n    defaultRowActiveIndex?: number | undefined\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const isTableRowGrouped = !!table.getState().grouping?.length;\n    const rows = table.getCenterRows() ?? [];\n\n    // row groups\n    const rangeExtractor = useRowGroupVirtualisation<TType>(table);\n\n    // account for thead and tfoot in the scroll area - both are always medium row height\n    const scrollPaddingStart = ROW_HEIGHT_ESTIMATES.medium;\n\n    const count = tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2 ? length : rows.length;\n\n    const virtualiser = useVirtualizer({\n        count,\n        estimateSize: () => {\n            return tableMeta.rowHeight.height ? ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] : ROW_HEIGHT_ESTIMATES.medium;\n        },\n        getScrollElement: () => tableRef.current,\n        overscan: tableMeta.printing.isPrinting ? count : OVERSCAN_ROW_COUNT,\n        rangeExtractor,\n        // correctly sets the scroll padding offset, e.g. when keyboard navigating rows in the list\n        scrollPaddingStart,\n        scrollPaddingEnd: getScrollPaddingEndOffset(table),\n        paddingEnd: getPaddingEndOffset(table),\n    });\n\n    const expandedState = table.getState().expanded;\n    const previousExpandedStateRef = React.useRef(false);\n\n    React.useEffect(() => {\n        // only remeasure when transitioning between expand all and not expand all\n        const isEmpty = JSON.stringify(expandedState) === '{}';\n\n        if (expandedState === true || (isEmpty && previousExpandedStateRef.current === true)) {\n            previousExpandedStateRef.current = expandedState === true;\n            virtualiser.measure();\n        }\n    }, [expandedState]);\n\n    const totalSize = virtualiser.getTotalSize();\n    const virtualItems = virtualiser.getVirtualItems();\n\n    const scrollToIndex = React.useCallback(\n        (index: number, options: ReactVirtualScrollToOptions = { align: 'auto', behavior: 'smooth' }) => {\n            const notSmooth: ReactVirtualScrollToOptions = { ...options, behavior: 'auto' };\n\n            if (tableRef.current) {\n                if (index === 0) {\n                    virtualiser.scrollToOffset(0, notSmooth);\n                } else if (index === count - 1) {\n                    // sometimes the last row doesn't fully show, so we just force scroll to the bottom\n                    tableRef.current.scrollTop = tableRef.current.scrollHeight;\n                } else {\n                    virtualiser.scrollToIndex(index, options);\n                }\n            }\n        },\n        [virtualItems.length, tableRef.current, totalSize, count]\n    );\n\n    // use row 1 not 0, because 0 might be sticky in grouped tables and it's start value will always be 0\n    const paddingStartIndex = isTableRowGrouped && count > 1 ? 1 : 0;\n\n    const startValue = isTableRowGrouped\n        ? (virtualItems[paddingStartIndex]?.start ?? 0) - (virtualItems[paddingStartIndex]?.size ?? 0)\n        : virtualItems[paddingStartIndex]?.start;\n\n    // styling for offsetting rows - this \"is\" the virtualisation\n    const [paddingTop, paddingBottom] =\n        virtualItems.length > 0\n            ? [Math.max(0, startValue ?? 0), Math.max(0, totalSize - (virtualItems.at(-1)?.end ?? 0))]\n            : [0, 0];\n\n    // ensure default active rows are scrolled to\n    React.useEffect(() => {\n        if (defaultRowActiveIndex) {\n            scrollToIndex(defaultRowActiveIndex, { align: 'center', behavior: 'auto' });\n        }\n    }, []);\n\n    // rendered output\n    let style: CSSProperties = {};\n    let content: (React.JSX.Element | null)[] | null = null;\n\n    // bottom rows aren't virtualised (they're sticky) but we need to set the height\n    if (count || table.getBottomRows().length) {\n        style = {\n            height: totalSize,\n            paddingBottom: Number.isNaN(paddingBottom) ? 0 : paddingBottom,\n            paddingTop: Number.isNaN(paddingTop) ? 0 : paddingTop,\n        };\n    }\n\n    // only render non sticky rows\n    if (count) {\n        content = virtualItems.map(virtualRow => {\n            // there appears to be a react-virtual bug where it inserts a single `undefined` item at the end of the row, which crashes here\n            if (!virtualRow) {\n                return null;\n            }\n\n            let row: ReactTableRow<TType> | undefined;\n\n            if (tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2) {\n                const currentPageIndex =\n                    (Math.floor(virtualRow.index / tableMeta.server.pageSize) * tableMeta.server.pageSize) /\n                    tableMeta.server.pageSize;\n                const pagePosition = tableMeta.server.pages?.indexOf(currentPageIndex) ?? -1;\n\n                if (pagePosition > -1) {\n                    // \"flatten\" row indexes down into the dataloader2 dataset size\n                    // for example, with a page size of 100...\n                    // row index 14267 is actually one of index 67, 167, 267 etc within the dataset (depending on number of pages stored)\n                    const fakeIndex = pagePosition * tableMeta.server.pageSize + (virtualRow.index % tableMeta.server.pageSize);\n                    row = rows[fakeIndex];\n                }\n            } else {\n                row = rows[virtualRow.index];\n            }\n\n            if (!row?.original) {\n                // Prefix skeleton keys to prevent collision with real data row keys\n                const skeletonKey = `skeleton-${virtualRow.index}`;\n                return <SkeletonRow key={skeletonKey} index={virtualRow.index} table={table} />;\n            }\n\n            const measureRow = (rowHeight: number) => {\n                virtualiser.resizeItem(virtualRow.index, rowHeight);\n            };\n\n            return (\n                <Row\n                    key={row.id}\n                    row={row}\n                    index={virtualRow.index}\n                    table={table}\n                    measureRow={measureRow}\n                    renderer={renderers.row}\n                    cellRenderer={renderers.cell}\n                />\n            );\n        });\n    }\n\n    return {\n        rows: content,\n        style,\n        scrollToIndex,\n    };\n}\n\n// support virtualised row groups (where the row group headers are sticky)\nfunction useRowGroupVirtualisation<TType = unknown>(table: ReactTable<TType>) {\n    const rows = table.getRowModel().rows;\n    const isTableGrouped = !!table.getState().grouping.length;\n\n    const rowGroupIndexes = React.useMemo(() => {\n        const indexes: number[] = [];\n\n        if (isTableGrouped) {\n            rows.forEach((row, index) => {\n                if (row.getIsGrouped()) {\n                    indexes.push(index);\n                }\n            });\n        }\n\n        return indexes;\n    }, [rows]);\n\n    // this is taken from the react-virtual docs/examples\n    const rangeExtractor = React.useCallback(\n        (range: Range) => {\n            const activeRowGroupIndex =\n                rowGroupIndexes.toReversed().find(index => range.startIndex >= index) ?? rowGroupIndexes[0];\n\n            return activeRowGroupIndex === undefined\n                ? defaultRangeExtractor(range)\n                : sortBy([activeRowGroupIndex, ...without(defaultRangeExtractor(range), activeRowGroupIndex)], a => a);\n        },\n        [rowGroupIndexes]\n    );\n\n    return isTableGrouped ? rangeExtractor : undefined;\n}\n"],"names":["ROW_HEIGHT_ESTIMATES","rows","useVirtualizer","SkeletonRow","Row","defaultRangeExtractor"],"mappings":"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"}
+{"version":3,"file":"useTableRenderer.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableRenderer.tsx"],"sourcesContent":["import type { Table as ReactTable, Row as ReactTableRow } from '@tanstack/react-table';\nimport type { ScrollToOptions as ReactVirtualScrollToOptions, Range } from '@tanstack/react-virtual';\nimport { useVirtualizer, defaultRangeExtractor } from '@tanstack/react-virtual';\nimport sortBy from 'lodash/sortBy';\nimport without from 'lodash/without';\nimport type { CSSProperties } from 'react';\nimport React from 'react';\n\nimport type { TableRef } from '../../types';\nimport { getTableMeta } from '../../useTableManager/util/rows';\nimport { SkeletonRow } from '../components/Row/BuiltIns/SkeletonRow';\nimport { Row } from '../components/Row/Row';\nimport type { useTableRenderers } from '../types';\nimport { ROW_HEIGHT_ESTIMATES } from '../util/rows';\n\n// scroll padding end is designed to always show half of the next row\nfunction getScrollPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const tableMeta = getTableMeta(table);\n    let offset = 2;\n\n    if (tableMeta.footer.isEnabled) {\n        offset += 1;\n    }\n\n    if (table.getHeaderGroups().length > 1) {\n        offset += table.getHeaderGroups().length - 1;\n    }\n\n    let height = ROW_HEIGHT_ESTIMATES.medium * offset;\n\n    const bottomRows = table.getBottomRows();\n\n    if (bottomRows.length) {\n        // 1.4 offsets for half rows and also accounts for increased row heights (which is likely in pinned rows)\n        height += ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] * 1.4 * bottomRows.length;\n    }\n\n    return height;\n}\n\n// scroll padding end is designed to always show half of the next row\nfunction getPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const bottomRows = table.getBottomRows() ?? [];\n    return ROW_HEIGHT_ESTIMATES.medium * 1 * bottomRows.length;\n}\n\n// A higher number ensure less scroll jumping for dynamic row heights, but too high can reduce performance. 8 worked well\nconst OVERSCAN_ROW_COUNT = 8;\n\nexport function useTableRenderer<TType = unknown>(\n    renderers: useTableRenderers<TType>,\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    length: number,\n    defaultRowActiveIndex?: number | undefined\n) {\n    const tableMeta = getTableMeta(table);\n    const isTableRowGrouped = !!table.getState().grouping?.length;\n    const rows = table.getCenterRows() ?? [];\n\n    // row groups\n    const rangeExtractor = useRowGroupVirtualisation<TType>(table);\n\n    // account for thead and tfoot in the scroll area - both are always medium row height\n    const scrollPaddingStart = ROW_HEIGHT_ESTIMATES.medium;\n\n    const count = tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2 ? length : rows.length;\n\n    const virtualiser = useVirtualizer({\n        count,\n        estimateSize: () => {\n            return tableMeta.rowHeight.height ? ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] : ROW_HEIGHT_ESTIMATES.medium;\n        },\n        getScrollElement: () => tableRef.current,\n        overscan: tableMeta.printing.isPrinting ? count : OVERSCAN_ROW_COUNT,\n        rangeExtractor,\n        // correctly sets the scroll padding offset, e.g. when keyboard navigating rows in the list\n        scrollPaddingStart,\n        scrollPaddingEnd: getScrollPaddingEndOffset(table),\n        paddingEnd: getPaddingEndOffset(table),\n    });\n\n    const expandedState = table.getState().expanded;\n    const previousExpandedStateRef = React.useRef(false);\n\n    React.useEffect(() => {\n        // only remeasure when transitioning between expand all and not expand all\n        const isEmpty = JSON.stringify(expandedState) === '{}';\n\n        if (expandedState === true || (isEmpty && previousExpandedStateRef.current === true)) {\n            previousExpandedStateRef.current = expandedState === true;\n            virtualiser.measure();\n        }\n    }, [expandedState]);\n\n    const totalSize = virtualiser.getTotalSize();\n    const virtualItems = virtualiser.getVirtualItems();\n\n    const scrollToIndex = React.useCallback(\n        (index: number, options: ReactVirtualScrollToOptions = { align: 'auto', behavior: 'smooth' }) => {\n            const notSmooth: ReactVirtualScrollToOptions = { ...options, behavior: 'auto' };\n\n            if (tableRef.current) {\n                if (index === 0) {\n                    virtualiser.scrollToOffset(0, notSmooth);\n                } else if (index === count - 1) {\n                    // sometimes the last row doesn't fully show, so we just force scroll to the bottom\n                    tableRef.current.scrollTop = tableRef.current.scrollHeight;\n                } else {\n                    virtualiser.scrollToIndex(index, options);\n                }\n            }\n        },\n        [virtualItems.length, tableRef.current, totalSize, count]\n    );\n\n    // use row 1 not 0, because 0 might be sticky in grouped tables and it's start value will always be 0\n    const paddingStartIndex = isTableRowGrouped && count > 1 ? 1 : 0;\n\n    const startValue = isTableRowGrouped\n        ? (virtualItems[paddingStartIndex]?.start ?? 0) - (virtualItems[paddingStartIndex]?.size ?? 0)\n        : virtualItems[paddingStartIndex]?.start;\n\n    // styling for offsetting rows - this \"is\" the virtualisation\n    const [paddingTop, paddingBottom] =\n        virtualItems.length > 0\n            ? [Math.max(0, startValue ?? 0), Math.max(0, totalSize - (virtualItems.at(-1)?.end ?? 0))]\n            : [0, 0];\n\n    // ensure default active rows are scrolled to\n    React.useEffect(() => {\n        if (defaultRowActiveIndex) {\n            scrollToIndex(defaultRowActiveIndex, { align: 'center', behavior: 'auto' });\n        }\n    }, []);\n\n    // rendered output\n    let style: CSSProperties = {};\n    let content: (React.JSX.Element | null)[] | null = null;\n\n    // bottom rows aren't virtualised (they're sticky) but we need to set the height\n    if (count || table.getBottomRows().length) {\n        style = {\n            height: totalSize,\n            paddingBottom: Number.isNaN(paddingBottom) ? 0 : paddingBottom,\n            paddingTop: Number.isNaN(paddingTop) ? 0 : paddingTop,\n        };\n    }\n\n    // only render non sticky rows\n    if (count) {\n        content = virtualItems.map(virtualRow => {\n            // there appears to be a react-virtual bug where it inserts a single `undefined` item at the end of the row, which crashes here\n            if (!virtualRow) {\n                return null;\n            }\n\n            let row: ReactTableRow<TType> | undefined;\n\n            if (tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2) {\n                const currentPageIndex =\n                    (Math.floor(virtualRow.index / tableMeta.server.pageSize) * tableMeta.server.pageSize) /\n                    tableMeta.server.pageSize;\n                const pagePosition = tableMeta.server.pages?.indexOf(currentPageIndex) ?? -1;\n\n                if (pagePosition > -1) {\n                    // \"flatten\" row indexes down into the dataloader2 dataset size\n                    // for example, with a page size of 100...\n                    // row index 14267 is actually one of index 67, 167, 267 etc within the dataset (depending on number of pages stored)\n                    const fakeIndex = pagePosition * tableMeta.server.pageSize + (virtualRow.index % tableMeta.server.pageSize);\n                    row = rows[fakeIndex];\n                }\n            } else {\n                row = rows[virtualRow.index];\n            }\n\n            if (!row?.original) {\n                // Prefix skeleton keys to prevent collision with real data row keys\n                const skeletonKey = `skeleton-${virtualRow.index}`;\n                return <SkeletonRow key={skeletonKey} index={virtualRow.index} table={table} />;\n            }\n\n            const measureRow = (rowHeight: number) => {\n                virtualiser.resizeItem(virtualRow.index, rowHeight);\n            };\n\n            return (\n                <Row\n                    key={row.id}\n                    row={row}\n                    index={virtualRow.index}\n                    table={table}\n                    measureRow={measureRow}\n                    renderer={renderers.row}\n                    cellRenderer={renderers.cell}\n                />\n            );\n        });\n    }\n\n    return {\n        rows: content,\n        style,\n        scrollToIndex,\n    };\n}\n\n// support virtualised row groups (where the row group headers are sticky)\nfunction useRowGroupVirtualisation<TType = unknown>(table: ReactTable<TType>) {\n    const rows = table.getRowModel().rows;\n    const isTableGrouped = !!table.getState().grouping.length;\n\n    const rowGroupIndexes = React.useMemo(() => {\n        const indexes: number[] = [];\n\n        if (isTableGrouped) {\n            rows.forEach((row, index) => {\n                if (row.getIsGrouped()) {\n                    indexes.push(index);\n                }\n            });\n        }\n\n        return indexes;\n    }, [rows]);\n\n    // this is taken from the react-virtual docs/examples\n    const rangeExtractor = React.useCallback(\n        (range: Range) => {\n            const activeRowGroupIndex =\n                rowGroupIndexes.toReversed().find(index => range.startIndex >= index) ?? rowGroupIndexes[0];\n\n            return activeRowGroupIndex === undefined\n                ? defaultRangeExtractor(range)\n                : sortBy([activeRowGroupIndex, ...without(defaultRangeExtractor(range), activeRowGroupIndex)], a => a);\n        },\n        [rowGroupIndexes]\n    );\n\n    return isTableGrouped ? rangeExtractor : undefined;\n}\n"],"names":["getTableMeta","ROW_HEIGHT_ESTIMATES","rows","useVirtualizer","SkeletonRow","Row","defaultRangeExtractor"],"mappings":"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"}

package/dist/primitives/Table/Core/features/useTableRenderer.js

@@ -2,11 +2,12 @@ import { useVirtualizer, defaultRangeExtractor } from "@tanstack/react-virtual";
 import sortBy from "lodash/sortBy";
 import without from "lodash/without";
 import React__default from "react";
+import { getTableMeta } from "../../useTableManager/util/rows.js";
 import { SkeletonRow } from "../components/Row/BuiltIns/SkeletonRow.js";
 import { Row } from "../components/Row/Row.js";
 import { ROW_HEIGHT_ESTIMATES } from "../util/rows.js";
 function getScrollPaddingEndOffset(table) {
-  const tableMeta = table.options.meta;
+  const tableMeta = getTableMeta(table);
   let offset = 2;
   if (tableMeta.footer.isEnabled) {
     offset += 1;
@@ -27,7 +28,7 @@ function getPaddingEndOffset(table) {
 }
 const OVERSCAN_ROW_COUNT = 8;
 function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIndex) {
-  const tableMeta = table.options.meta;
+  const tableMeta = getTableMeta(table);
   const isTableRowGrouped = !!table.getState().grouping?.length;
   const rows = table.getCenterRows() ?? [];
   const rangeExtractor = useRowGroupVirtualisation(table);

package/dist/primitives/Table/Core/features/useTableRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRenderer.js","sources":["../../../../../src/primitives/Table/Core/features/useTableRenderer.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta, Row as ReactTableRow } from '@tanstack/react-table';\nimport type { ScrollToOptions as ReactVirtualScrollToOptions, Range } from '@tanstack/react-virtual';\nimport { useVirtualizer, defaultRangeExtractor } from '@tanstack/react-virtual';\nimport sortBy from 'lodash/sortBy';\nimport without from 'lodash/without';\nimport type { CSSProperties } from 'react';\nimport React from 'react';\n\nimport type { TableRef } from '../../types';\nimport { SkeletonRow } from '../components/Row/BuiltIns/SkeletonRow';\nimport { Row } from '../components/Row/Row';\nimport type { useTableRenderers } from '../types';\nimport { ROW_HEIGHT_ESTIMATES } from '../util/rows';\n\n// scroll padding end is designed to always show half of the next row\nfunction getScrollPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    let offset = 2;\n\n    if (tableMeta.footer.isEnabled) {\n        offset += 1;\n    }\n\n    if (table.getHeaderGroups().length > 1) {\n        offset += table.getHeaderGroups().length - 1;\n    }\n\n    let height = ROW_HEIGHT_ESTIMATES.medium * offset;\n\n    const bottomRows = table.getBottomRows();\n\n    if (bottomRows.length) {\n        // 1.4 offsets for half rows and also accounts for increased row heights (which is likely in pinned rows)\n        height += ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] * 1.4 * bottomRows.length;\n    }\n\n    return height;\n}\n\n// scroll padding end is designed to always show half of the next row\nfunction getPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const bottomRows = table.getBottomRows() ?? [];\n    return ROW_HEIGHT_ESTIMATES.medium * 1 * bottomRows.length;\n}\n\n// A higher number ensure less scroll jumping for dynamic row heights, but too high can reduce performance. 8 worked well\nconst OVERSCAN_ROW_COUNT = 8;\n\nexport function useTableRenderer<TType = unknown>(\n    renderers: useTableRenderers<TType>,\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    length: number,\n    defaultRowActiveIndex?: number | undefined\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const isTableRowGrouped = !!table.getState().grouping?.length;\n    const rows = table.getCenterRows() ?? [];\n\n    // row groups\n    const rangeExtractor = useRowGroupVirtualisation<TType>(table);\n\n    // account for thead and tfoot in the scroll area - both are always medium row height\n    const scrollPaddingStart = ROW_HEIGHT_ESTIMATES.medium;\n\n    const count = tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2 ? length : rows.length;\n\n    const virtualiser = useVirtualizer({\n        count,\n        estimateSize: () => {\n            return tableMeta.rowHeight.height ? ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] : ROW_HEIGHT_ESTIMATES.medium;\n        },\n        getScrollElement: () => tableRef.current,\n        overscan: tableMeta.printing.isPrinting ? count : OVERSCAN_ROW_COUNT,\n        rangeExtractor,\n        // correctly sets the scroll padding offset, e.g. when keyboard navigating rows in the list\n        scrollPaddingStart,\n        scrollPaddingEnd: getScrollPaddingEndOffset(table),\n        paddingEnd: getPaddingEndOffset(table),\n    });\n\n    const expandedState = table.getState().expanded;\n    const previousExpandedStateRef = React.useRef(false);\n\n    React.useEffect(() => {\n        // only remeasure when transitioning between expand all and not expand all\n        const isEmpty = JSON.stringify(expandedState) === '{}';\n\n        if (expandedState === true || (isEmpty && previousExpandedStateRef.current === true)) {\n            previousExpandedStateRef.current = expandedState === true;\n            virtualiser.measure();\n        }\n    }, [expandedState]);\n\n    const totalSize = virtualiser.getTotalSize();\n    const virtualItems = virtualiser.getVirtualItems();\n\n    const scrollToIndex = React.useCallback(\n        (index: number, options: ReactVirtualScrollToOptions = { align: 'auto', behavior: 'smooth' }) => {\n            const notSmooth: ReactVirtualScrollToOptions = { ...options, behavior: 'auto' };\n\n            if (tableRef.current) {\n                if (index === 0) {\n                    virtualiser.scrollToOffset(0, notSmooth);\n                } else if (index === count - 1) {\n                    // sometimes the last row doesn't fully show, so we just force scroll to the bottom\n                    tableRef.current.scrollTop = tableRef.current.scrollHeight;\n                } else {\n                    virtualiser.scrollToIndex(index, options);\n                }\n            }\n        },\n        [virtualItems.length, tableRef.current, totalSize, count]\n    );\n\n    // use row 1 not 0, because 0 might be sticky in grouped tables and it's start value will always be 0\n    const paddingStartIndex = isTableRowGrouped && count > 1 ? 1 : 0;\n\n    const startValue = isTableRowGrouped\n        ? (virtualItems[paddingStartIndex]?.start ?? 0) - (virtualItems[paddingStartIndex]?.size ?? 0)\n        : virtualItems[paddingStartIndex]?.start;\n\n    // styling for offsetting rows - this \"is\" the virtualisation\n    const [paddingTop, paddingBottom] =\n        virtualItems.length > 0\n            ? [Math.max(0, startValue ?? 0), Math.max(0, totalSize - (virtualItems.at(-1)?.end ?? 0))]\n            : [0, 0];\n\n    // ensure default active rows are scrolled to\n    React.useEffect(() => {\n        if (defaultRowActiveIndex) {\n            scrollToIndex(defaultRowActiveIndex, { align: 'center', behavior: 'auto' });\n        }\n    }, []);\n\n    // rendered output\n    let style: CSSProperties = {};\n    let content: (React.JSX.Element | null)[] | null = null;\n\n    // bottom rows aren't virtualised (they're sticky) but we need to set the height\n    if (count || table.getBottomRows().length) {\n        style = {\n            height: totalSize,\n            paddingBottom: Number.isNaN(paddingBottom) ? 0 : paddingBottom,\n            paddingTop: Number.isNaN(paddingTop) ? 0 : paddingTop,\n        };\n    }\n\n    // only render non sticky rows\n    if (count) {\n        content = virtualItems.map(virtualRow => {\n            // there appears to be a react-virtual bug where it inserts a single `undefined` item at the end of the row, which crashes here\n            if (!virtualRow) {\n                return null;\n            }\n\n            let row: ReactTableRow<TType> | undefined;\n\n            if (tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2) {\n                const currentPageIndex =\n                    (Math.floor(virtualRow.index / tableMeta.server.pageSize) * tableMeta.server.pageSize) /\n                    tableMeta.server.pageSize;\n                const pagePosition = tableMeta.server.pages?.indexOf(currentPageIndex) ?? -1;\n\n                if (pagePosition > -1) {\n                    // \"flatten\" row indexes down into the dataloader2 dataset size\n                    // for example, with a page size of 100...\n                    // row index 14267 is actually one of index 67, 167, 267 etc within the dataset (depending on number of pages stored)\n                    const fakeIndex = pagePosition * tableMeta.server.pageSize + (virtualRow.index % tableMeta.server.pageSize);\n                    row = rows[fakeIndex];\n                }\n            } else {\n                row = rows[virtualRow.index];\n            }\n\n            if (!row?.original) {\n                // Prefix skeleton keys to prevent collision with real data row keys\n                const skeletonKey = `skeleton-${virtualRow.index}`;\n                return <SkeletonRow key={skeletonKey} index={virtualRow.index} table={table} />;\n            }\n\n            const measureRow = (rowHeight: number) => {\n                virtualiser.resizeItem(virtualRow.index, rowHeight);\n            };\n\n            return (\n                <Row\n                    key={row.id}\n                    row={row}\n                    index={virtualRow.index}\n                    table={table}\n                    measureRow={measureRow}\n                    renderer={renderers.row}\n                    cellRenderer={renderers.cell}\n                />\n            );\n        });\n    }\n\n    return {\n        rows: content,\n        style,\n        scrollToIndex,\n    };\n}\n\n// support virtualised row groups (where the row group headers are sticky)\nfunction useRowGroupVirtualisation<TType = unknown>(table: ReactTable<TType>) {\n    const rows = table.getRowModel().rows;\n    const isTableGrouped = !!table.getState().grouping.length;\n\n    const rowGroupIndexes = React.useMemo(() => {\n        const indexes: number[] = [];\n\n        if (isTableGrouped) {\n            rows.forEach((row, index) => {\n                if (row.getIsGrouped()) {\n                    indexes.push(index);\n                }\n            });\n        }\n\n        return indexes;\n    }, [rows]);\n\n    // this is taken from the react-virtual docs/examples\n    const rangeExtractor = React.useCallback(\n        (range: Range) => {\n            const activeRowGroupIndex =\n                rowGroupIndexes.toReversed().find(index => range.startIndex >= index) ?? rowGroupIndexes[0];\n\n            return activeRowGroupIndex === undefined\n                ? defaultRangeExtractor(range)\n                : sortBy([activeRowGroupIndex, ...without(defaultRangeExtractor(range), activeRowGroupIndex)], a => a);\n        },\n        [rowGroupIndexes]\n    );\n\n    return isTableGrouped ? rangeExtractor : undefined;\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"useTableRenderer.js","sources":["../../../../../src/primitives/Table/Core/features/useTableRenderer.tsx"],"sourcesContent":["import type { Table as ReactTable, Row as ReactTableRow } from '@tanstack/react-table';\nimport type { ScrollToOptions as ReactVirtualScrollToOptions, Range } from '@tanstack/react-virtual';\nimport { useVirtualizer, defaultRangeExtractor } from '@tanstack/react-virtual';\nimport sortBy from 'lodash/sortBy';\nimport without from 'lodash/without';\nimport type { CSSProperties } from 'react';\nimport React from 'react';\n\nimport type { TableRef } from '../../types';\nimport { getTableMeta } from '../../useTableManager/util/rows';\nimport { SkeletonRow } from '../components/Row/BuiltIns/SkeletonRow';\nimport { Row } from '../components/Row/Row';\nimport type { useTableRenderers } from '../types';\nimport { ROW_HEIGHT_ESTIMATES } from '../util/rows';\n\n// scroll padding end is designed to always show half of the next row\nfunction getScrollPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const tableMeta = getTableMeta(table);\n    let offset = 2;\n\n    if (tableMeta.footer.isEnabled) {\n        offset += 1;\n    }\n\n    if (table.getHeaderGroups().length > 1) {\n        offset += table.getHeaderGroups().length - 1;\n    }\n\n    let height = ROW_HEIGHT_ESTIMATES.medium * offset;\n\n    const bottomRows = table.getBottomRows();\n\n    if (bottomRows.length) {\n        // 1.4 offsets for half rows and also accounts for increased row heights (which is likely in pinned rows)\n        height += ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] * 1.4 * bottomRows.length;\n    }\n\n    return height;\n}\n\n// scroll padding end is designed to always show half of the next row\nfunction getPaddingEndOffset<TType = unknown>(table: ReactTable<TType>) {\n    const bottomRows = table.getBottomRows() ?? [];\n    return ROW_HEIGHT_ESTIMATES.medium * 1 * bottomRows.length;\n}\n\n// A higher number ensure less scroll jumping for dynamic row heights, but too high can reduce performance. 8 worked well\nconst OVERSCAN_ROW_COUNT = 8;\n\nexport function useTableRenderer<TType = unknown>(\n    renderers: useTableRenderers<TType>,\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    length: number,\n    defaultRowActiveIndex?: number | undefined\n) {\n    const tableMeta = getTableMeta(table);\n    const isTableRowGrouped = !!table.getState().grouping?.length;\n    const rows = table.getCenterRows() ?? [];\n\n    // row groups\n    const rangeExtractor = useRowGroupVirtualisation<TType>(table);\n\n    // account for thead and tfoot in the scroll area - both are always medium row height\n    const scrollPaddingStart = ROW_HEIGHT_ESTIMATES.medium;\n\n    const count = tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2 ? length : rows.length;\n\n    const virtualiser = useVirtualizer({\n        count,\n        estimateSize: () => {\n            return tableMeta.rowHeight.height ? ROW_HEIGHT_ESTIMATES[tableMeta.rowHeight.height] : ROW_HEIGHT_ESTIMATES.medium;\n        },\n        getScrollElement: () => tableRef.current,\n        overscan: tableMeta.printing.isPrinting ? count : OVERSCAN_ROW_COUNT,\n        rangeExtractor,\n        // correctly sets the scroll padding offset, e.g. when keyboard navigating rows in the list\n        scrollPaddingStart,\n        scrollPaddingEnd: getScrollPaddingEndOffset(table),\n        paddingEnd: getPaddingEndOffset(table),\n    });\n\n    const expandedState = table.getState().expanded;\n    const previousExpandedStateRef = React.useRef(false);\n\n    React.useEffect(() => {\n        // only remeasure when transitioning between expand all and not expand all\n        const isEmpty = JSON.stringify(expandedState) === '{}';\n\n        if (expandedState === true || (isEmpty && previousExpandedStateRef.current === true)) {\n            previousExpandedStateRef.current = expandedState === true;\n            virtualiser.measure();\n        }\n    }, [expandedState]);\n\n    const totalSize = virtualiser.getTotalSize();\n    const virtualItems = virtualiser.getVirtualItems();\n\n    const scrollToIndex = React.useCallback(\n        (index: number, options: ReactVirtualScrollToOptions = { align: 'auto', behavior: 'smooth' }) => {\n            const notSmooth: ReactVirtualScrollToOptions = { ...options, behavior: 'auto' };\n\n            if (tableRef.current) {\n                if (index === 0) {\n                    virtualiser.scrollToOffset(0, notSmooth);\n                } else if (index === count - 1) {\n                    // sometimes the last row doesn't fully show, so we just force scroll to the bottom\n                    tableRef.current.scrollTop = tableRef.current.scrollHeight;\n                } else {\n                    virtualiser.scrollToIndex(index, options);\n                }\n            }\n        },\n        [virtualItems.length, tableRef.current, totalSize, count]\n    );\n\n    // use row 1 not 0, because 0 might be sticky in grouped tables and it's start value will always be 0\n    const paddingStartIndex = isTableRowGrouped && count > 1 ? 1 : 0;\n\n    const startValue = isTableRowGrouped\n        ? (virtualItems[paddingStartIndex]?.start ?? 0) - (virtualItems[paddingStartIndex]?.size ?? 0)\n        : virtualItems[paddingStartIndex]?.start;\n\n    // styling for offsetting rows - this \"is\" the virtualisation\n    const [paddingTop, paddingBottom] =\n        virtualItems.length > 0\n            ? [Math.max(0, startValue ?? 0), Math.max(0, totalSize - (virtualItems.at(-1)?.end ?? 0))]\n            : [0, 0];\n\n    // ensure default active rows are scrolled to\n    React.useEffect(() => {\n        if (defaultRowActiveIndex) {\n            scrollToIndex(defaultRowActiveIndex, { align: 'center', behavior: 'auto' });\n        }\n    }, []);\n\n    // rendered output\n    let style: CSSProperties = {};\n    let content: (React.JSX.Element | null)[] | null = null;\n\n    // bottom rows aren't virtualised (they're sticky) but we need to set the height\n    if (count || table.getBottomRows().length) {\n        style = {\n            height: totalSize,\n            paddingBottom: Number.isNaN(paddingBottom) ? 0 : paddingBottom,\n            paddingTop: Number.isNaN(paddingTop) ? 0 : paddingTop,\n        };\n    }\n\n    // only render non sticky rows\n    if (count) {\n        content = virtualItems.map(virtualRow => {\n            // there appears to be a react-virtual bug where it inserts a single `undefined` item at the end of the row, which crashes here\n            if (!virtualRow) {\n                return null;\n            }\n\n            let row: ReactTableRow<TType> | undefined;\n\n            if (tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2) {\n                const currentPageIndex =\n                    (Math.floor(virtualRow.index / tableMeta.server.pageSize) * tableMeta.server.pageSize) /\n                    tableMeta.server.pageSize;\n                const pagePosition = tableMeta.server.pages?.indexOf(currentPageIndex) ?? -1;\n\n                if (pagePosition > -1) {\n                    // \"flatten\" row indexes down into the dataloader2 dataset size\n                    // for example, with a page size of 100...\n                    // row index 14267 is actually one of index 67, 167, 267 etc within the dataset (depending on number of pages stored)\n                    const fakeIndex = pagePosition * tableMeta.server.pageSize + (virtualRow.index % tableMeta.server.pageSize);\n                    row = rows[fakeIndex];\n                }\n            } else {\n                row = rows[virtualRow.index];\n            }\n\n            if (!row?.original) {\n                // Prefix skeleton keys to prevent collision with real data row keys\n                const skeletonKey = `skeleton-${virtualRow.index}`;\n                return <SkeletonRow key={skeletonKey} index={virtualRow.index} table={table} />;\n            }\n\n            const measureRow = (rowHeight: number) => {\n                virtualiser.resizeItem(virtualRow.index, rowHeight);\n            };\n\n            return (\n                <Row\n                    key={row.id}\n                    row={row}\n                    index={virtualRow.index}\n                    table={table}\n                    measureRow={measureRow}\n                    renderer={renderers.row}\n                    cellRenderer={renderers.cell}\n                />\n            );\n        });\n    }\n\n    return {\n        rows: content,\n        style,\n        scrollToIndex,\n    };\n}\n\n// support virtualised row groups (where the row group headers are sticky)\nfunction useRowGroupVirtualisation<TType = unknown>(table: ReactTable<TType>) {\n    const rows = table.getRowModel().rows;\n    const isTableGrouped = !!table.getState().grouping.length;\n\n    const rowGroupIndexes = React.useMemo(() => {\n        const indexes: number[] = [];\n\n        if (isTableGrouped) {\n            rows.forEach((row, index) => {\n                if (row.getIsGrouped()) {\n                    indexes.push(index);\n                }\n            });\n        }\n\n        return indexes;\n    }, [rows]);\n\n    // this is taken from the react-virtual docs/examples\n    const rangeExtractor = React.useCallback(\n        (range: Range) => {\n            const activeRowGroupIndex =\n                rowGroupIndexes.toReversed().find(index => range.startIndex >= index) ?? rowGroupIndexes[0];\n\n            return activeRowGroupIndex === undefined\n                ? defaultRangeExtractor(range)\n                : sortBy([activeRowGroupIndex, ...without(defaultRangeExtractor(range), activeRowGroupIndex)], a => a);\n        },\n        [rowGroupIndexes]\n    );\n\n    return isTableGrouped ? rangeExtractor : undefined;\n}\n"],"names":["React"],"mappings":"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"}

package/dist/primitives/Table/Core/features/useTableStyle.cjs

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const rows = require("../../useTableManager/util/rows.cjs");
 const useTableStyleColumnFreezing = require("./useTableStyleColumnFreezing.cjs");
 const useTableStyleGrid = require("./useTableStyleGrid.cjs");
 function useTableStyle(tableId, table) {
-  const tableMeta = table.options.meta;
+  const tableMeta = rows.getTableMeta(table);
   const { style: cssGridStyle, stylesheet: cssGridStylesheet } = useTableStyleGrid.useTableStyleGrid(
     tableId,
     table,

package/dist/primitives/Table/Core/features/useTableStyle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableStyle.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableStyle.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nimport type { TableFontSize, TableRowHeight } from '../../types';\n\nimport { useTableStyleColumnFreezing } from './useTableStyleColumnFreezing';\nimport { useTableStyleGrid } from './useTableStyleGrid';\n\nexport function useTableStyle<TType = unknown>(tableId: string, table: ReactTable<TType>) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const { style: cssGridStyle, stylesheet: cssGridStylesheet } = useTableStyleGrid<TType>(\n        tableId,\n        table,\n        tableMeta.fontSize.size\n    );\n    const { stylesheet: columnFreezingStylesheet } = useTableStyleColumnFreezing(tableId, table);\n\n    // persisted settings can contain out-of-union values, so fall back like the old switch defaults did\n    const heightPadding = CELL_HEIGHT_PADDING[tableMeta.rowHeight.height] ?? CELL_HEIGHT_PADDING.medium;\n\n    const style = {\n        // css vars required by children of table\n        '--table-header-group-depth': table.getHeaderGroups().length,\n        '--table-cell-padding-x': CELL_WIDTH_PADDING[tableMeta.fontSize.size] ?? CELL_WIDTH_PADDING.large,\n        '--table-cell-padding-y': heightPadding[tableMeta.fontSize.size] ?? heightPadding.medium,\n        ...cssGridStyle,\n    };\n\n    const stylesheet = [cssGridStylesheet, columnFreezingStylesheet].filter(s => !!s).join('\\n');\n\n    return { style, stylesheet };\n}\n\n// we cannot just use a fixed height because our rows need to grow in height (images, edit mode validation etc)\n// TODO: can we get the rem values from tailwind\nconst CELL_HEIGHT_PADDING: Record<TableRowHeight, Record<TableFontSize, string>> = {\n    short: { small: '8px', medium: '6px', large: '6px' },\n    medium: { small: '12px', medium: '10px', large: '8px' },\n    tall: { small: '16px', medium: '14px', large: '12px' },\n    'extra-tall': { small: '22px', medium: '20px', large: '18px' },\n};\n\nconst CELL_WIDTH_PADDING: Record<TableFontSize, string> = {\n    small: '8px',\n    medium: '12px',\n    large: '16px',\n};\n"],"names":["useTableStyleGrid","useTableStyleColumnFreezing"],"mappings":";;;;AAOO,SAAS,cAA+B,SAAiB,OAA0B;AACtF,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,EAAE,OAAO,cAAc,YAAY,sBAAsBA,kBAAAA;AAAAA,IAC3D;AAAA,IACA;AAAA,IACA,UAAU,SAAS;AAAA,EAAA;AAEvB,QAAM,EAAE,YAAY,yBAAA,IAA6BC,4BAAAA,4BAA4B,SAAS,KAAK;AAG3F,QAAM,gBAAgB,oBAAoB,UAAU,UAAU,MAAM,KAAK,oBAAoB;AAE7F,QAAM,QAAQ;AAAA;AAAA,IAEV,8BAA8B,MAAM,gBAAA,EAAkB;AAAA,IACtD,0BAA0B,mBAAmB,UAAU,SAAS,IAAI,KAAK,mBAAmB;AAAA,IAC5F,0BAA0B,cAAc,UAAU,SAAS,IAAI,KAAK,cAAc;AAAA,IAClF,GAAG;AAAA,EAAA;AAGP,QAAM,aAAa,CAAC,mBAAmB,wBAAwB,EAAE,OAAO,CAAA,MAAK,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI;AAE3F,SAAO,EAAE,OAAO,WAAA;AACpB;AAIA,MAAM,sBAA6E;AAAA,EAC/E,OAAO,EAAE,OAAO,OAAO,QAAQ,OAAO,OAAO,MAAA;AAAA,EAC7C,QAAQ,EAAE,OAAO,QAAQ,QAAQ,QAAQ,OAAO,MAAA;AAAA,EAChD,MAAM,EAAE,OAAO,QAAQ,QAAQ,QAAQ,OAAO,OAAA;AAAA,EAC9C,cAAc,EAAE,OAAO,QAAQ,QAAQ,QAAQ,OAAO,OAAA;AAC1D;AAEA,MAAM,qBAAoD;AAAA,EACtD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACX;;"}
+{"version":3,"file":"useTableStyle.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableStyle.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\n\nimport type { TableFontSize, TableRowHeight } from '../../types';\nimport { getTableMeta } from '../../useTableManager/util/rows';\n\nimport { useTableStyleColumnFreezing } from './useTableStyleColumnFreezing';\nimport { useTableStyleGrid } from './useTableStyleGrid';\n\nexport function useTableStyle<TType = unknown>(tableId: string, table: ReactTable<TType>) {\n    const tableMeta = getTableMeta(table);\n    const { style: cssGridStyle, stylesheet: cssGridStylesheet } = useTableStyleGrid<TType>(\n        tableId,\n        table,\n        tableMeta.fontSize.size\n    );\n    const { stylesheet: columnFreezingStylesheet } = useTableStyleColumnFreezing(tableId, table);\n\n    // persisted settings can contain out-of-union values, so fall back like the old switch defaults did\n    const heightPadding = CELL_HEIGHT_PADDING[tableMeta.rowHeight.height] ?? CELL_HEIGHT_PADDING.medium;\n\n    const style = {\n        // css vars required by children of table\n        '--table-header-group-depth': table.getHeaderGroups().length,\n        '--table-cell-padding-x': CELL_WIDTH_PADDING[tableMeta.fontSize.size] ?? CELL_WIDTH_PADDING.large,\n        '--table-cell-padding-y': heightPadding[tableMeta.fontSize.size] ?? heightPadding.medium,\n        ...cssGridStyle,\n    };\n\n    const stylesheet = [cssGridStylesheet, columnFreezingStylesheet].filter(s => !!s).join('\\n');\n\n    return { style, stylesheet };\n}\n\n// we cannot just use a fixed height because our rows need to grow in height (images, edit mode validation etc)\n// TODO: can we get the rem values from tailwind\nconst CELL_HEIGHT_PADDING: Record<TableRowHeight, Record<TableFontSize, string>> = {\n    short: { small: '8px', medium: '6px', large: '6px' },\n    medium: { small: '12px', medium: '10px', large: '8px' },\n    tall: { small: '16px', medium: '14px', large: '12px' },\n    'extra-tall': { small: '22px', medium: '20px', large: '18px' },\n};\n\nconst CELL_WIDTH_PADDING: Record<TableFontSize, string> = {\n    small: '8px',\n    medium: '12px',\n    large: '16px',\n};\n"],"names":["getTableMeta","useTableStyleGrid","useTableStyleColumnFreezing"],"mappings":";;;;;AAQO,SAAS,cAA+B,SAAiB,OAA0B;AACtF,QAAM,YAAYA,KAAAA,aAAa,KAAK;AACpC,QAAM,EAAE,OAAO,cAAc,YAAY,sBAAsBC,kBAAAA;AAAAA,IAC3D;AAAA,IACA;AAAA,IACA,UAAU,SAAS;AAAA,EAAA;AAEvB,QAAM,EAAE,YAAY,yBAAA,IAA6BC,4BAAAA,4BAA4B,SAAS,KAAK;AAG3F,QAAM,gBAAgB,oBAAoB,UAAU,UAAU,MAAM,KAAK,oBAAoB;AAE7F,QAAM,QAAQ;AAAA;AAAA,IAEV,8BAA8B,MAAM,gBAAA,EAAkB;AAAA,IACtD,0BAA0B,mBAAmB,UAAU,SAAS,IAAI,KAAK,mBAAmB;AAAA,IAC5F,0BAA0B,cAAc,UAAU,SAAS,IAAI,KAAK,cAAc;AAAA,IAClF,GAAG;AAAA,EAAA;AAGP,QAAM,aAAa,CAAC,mBAAmB,wBAAwB,EAAE,OAAO,CAAA,MAAK,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI;AAE3F,SAAO,EAAE,OAAO,WAAA;AACpB;AAIA,MAAM,sBAA6E;AAAA,EAC/E,OAAO,EAAE,OAAO,OAAO,QAAQ,OAAO,OAAO,MAAA;AAAA,EAC7C,QAAQ,EAAE,OAAO,QAAQ,QAAQ,QAAQ,OAAO,MAAA;AAAA,EAChD,MAAM,EAAE,OAAO,QAAQ,QAAQ,QAAQ,OAAO,OAAA;AAAA,EAC9C,cAAc,EAAE,OAAO,QAAQ,QAAQ,QAAQ,OAAO,OAAA;AAC1D;AAEA,MAAM,qBAAoD;AAAA,EACtD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACX;;"}