@dynatrace/strato-components 3.12.1 → 3.13.0

package/esm/tables/DataTable/features/Layout/Layout.js

@@ -14,6 +14,10 @@ import {
   DATA_TABLE_ROW_BORDER,
   DATA_TABLE_ROW_HEIGHT_MAP
 } from "../../constants.js";
+import {
+  createPrototypeConstructor,
+  createTableConstructor
+} from "../types/table.types.js";
 function header_getGridPosition(header, headers) {
   let gridColumnStart = 0;
   for (const headerInGroup of headers ?? []) {
@@ -141,9 +145,9 @@ function table_getGridTemplateRows(table, virtualItems) {
   return `${headerRows} ${spacerRowHeight}px ${bodyRows} [body-end]`;
 }
 function table_getGridTemplateColumns(table, columnSizing, columnResizing) {
-  const leftVisibleColumns = table.getLeftVisibleLeafColumns();
+  const leftVisibleColumns = table.getStartVisibleLeafColumns();
   const centerVisibleColumns = table.getCenterVisibleLeafColumns();
-  const rightVisibleColumns = table.getRightVisibleLeafColumns();
+  const rightVisibleColumns = table.getEndVisibleLeafColumns();
   if (leftVisibleColumns === void 0 || centerVisibleColumns === void 0 || rightVisibleColumns === void 0 || columnSizing === void 0 || columnResizing === void 0) {
     return "";
   }
@@ -211,108 +215,120 @@ function constructTableLayoutFeature() {
         ...initialState
       };
     },
-    assignHeaderPrototype: (prototype, table) => {
-      assignPrototypeAPIs("DataTableTableLayoutFeature", prototype, table, {
-        header_getGridPosition: {
-          fn: (header, headers) => header_getGridPosition(header, headers)
-        }
-      });
-    },
-    assignColumnPrototype: (prototype, table) => {
-      assignPrototypeAPIs("DataTableTableLayoutFeature", prototype, table, {
-        column_getGridColumnPosition: {
-          fn: (column, columnIndex) => column_getGridColumnPosition(column, columnIndex)
-        }
-      });
-    },
-    assignRowPrototype: (prototype, table) => {
-      assignPrototypeAPIs("DataTableTableLayoutFeature", prototype, table, {
-        row_getGridRowPosition: {
-          fn: (row, rowIndex) => row_getGridRowPosition(row, rowIndex)
-        }
-      });
-    },
-    constructTableAPIs: (table) => {
-      assignTableAPIs("DataTableTableLayoutFeature", table, {
-        table_getHasFractionalTemplate: {
-          fn: () => table_getHasFractionalTemplate(table)
-        },
-        table_getVisibleHeaderGroupsCount: {
-          fn: () => table_getVisibleHeaderGroupsCount(table)
-        },
-        table_setObservedHeaderHeight: {
-          fn: (height) => table_setObservedHeaderHeight(table, height)
-        },
-        table_getHeaderSize: {
-          fn: (headerId) => table_getHeaderSize(table, headerId)
-        },
-        table_getColumnOrHeaderWidth: {
-          fn: (columnOrHeaderId) => table_getColumnOrHeaderWidth(table, columnOrHeaderId)
-        },
-        table_getTotalHeaderHeight: {
-          fn: (visualVariantOptions, visibleLeafColumns, tableHeaderGroups, observedHeaderHeight) => table_getTotalHeaderHeight(
-            table,
-            visualVariantOptions,
-            visibleLeafColumns,
-            tableHeaderGroups,
-            observedHeaderHeight
-          ),
-          memoDeps: () => [
-            table.atoms.visualVariantConfig?.get(),
-            table.getVisibleLeafColumnsWithoutBuiltin(),
-            table.getHeaderGroups(),
-            table.atoms.observedHeaderHeight?.get()
-          ]
-        },
-        table_estimateRowHeight: {
-          fn: (index, isHeaderRow, rowDensity, rowSeparation) => table_estimateRowHeight(
-            table,
-            index,
-            isHeaderRow,
-            rowDensity,
-            rowSeparation
-          ),
-          memoDeps: (props) => {
-            return [
-              props?.index,
-              props?.isHeaderRow,
-              table.atoms.visualVariantConfig?.get().rowDensity,
-              table.atoms.visualVariantConfig?.get().rowSeparation
-            ];
+    assignHeaderPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs("DataTableTableLayoutFeature", prototype, table, {
+          header_getGridPosition: {
+            fn: (header, headers) => header_getGridPosition(header, headers)
+          }
+        });
+      }
+    ),
+    assignColumnPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs("DataTableTableLayoutFeature", prototype, table, {
+          column_getGridColumnPosition: {
+            fn: (column, columnIndex) => column_getGridColumnPosition(column, columnIndex)
           }
-        },
-        table_getHeaderGridTemplateRows: {
-          fn: () => table_getHeaderGridTemplateRows(table)
-        },
-        table_getGridTemplateRows: {
-          fn: (measurementsCache) => table_getGridTemplateRows(table, measurementsCache),
-          memoDeps: () => {
-            const { getVirtualItems, range } = table.getRowVirtualizer() ?? {};
-            return [
-              getVirtualItems?.(),
-              range?.startIndex,
-              range?.endIndex,
-              table.getVisibleHeaderGroupsCount(),
-              table.optionsStore.state.data.length
-            ];
+        });
+      }
+    ),
+    assignRowPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs("DataTableTableLayoutFeature", prototype, table, {
+          row_getGridRowPosition: {
+            fn: (row, rowIndex) => row_getGridRowPosition(row, rowIndex)
           }
-        },
-        table_getGridTemplateColumns: {
-          fn: (columnSizing, columnSizingInfo) => table_getGridTemplateColumns(table, columnSizing, columnSizingInfo),
-          memoDeps: () => {
-            return [
-              table.atoms.columnSizing?.get(),
-              table.atoms.columnResizing?.get(),
-              table.atoms.columnPinning?.get(),
-              table.atoms.columnOrder?.get(),
-              table.atoms.columnVisibility?.get(),
-              table.getSubRowIndicatorColumnId(),
-              JSON.stringify([...table.getMeasuredColumnWidths()])
-            ];
+        });
+      }
+    ),
+    constructTableAPIs: createTableConstructor(
+      (table) => {
+        assignTableAPIs("DataTableTableLayoutFeature", table, {
+          table_getHasFractionalTemplate: {
+            fn: () => table_getHasFractionalTemplate(table)
+          },
+          table_getVisibleHeaderGroupsCount: {
+            fn: () => table_getVisibleHeaderGroupsCount(table)
+          },
+          table_setObservedHeaderHeight: {
+            fn: (height) => table_setObservedHeaderHeight(table, height)
+          },
+          table_getHeaderSize: {
+            fn: (headerId) => table_getHeaderSize(table, headerId)
+          },
+          table_getColumnOrHeaderWidth: {
+            fn: (columnOrHeaderId) => table_getColumnOrHeaderWidth(table, columnOrHeaderId)
+          },
+          table_getTotalHeaderHeight: {
+            fn: (visualVariantOptions, visibleLeafColumns, tableHeaderGroups, observedHeaderHeight) => table_getTotalHeaderHeight(
+              table,
+              visualVariantOptions,
+              visibleLeafColumns,
+              tableHeaderGroups,
+              observedHeaderHeight
+            ),
+            memoDeps: () => [
+              table.atoms.visualVariantConfig?.get(),
+              table.getVisibleLeafColumnsWithoutBuiltin(),
+              table.getHeaderGroups(),
+              table.atoms.observedHeaderHeight?.get()
+            ]
+          },
+          table_estimateRowHeight: {
+            fn: (index, isHeaderRow, rowDensity, rowSeparation) => table_estimateRowHeight(
+              table,
+              index,
+              isHeaderRow,
+              rowDensity,
+              rowSeparation
+            ),
+            memoDeps: (props) => {
+              return [
+                props?.index,
+                props?.isHeaderRow,
+                table.atoms.visualVariantConfig?.get().rowDensity,
+                table.atoms.visualVariantConfig?.get().rowSeparation
+              ];
+            }
+          },
+          table_getHeaderGridTemplateRows: {
+            fn: () => table_getHeaderGridTemplateRows(table)
+          },
+          table_getGridTemplateRows: {
+            fn: (measurementsCache) => table_getGridTemplateRows(table, measurementsCache),
+            memoDeps: () => {
+              const { getVirtualItems, range } = table.getRowVirtualizer() ?? {};
+              return [
+                getVirtualItems?.(),
+                range?.startIndex,
+                range?.endIndex,
+                table.getVisibleHeaderGroupsCount(),
+                table.options.data.length
+              ];
+            }
+          },
+          table_getGridTemplateColumns: {
+            fn: (columnSizing, columnSizingInfo) => table_getGridTemplateColumns(
+              table,
+              columnSizing,
+              columnSizingInfo
+            ),
+            memoDeps: () => {
+              return [
+                table.atoms.columnSizing?.get(),
+                table.atoms.columnResizing?.get(),
+                table.atoms.columnPinning?.get(),
+                table.atoms.columnOrder?.get(),
+                table.atoms.columnVisibility?.get(),
+                table.getSubRowIndicatorColumnId(),
+                JSON.stringify([...table.getMeasuredColumnWidths()])
+              ];
+            }
           }
-        }
-      });
-    }
+        });
+      }
+    )
   };
 }
 const DataTableTableLayoutFeature = constructTableLayoutFeature();

package/esm/tables/DataTable/features/Layout/Layout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Layout/Layout.ts"],
-  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  type CellData,\n  type Column_Internal,\n  type columnResizingState,\n  type ColumnSizingState,\n  type Header,\n  type HeaderGroup,\n  type Row,\n  type RowData,\n  type Table_Internal,\n  type TableFeature,\n  type TableFeatures,\n} from '@tanstack/react-table';\nimport { column_getIsPinned } from '@tanstack/react-table/static-functions';\nimport type { VirtualItem } from '@tanstack/react-virtual';\n\nimport type {\n  DataTableColumnGridTemplates,\n  TableLayoutFeatureConstructors,\n} from './layout-types.js';\nimport {\n  getColumnTemplateEntry,\n  getTargetTemplate,\n  processBuiltinColumn,\n} from './layout-utils.js';\nimport {\n  DATA_TABLE_DEFAULT_COLUMN_WIDTH,\n  DATA_TABLE_MIN_WIDTH,\n  DATA_TABLE_ROW_BORDER,\n  DATA_TABLE_ROW_HEIGHT_MAP,\n} from '../../constants.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport type { DataTableVisualVariantTableState } from '../VisualVariants/visual-variants-types.js';\n\n/**\n * Allows to get the gridPosition of a specific header cell in order\n * to place it into the correct place in the template and span it across the correct\n * elements.\n * @internal\n */\nexport function header_getGridPosition<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  header: Header<TFeatures, TData, TValue>,\n  headers: Array<Header<TFeatures, TData, TValue>>,\n) {\n  // Get the start of the column index the header should be rendered into,\n  // this should be equal to the index of the header cell in the loop passed\n  // to this function.\n  let gridColumnStart = 0;\n  for (const headerInGroup of headers ?? []) {\n    if (headerInGroup === header) {\n      break;\n    }\n    gridColumnStart = gridColumnStart + headerInGroup.colSpan;\n  }\n\n  // The header already exposes a colSpan value, which can be used to span\n  // the header cell element from the start position to the end of the\n  // header group.\n  const colSpan = header.colSpan;\n\n  // Get the start of the index as this is actually the defined\n  // column nesting level. If the column is not nested, it will get a\n  // depth of 0, and nesting levels increase going deeper.\n  const gridRowStart = header.column.depth;\n\n  // Get the end from the headers depth, as this is where it would be rendered\n  // within the tanstack table. As nested columns would be rendered in the\n  // lower headerrow. The strato approach here is different, as the header\n  // cell should span both header rows\n  const gridRowEnd = header.depth;\n\n  // return the gridColumn positioning. As the grid column positioning in\n  // css is One-based, it needs an offset of 1 in every entry.\n  return {\n    gridColumnStart: gridColumnStart + 1,\n    gridColumnEnd: `span ${colSpan}`,\n    gridRowStart: gridRowStart + 1,\n    gridRowEnd: `span ${gridRowEnd - gridRowStart}`,\n  };\n}\n\n/**\n * Helper function to get the grid column position for a specific column based on its index in the column list. This is used for non-header cells, which are always rendered in the first row of the grid and should span only one column.\n * @internal\n */\nexport function column_getGridColumnPosition<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>, columnIndex?: number) {\n  // Offset the index by one as the CSS grid column is a one based position.\n  return { gridColumnStart: (columnIndex ?? 0) + 1, gridColumnEnd: 'span 1' };\n}\n\n/**\n * Helper function to get the grid row position for a specific row based on its index in the row list. This is used for all non-header cells, which should be rendered in the body of the table and span all columns.\n * @internal\n */\nexport function row_getGridRowPosition<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(row: Row<TFeatures, TData>, rowIndex: number = -1) {\n  return {\n    // Offset the index by one as the CSS grid column is a one based position.\n    gridColumnStart: 1,\n    // The row should span all columns.\n    gridColumnEnd: 'row-end',\n\n    // The CSS grid column is a one based position, so we need to offset the index by one.\n    // To account for the virtualized rows at the start of the grid, a spacer row is inserted.\n    // Therefore we need to offset the index by two in total\n    gridRowStart: rowIndex + 2,\n    // The row should span only one line from the start edge.\n    gridRowEnd: 'span 1',\n  };\n}\n\nexport function table_getHasFractionalTemplate<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>): boolean {\n  const template = table.getGridTemplateColumns();\n  return template.includes('fr');\n}\n\nexport function table_getVisibleHeaderGroupsCount<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>): number {\n  if (table.atoms.visualVariantConfig?.get().headers === 'hidden') {\n    return 0;\n  }\n\n  return table.getHeaderGroups().length;\n}\n\nexport function table_setObservedHeaderHeight<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, height: number) {\n  if (height !== table.atoms.observedHeaderHeight?.get()) {\n    // Required cast to ensure precense of the DataTableFeatures.\n    (\n      table as unknown as Table_Internal<TDataTableFeatures>\n    ).baseAtoms.observedHeaderHeight.set(height);\n  }\n}\n\nexport function table_getHeaderSize<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  headerId: string,\n): {\n  width: number;\n  height: number;\n} {\n  const escapedId = CSS.escape(headerId);\n  const headerSize = table\n    .getRowVirtualizationContainer()\n    ?.querySelector(\n      `[role=\"columnheader\"][data-headerid=${escapedId}], [role=\"columnheader\"][data-columnid=${escapedId}], [role=\"presentation\"][data-columnid=${escapedId}]`,\n    )\n    ?.getBoundingClientRect();\n\n  if (headerSize === undefined) {\n    // Use some standard value if no resize observer is there\n    return {\n      width: DATA_TABLE_DEFAULT_COLUMN_WIDTH,\n      height: table.estimateRowHeight({ isHeaderRow: true }),\n    };\n  }\n\n  return {\n    width: headerSize.width,\n    height: headerSize.height,\n  };\n}\n\nexport function table_getColumnOrHeaderWidth<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, columnOrHeaderId: string): number {\n  const hasHiddenHeaders =\n    table.atoms.visualVariantConfig?.get().headers === 'hidden';\n\n  // saved width that was stored upon measuring\n  const storedWidth = table.getMeasuredColumnWidth(columnOrHeaderId);\n\n  // early exit if all headers are visible and the column is a leaf column\n  if (!hasHiddenHeaders && storedWidth !== undefined) {\n    return storedWidth;\n  }\n\n  const escapedId = CSS.escape(columnOrHeaderId);\n  // If all headers are hidden, take the cell in the first rendered row to retrieve the width since all other cells\n  // in the same column should have the same width.\n  // If the header is not in the virtualizer (because it is a parent column for instance), try to retrieve the height from the rendered element directly.\n  const selectorString = hasHiddenHeaders\n    ? `[role=\"cell\"][data-columnid=\"${escapedId}\"]`\n    : `[role=\"columnheader\"][data-headerid=\"${escapedId}\"], [role=\"columnheader\"][data-columnid=\"${escapedId}\"], [role=\"presentation\"][data-columnid=\"${escapedId}\"]`;\n\n  const columnWidth = table\n    .getRowVirtualizationContainer()\n    ?.querySelector(selectorString)\n    ?.getBoundingClientRect().width;\n\n  return columnWidth ?? DATA_TABLE_DEFAULT_COLUMN_WIDTH;\n}\n\nexport function table_getTotalHeaderHeight<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  visualVariantOptions: DataTableVisualVariantTableState['visualVariantConfig'],\n  visibleLeafColumns: Array<Column_Internal<TFeatures, TData>>,\n  tableHeaderGroups: Array<HeaderGroup<TFeatures, TData>>,\n  observedHeaderHeight: number,\n) {\n  // If the headers are hidden, we can opt out earlier.\n  if (\n    visualVariantOptions?.headers === 'hidden' ||\n    visibleLeafColumns.length === 0 ||\n    (tableHeaderGroups.length === 1 &&\n      tableHeaderGroups.at(0)?.headers.length === 0)\n  ) {\n    return 0;\n  }\n\n  if (observedHeaderHeight > 0) {\n    return observedHeaderHeight;\n  }\n\n  // if the measured header height is still undefined or 0, estimate it based on row density and amount of header groups,\n  // so that the rowVirtualizer can return the most accurate height possible for the first render\n  // this prevents an unnecessary vertical scrollbar which would cause wrong column measurements on initial render\n  // the header's bottom border is actually 2px, estimateRowHeight only considers 1px so we need to add 1px more\n  const bottomBorderOffset = DATA_TABLE_ROW_BORDER;\n  const fallbackHeight =\n    table.estimateRowHeight({ isHeaderRow: true }) *\n      table.getVisibleHeaderGroupsCount() +\n    bottomBorderOffset;\n\n  return fallbackHeight;\n}\n\n/**\n * Helper function to estimate the row height based on the row density and separation visual variants. This is used for the row virtualizer to estimate the height of rows that are not rendered yet.\n * @internal\n */\nexport function table_estimateRowHeight<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  index: number | undefined,\n  isHeaderRow: boolean | undefined,\n  rowDensity: 'default' | 'condensed' | 'comfortable',\n  rowSeparation: 'none' | 'horizontalDividers' | 'zebraStripes',\n) {\n  const rowHeight = DATA_TABLE_ROW_HEIGHT_MAP[rowDensity];\n  const paginationFlatRows = table.getPaginatedRowModel().flatRows;\n  const isLastRowOnPage = index === paginationFlatRows.length - 1;\n  // only consider the border if the index is defined or the estimate is for a header row\n  // when estimating rows for an empty table, the index will be undefined and there are no vertical dividers\n  const addBorder = index !== undefined || isHeaderRow === true;\n\n  if (addBorder === false || rowSeparation === 'none' || isLastRowOnPage) {\n    return rowHeight;\n  }\n\n  // add 1px border if rowSeparation is enabled or if this is a header row\n  return rowHeight + DATA_TABLE_ROW_BORDER;\n}\n\nexport function table_getHeaderGridTemplateRows<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>) {\n  switch (table.getVisibleHeaderGroupsCount()) {\n    case 0:\n      return '[body-start]';\n    case 1:\n      return '[header-start] max-content [header-end body-start]';\n    default:\n      return '[header-start] max-content max-content [header-end body-start]';\n  }\n}\n\nexport function table_getGridTemplateRows<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  virtualItems: VirtualItem[] | undefined,\n): string {\n  const measurementsCache = table.getRowVirtualizer()?.measurementsCache;\n  const headerRows = table.getHeaderGridTemplateRows();\n\n  if (!measurementsCache || !virtualItems?.length) {\n    return headerRows;\n  }\n\n  // Determine the template rows for the body, based on the currently rendered rows\n  const bodyRows = virtualItems\n    .map((virtualItem) => {\n      // The virtual item size is the most up to date value as it is measured during rendering,\n      // while the measurementsCache can be outdated until the next render.\n      // Therefore, the virtual item size is preferred to retrieve the row height.\n      const rowHeight =\n        virtualItem.size ??\n        table.estimateRowHeight({ index: virtualItem.index });\n      return `minmax(min-content, ${rowHeight}px)`;\n    })\n    .join(' ');\n\n  // Add spacer row to account for virtualized rows above the first rendered row\n  const firstVirtualItem = virtualItems[0];\n  let spacerRowHeight = 0;\n\n  if (firstVirtualItem.index > 0) {\n    const scrollPaddingStart = table.getTotalHeaderHeight();\n    // Calculate the height by subtracting the scroll padding (header height) from the starting offset of the first visible item.\n    spacerRowHeight = firstVirtualItem.start - scrollPaddingStart;\n  }\n\n  // combine header, spacer and body rows into a grid row template\n  return `${headerRows} ${spacerRowHeight}px ${bodyRows} [body-end]`;\n}\n\nexport function table_getGridTemplateColumns<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  columnSizing: ColumnSizingState,\n  columnResizing: columnResizingState,\n) {\n  const leftVisibleColumns = table.getLeftVisibleLeafColumns();\n  const centerVisibleColumns = table.getCenterVisibleLeafColumns();\n  const rightVisibleColumns = table.getRightVisibleLeafColumns();\n  if (\n    leftVisibleColumns === undefined ||\n    centerVisibleColumns === undefined ||\n    rightVisibleColumns === undefined ||\n    columnSizing === undefined ||\n    columnResizing === undefined\n  ) {\n    return '';\n  }\n\n  /**\n   * Gets the measured column width if possible.\n   * Min/max constraints are already considered during measurement. (see columnVirtualizer measureElement)\n   *\n   * @param columnId - ID of the column\n   * @param isFractionWidth - whether the width is a fraction width\n   * @returns measured width in pixels or undefined if not measured yet\n   */\n  function getMeasuredWidth(\n    columnId: string,\n    isFractionWidth: boolean = false,\n  ): number | undefined {\n    // If there are no rows (e.g. loading state), measure the header cell instead\n    if (table.getRowModel().rows.length === 0) {\n      const headerCell = table\n        .getColumnVirtualizer()\n        ?.scrollElement?.querySelector(\n          `[role=\"columnheader\"][data-columnid=\"${CSS.escape(columnId)}\"]`,\n        );\n      const headerWidth = headerCell?.getBoundingClientRect().width;\n\n      if (headerWidth === undefined) {\n        return DATA_TABLE_MIN_WIDTH;\n      }\n\n      // Round up slightly for non-fraction widths to avoid rendering an ellipsis due to subpixel rendering issues\n      // don't round for fraction widths to avoid rendering an unnecessary scrollbar for fullWidth tables\n      return isFractionWidth ? headerWidth : Math.ceil(headerWidth * 10) / 10;\n    }\n\n    return table.getMeasuredColumnWidth(columnId);\n  }\n\n  // Grid templates for left, center and right pinned columns\n  const columnGridTemplates: DataTableColumnGridTemplates = {\n    left: [],\n    center: [],\n    right: [],\n  };\n\n  const orderedVisibleColumns = [\n    ...leftVisibleColumns,\n    ...centerVisibleColumns,\n    ...rightVisibleColumns,\n  ];\n\n  // To generate the grid template columns, we need to iterate through all visible columns in order\n  for (const column of orderedVisibleColumns) {\n    // Handle built-in columns (prefix, suffix, spacer)\n    const isBuiltinColumn = processBuiltinColumn(\n      column,\n      table.atoms.visualVariantConfig?.get().rowDensity,\n      table.options.rowThresholds,\n      columnGridTemplates,\n    );\n\n    if (isBuiltinColumn) {\n      continue;\n    }\n\n    // Handle width configuration for standard column\n    const entry = getColumnTemplateEntry(\n      column,\n      columnSizing,\n      columnResizing,\n      getMeasuredWidth,\n    );\n\n    if (entry !== undefined) {\n      const targetTemplate = getTargetTemplate(\n        column_getIsPinned(column),\n        columnGridTemplates,\n      );\n\n      targetTemplate.push(entry);\n    }\n  }\n\n  const combinedGridTemplates = [\n    ...columnGridTemplates.left,\n    ...columnGridTemplates.center,\n    ...columnGridTemplates.right,\n  ];\n\n  return `${combinedGridTemplates.join(' ')} [row-end]`;\n}\n\n/**\n * Constructs the layout feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructTableLayoutFeature(): TableFeature<TableLayoutFeatureConstructors> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        columnMeasureInfo: {},\n        observedHeaderHeight: 0,\n        columnSizing: {},\n        ...initialState,\n      };\n    },\n    assignHeaderPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableTableLayoutFeature', prototype, table, {\n        header_getGridPosition: {\n          fn: (header, headers) => header_getGridPosition(header, headers),\n        },\n      });\n    },\n    assignColumnPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableTableLayoutFeature', prototype, table, {\n        column_getGridColumnPosition: {\n          fn: (column, columnIndex) =>\n            column_getGridColumnPosition(column, columnIndex),\n        },\n      });\n    },\n    assignRowPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableTableLayoutFeature', prototype, table, {\n        row_getGridRowPosition: {\n          fn: (row, rowIndex) => row_getGridRowPosition(row, rowIndex),\n        },\n      });\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableTableLayoutFeature', table, {\n        table_getHasFractionalTemplate: {\n          fn: () => table_getHasFractionalTemplate(table),\n        },\n        table_getVisibleHeaderGroupsCount: {\n          fn: () => table_getVisibleHeaderGroupsCount(table),\n        },\n        table_setObservedHeaderHeight: {\n          fn: (height: number) => table_setObservedHeaderHeight(table, height),\n        },\n        table_getHeaderSize: {\n          fn: (headerId: string) => table_getHeaderSize(table, headerId),\n        },\n        table_getColumnOrHeaderWidth: {\n          fn: (columnOrHeaderId: string) =>\n            table_getColumnOrHeaderWidth(table, columnOrHeaderId),\n        },\n        table_getTotalHeaderHeight: {\n          fn: (\n            visualVariantOptions,\n            visibleLeafColumns,\n            tableHeaderGroups,\n            observedHeaderHeight,\n          ) =>\n            table_getTotalHeaderHeight(\n              table,\n              visualVariantOptions,\n              visibleLeafColumns,\n              tableHeaderGroups,\n              observedHeaderHeight,\n            ),\n          memoDeps: () => [\n            table.atoms.visualVariantConfig?.get(),\n            table.getVisibleLeafColumnsWithoutBuiltin(),\n            table.getHeaderGroups(),\n            table.atoms.observedHeaderHeight?.get(),\n          ],\n        },\n        table_estimateRowHeight: {\n          fn: (\n            index: number | undefined,\n            isHeaderRow: boolean | undefined,\n            rowDensity: 'default' | 'condensed' | 'comfortable',\n            rowSeparation: 'none' | 'horizontalDividers' | 'zebraStripes',\n          ) =>\n            table_estimateRowHeight(\n              table,\n              index,\n              isHeaderRow,\n              rowDensity,\n              rowSeparation,\n            ),\n          memoDeps: (props) => {\n            return [\n              props?.index,\n              props?.isHeaderRow,\n              table.atoms.visualVariantConfig?.get().rowDensity,\n              table.atoms.visualVariantConfig?.get().rowSeparation,\n            ];\n          },\n        },\n        table_getHeaderGridTemplateRows: {\n          fn: () => table_getHeaderGridTemplateRows(table),\n        },\n        table_getGridTemplateRows: {\n          fn: (measurementsCache: VirtualItem[] | undefined) =>\n            table_getGridTemplateRows(table, measurementsCache),\n          memoDeps: () => {\n            const { getVirtualItems, range } = table.getRowVirtualizer() ?? {};\n\n            return [\n              getVirtualItems?.(),\n              range?.startIndex,\n              range?.endIndex,\n              table.getVisibleHeaderGroupsCount(),\n              table.optionsStore.state.data.length,\n            ];\n          },\n        },\n        table_getGridTemplateColumns: {\n          fn: (columnSizing, columnSizingInfo) =>\n            table_getGridTemplateColumns(table, columnSizing, columnSizingInfo),\n          memoDeps: () => {\n            return [\n              table.atoms.columnSizing?.get(),\n              table.atoms.columnResizing?.get(),\n              table.atoms.columnPinning?.get(),\n              table.atoms.columnOrder?.get(),\n              table.atoms.columnVisibility?.get(),\n              table.getSubRowIndicatorColumnId(),\n              JSON.stringify([...table.getMeasuredColumnWidths()]),\n            ];\n          },\n        },\n      });\n    },\n  };\n}\n\n/**\n * Additional feature implementation for table layout.\n * @internal\n */\nexport const DataTableTableLayoutFeature = constructTableLayoutFeature();\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  type CellData,\n  type Column,\n  type columnResizingState,\n  type ColumnSizingState,\n  type Header,\n  type HeaderGroup,\n  type Row,\n  type RowData,\n  type Table,\n  type TableFeature,\n} from '@tanstack/react-table';\nimport { column_getIsPinned } from '@tanstack/react-table/static-functions';\nimport type { VirtualItem } from '@tanstack/react-virtual';\n\nimport type { DataTableColumnGridTemplates } from './layout-types.js';\nimport {\n  getColumnTemplateEntry,\n  getTargetTemplate,\n  processBuiltinColumn,\n} from './layout-utils.js';\nimport {\n  DATA_TABLE_DEFAULT_COLUMN_WIDTH,\n  DATA_TABLE_MIN_WIDTH,\n  DATA_TABLE_ROW_BORDER,\n  DATA_TABLE_ROW_HEIGHT_MAP,\n} from '../../constants.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport {\n  createPrototypeConstructor,\n  createTableConstructor,\n} from '../types/table.types.js';\nimport type { DataTableVisualVariantTableState } from '../VisualVariants/visual-variants-types.js';\n\n/**\n * Allows to get the gridPosition of a specific header cell in order\n * to place it into the correct place in the template and span it across the correct\n * elements.\n * @internal\n */\nexport function header_getGridPosition<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  header: Header<TDataTableFeatures, TData, TValue>,\n  headers: Array<Header<TDataTableFeatures, TData, TValue>>,\n) {\n  // Get the start of the column index the header should be rendered into,\n  // this should be equal to the index of the header cell in the loop passed\n  // to this function.\n  let gridColumnStart = 0;\n  for (const headerInGroup of headers ?? []) {\n    if (headerInGroup === header) {\n      break;\n    }\n    gridColumnStart = gridColumnStart + headerInGroup.colSpan;\n  }\n\n  // The header already exposes a colSpan value, which can be used to span\n  // the header cell element from the start position to the end of the\n  // header group.\n  const colSpan = header.colSpan;\n\n  // Get the start of the index as this is actually the defined\n  // column nesting level. If the column is not nested, it will get a\n  // depth of 0, and nesting levels increase going deeper.\n  const gridRowStart = header.column.depth;\n\n  // Get the end from the headers depth, as this is where it would be rendered\n  // within the tanstack table. As nested columns would be rendered in the\n  // lower headerrow. The strato approach here is different, as the header\n  // cell should span both header rows\n  const gridRowEnd = header.depth;\n\n  // return the gridColumn positioning. As the grid column positioning in\n  // css is One-based, it needs an offset of 1 in every entry.\n  return {\n    gridColumnStart: gridColumnStart + 1,\n    gridColumnEnd: `span ${colSpan}`,\n    gridRowStart: gridRowStart + 1,\n    gridRowEnd: `span ${gridRowEnd - gridRowStart}`,\n  };\n}\n\n/**\n * Helper function to get the grid column position for a specific column based on its index in the column list. This is used for non-header cells, which are always rendered in the first row of the grid and should span only one column.\n * @internal\n */\nexport function column_getGridColumnPosition<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column<TDataTableFeatures, TData, TValue>, columnIndex?: number) {\n  // Offset the index by one as the CSS grid column is a one based position.\n  return { gridColumnStart: (columnIndex ?? 0) + 1, gridColumnEnd: 'span 1' };\n}\n\n/**\n * Helper function to get the grid row position for a specific row based on its index in the row list. This is used for all non-header cells, which should be rendered in the body of the table and span all columns.\n * @internal\n */\nexport function row_getGridRowPosition<TData extends RowData>(\n  row: Row<TDataTableFeatures, TData>,\n  rowIndex: number = -1,\n) {\n  return {\n    // Offset the index by one as the CSS grid column is a one based position.\n    gridColumnStart: 1,\n    // The row should span all columns.\n    gridColumnEnd: 'row-end',\n\n    // The CSS grid column is a one based position, so we need to offset the index by one.\n    // To account for the virtualized rows at the start of the grid, a spacer row is inserted.\n    // Therefore we need to offset the index by two in total\n    gridRowStart: rowIndex + 2,\n    // The row should span only one line from the start edge.\n    gridRowEnd: 'span 1',\n  };\n}\n\nexport function table_getHasFractionalTemplate<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n): boolean {\n  const template = table.getGridTemplateColumns();\n  return template.includes('fr');\n}\n\nexport function table_getVisibleHeaderGroupsCount<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n): number {\n  if (table.atoms.visualVariantConfig?.get().headers === 'hidden') {\n    return 0;\n  }\n\n  return table.getHeaderGroups().length;\n}\n\nexport function table_setObservedHeaderHeight<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  height: number,\n) {\n  if (height !== table.atoms.observedHeaderHeight?.get()) {\n    table.baseAtoms.observedHeaderHeight.set(height);\n  }\n}\n\nexport function table_getHeaderSize<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  headerId: string,\n): {\n  width: number;\n  height: number;\n} {\n  const escapedId = CSS.escape(headerId);\n  const headerSize = table\n    .getRowVirtualizationContainer()\n    ?.querySelector(\n      `[role=\"columnheader\"][data-headerid=${escapedId}], [role=\"columnheader\"][data-columnid=${escapedId}], [role=\"presentation\"][data-columnid=${escapedId}]`,\n    )\n    ?.getBoundingClientRect();\n\n  if (headerSize === undefined) {\n    // Use some standard value if no resize observer is there\n    return {\n      width: DATA_TABLE_DEFAULT_COLUMN_WIDTH,\n      height: table.estimateRowHeight({ isHeaderRow: true }),\n    };\n  }\n\n  return {\n    width: headerSize.width,\n    height: headerSize.height,\n  };\n}\n\nexport function table_getColumnOrHeaderWidth<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  columnOrHeaderId: string,\n): number {\n  const hasHiddenHeaders =\n    table.atoms.visualVariantConfig?.get().headers === 'hidden';\n\n  // saved width that was stored upon measuring\n  const storedWidth = table.getMeasuredColumnWidth(columnOrHeaderId);\n\n  // early exit if all headers are visible and the column is a leaf column\n  if (!hasHiddenHeaders && storedWidth !== undefined) {\n    return storedWidth;\n  }\n\n  const escapedId = CSS.escape(columnOrHeaderId);\n  // If all headers are hidden, take the cell in the first rendered row to retrieve the width since all other cells\n  // in the same column should have the same width.\n  // If the header is not in the virtualizer (because it is a parent column for instance), try to retrieve the height from the rendered element directly.\n  const selectorString = hasHiddenHeaders\n    ? `[role=\"cell\"][data-columnid=\"${escapedId}\"]`\n    : `[role=\"columnheader\"][data-headerid=\"${escapedId}\"], [role=\"columnheader\"][data-columnid=\"${escapedId}\"], [role=\"presentation\"][data-columnid=\"${escapedId}\"]`;\n\n  const columnWidth = table\n    .getRowVirtualizationContainer()\n    ?.querySelector(selectorString)\n    ?.getBoundingClientRect().width;\n\n  return columnWidth ?? DATA_TABLE_DEFAULT_COLUMN_WIDTH;\n}\n\nexport function table_getTotalHeaderHeight<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  visualVariantOptions: DataTableVisualVariantTableState['visualVariantConfig'],\n  visibleLeafColumns: Array<Column<TDataTableFeatures, TData>>,\n  tableHeaderGroups: Array<HeaderGroup<TDataTableFeatures, TData>>,\n  observedHeaderHeight: number,\n) {\n  // If the headers are hidden, we can opt out earlier.\n  if (\n    visualVariantOptions?.headers === 'hidden' ||\n    visibleLeafColumns.length === 0 ||\n    (tableHeaderGroups.length === 1 &&\n      tableHeaderGroups.at(0)?.headers.length === 0)\n  ) {\n    return 0;\n  }\n\n  if (observedHeaderHeight > 0) {\n    return observedHeaderHeight;\n  }\n\n  // if the measured header height is still undefined or 0, estimate it based on row density and amount of header groups,\n  // so that the rowVirtualizer can return the most accurate height possible for the first render\n  // this prevents an unnecessary vertical scrollbar which would cause wrong column measurements on initial render\n  // the header's bottom border is actually 2px, estimateRowHeight only considers 1px so we need to add 1px more\n  const bottomBorderOffset = DATA_TABLE_ROW_BORDER;\n  const fallbackHeight =\n    table.estimateRowHeight({ isHeaderRow: true }) *\n      table.getVisibleHeaderGroupsCount() +\n    bottomBorderOffset;\n\n  return fallbackHeight;\n}\n\n/**\n * Helper function to estimate the row height based on the row density and separation visual variants. This is used for the row virtualizer to estimate the height of rows that are not rendered yet.\n * @internal\n */\nexport function table_estimateRowHeight<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  index: number | undefined,\n  isHeaderRow: boolean | undefined,\n  rowDensity: 'default' | 'condensed' | 'comfortable',\n  rowSeparation: 'none' | 'horizontalDividers' | 'zebraStripes',\n) {\n  const rowHeight = DATA_TABLE_ROW_HEIGHT_MAP[rowDensity];\n  const paginationFlatRows = table.getPaginatedRowModel().flatRows;\n  const isLastRowOnPage = index === paginationFlatRows.length - 1;\n  // only consider the border if the index is defined or the estimate is for a header row\n  // when estimating rows for an empty table, the index will be undefined and there are no vertical dividers\n  const addBorder = index !== undefined || isHeaderRow === true;\n\n  if (addBorder === false || rowSeparation === 'none' || isLastRowOnPage) {\n    return rowHeight;\n  }\n\n  // add 1px border if rowSeparation is enabled or if this is a header row\n  return rowHeight + DATA_TABLE_ROW_BORDER;\n}\n\nexport function table_getHeaderGridTemplateRows<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n) {\n  switch (table.getVisibleHeaderGroupsCount()) {\n    case 0:\n      return '[body-start]';\n    case 1:\n      return '[header-start] max-content [header-end body-start]';\n    default:\n      return '[header-start] max-content max-content [header-end body-start]';\n  }\n}\n\nexport function table_getGridTemplateRows<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  virtualItems: VirtualItem[] | undefined,\n): string {\n  const measurementsCache = table.getRowVirtualizer()?.measurementsCache;\n  const headerRows = table.getHeaderGridTemplateRows();\n\n  if (!measurementsCache || !virtualItems?.length) {\n    return headerRows;\n  }\n\n  // Determine the template rows for the body, based on the currently rendered rows\n  const bodyRows = virtualItems\n    .map((virtualItem) => {\n      // The virtual item size is the most up to date value as it is measured during rendering,\n      // while the measurementsCache can be outdated until the next render.\n      // Therefore, the virtual item size is preferred to retrieve the row height.\n      const rowHeight =\n        virtualItem.size ??\n        table.estimateRowHeight({ index: virtualItem.index });\n      return `minmax(min-content, ${rowHeight}px)`;\n    })\n    .join(' ');\n\n  // Add spacer row to account for virtualized rows above the first rendered row\n  const firstVirtualItem = virtualItems[0];\n  let spacerRowHeight = 0;\n\n  if (firstVirtualItem.index > 0) {\n    const scrollPaddingStart = table.getTotalHeaderHeight();\n    // Calculate the height by subtracting the scroll padding (header height) from the starting offset of the first visible item.\n    spacerRowHeight = firstVirtualItem.start - scrollPaddingStart;\n  }\n\n  // combine header, spacer and body rows into a grid row template\n  return `${headerRows} ${spacerRowHeight}px ${bodyRows} [body-end]`;\n}\n\nexport function table_getGridTemplateColumns<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  columnSizing: ColumnSizingState,\n  columnResizing: columnResizingState,\n) {\n  const leftVisibleColumns = table.getStartVisibleLeafColumns();\n  const centerVisibleColumns = table.getCenterVisibleLeafColumns();\n  const rightVisibleColumns = table.getEndVisibleLeafColumns();\n  if (\n    leftVisibleColumns === undefined ||\n    centerVisibleColumns === undefined ||\n    rightVisibleColumns === undefined ||\n    columnSizing === undefined ||\n    columnResizing === undefined\n  ) {\n    return '';\n  }\n\n  /**\n   * Gets the measured column width if possible.\n   * Min/max constraints are already considered during measurement. (see columnVirtualizer measureElement)\n   *\n   * @param columnId - ID of the column\n   * @param isFractionWidth - whether the width is a fraction width\n   * @returns measured width in pixels or undefined if not measured yet\n   */\n  function getMeasuredWidth(\n    columnId: string,\n    isFractionWidth: boolean = false,\n  ): number | undefined {\n    // If there are no rows (e.g. loading state), measure the header cell instead\n    if (table.getRowModel().rows.length === 0) {\n      const headerCell = table\n        .getColumnVirtualizer()\n        ?.scrollElement?.querySelector(\n          `[role=\"columnheader\"][data-columnid=\"${CSS.escape(columnId)}\"]`,\n        );\n      const headerWidth = headerCell?.getBoundingClientRect().width;\n\n      if (headerWidth === undefined) {\n        return DATA_TABLE_MIN_WIDTH;\n      }\n\n      // Round up slightly for non-fraction widths to avoid rendering an ellipsis due to subpixel rendering issues\n      // don't round for fraction widths to avoid rendering an unnecessary scrollbar for fullWidth tables\n      return isFractionWidth ? headerWidth : Math.ceil(headerWidth * 10) / 10;\n    }\n\n    return table.getMeasuredColumnWidth(columnId);\n  }\n\n  // Grid templates for left, center and right pinned columns\n  const columnGridTemplates: DataTableColumnGridTemplates = {\n    left: [],\n    center: [],\n    right: [],\n  };\n\n  const orderedVisibleColumns = [\n    ...leftVisibleColumns,\n    ...centerVisibleColumns,\n    ...rightVisibleColumns,\n  ];\n\n  // To generate the grid template columns, we need to iterate through all visible columns in order\n  for (const column of orderedVisibleColumns) {\n    // Handle built-in columns (prefix, suffix, spacer)\n    const isBuiltinColumn = processBuiltinColumn(\n      column,\n      table.atoms.visualVariantConfig?.get().rowDensity,\n      table.options.rowThresholds,\n      columnGridTemplates,\n    );\n\n    if (isBuiltinColumn) {\n      continue;\n    }\n\n    // Handle width configuration for standard column\n    const entry = getColumnTemplateEntry(\n      column,\n      columnSizing,\n      columnResizing,\n      getMeasuredWidth,\n    );\n\n    if (entry !== undefined) {\n      const targetTemplate = getTargetTemplate(\n        column_getIsPinned(column),\n        columnGridTemplates,\n      );\n\n      targetTemplate.push(entry);\n    }\n  }\n\n  const combinedGridTemplates = [\n    ...columnGridTemplates.left,\n    ...columnGridTemplates.center,\n    ...columnGridTemplates.right,\n  ];\n\n  return `${combinedGridTemplates.join(' ')} [row-end]`;\n}\n\n/**\n * Constructs the layout feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructTableLayoutFeature(): TableFeature {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        columnMeasureInfo: {},\n        observedHeaderHeight: 0,\n        columnSizing: {},\n        ...initialState,\n      };\n    },\n    assignHeaderPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs('DataTableTableLayoutFeature', prototype, table, {\n          header_getGridPosition: {\n            fn: (header, headers) => header_getGridPosition(header, headers),\n          },\n        });\n      },\n    ),\n    assignColumnPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs('DataTableTableLayoutFeature', prototype, table, {\n          column_getGridColumnPosition: {\n            fn: (column, columnIndex) =>\n              column_getGridColumnPosition(column, columnIndex),\n          },\n        });\n      },\n    ),\n    assignRowPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs('DataTableTableLayoutFeature', prototype, table, {\n          row_getGridRowPosition: {\n            fn: (row, rowIndex) => row_getGridRowPosition(row, rowIndex),\n          },\n        });\n      },\n    ),\n    constructTableAPIs: createTableConstructor(\n      (table: Table<TDataTableFeatures, RowData>) => {\n        assignTableAPIs('DataTableTableLayoutFeature', table, {\n          table_getHasFractionalTemplate: {\n            fn: () => table_getHasFractionalTemplate(table),\n          },\n          table_getVisibleHeaderGroupsCount: {\n            fn: () => table_getVisibleHeaderGroupsCount(table),\n          },\n          table_setObservedHeaderHeight: {\n            fn: (height: number) =>\n              table_setObservedHeaderHeight(table, height),\n          },\n          table_getHeaderSize: {\n            fn: (headerId: string) => table_getHeaderSize(table, headerId),\n          },\n          table_getColumnOrHeaderWidth: {\n            fn: (columnOrHeaderId: string) =>\n              table_getColumnOrHeaderWidth(table, columnOrHeaderId),\n          },\n          table_getTotalHeaderHeight: {\n            fn: (\n              visualVariantOptions,\n              visibleLeafColumns,\n              tableHeaderGroups,\n              observedHeaderHeight,\n            ) =>\n              table_getTotalHeaderHeight(\n                table,\n                visualVariantOptions,\n                visibleLeafColumns,\n                tableHeaderGroups,\n                observedHeaderHeight,\n              ),\n            memoDeps: () => [\n              table.atoms.visualVariantConfig?.get(),\n              table.getVisibleLeafColumnsWithoutBuiltin(),\n              table.getHeaderGroups(),\n              table.atoms.observedHeaderHeight?.get(),\n            ],\n          },\n          table_estimateRowHeight: {\n            fn: (\n              index: number | undefined,\n              isHeaderRow: boolean | undefined,\n              rowDensity: 'default' | 'condensed' | 'comfortable',\n              rowSeparation: 'none' | 'horizontalDividers' | 'zebraStripes',\n            ) =>\n              table_estimateRowHeight(\n                table,\n                index,\n                isHeaderRow,\n                rowDensity,\n                rowSeparation,\n              ),\n            memoDeps: (props) => {\n              return [\n                props?.index,\n                props?.isHeaderRow,\n                table.atoms.visualVariantConfig?.get().rowDensity,\n                table.atoms.visualVariantConfig?.get().rowSeparation,\n              ];\n            },\n          },\n          table_getHeaderGridTemplateRows: {\n            fn: () => table_getHeaderGridTemplateRows(table),\n          },\n          table_getGridTemplateRows: {\n            fn: (measurementsCache: VirtualItem[] | undefined) =>\n              table_getGridTemplateRows(table, measurementsCache),\n            memoDeps: () => {\n              const { getVirtualItems, range } =\n                table.getRowVirtualizer() ?? {};\n\n              return [\n                getVirtualItems?.(),\n                range?.startIndex,\n                range?.endIndex,\n                table.getVisibleHeaderGroupsCount(),\n                table.options.data.length,\n              ];\n            },\n          },\n          table_getGridTemplateColumns: {\n            fn: (columnSizing, columnSizingInfo) =>\n              table_getGridTemplateColumns(\n                table,\n                columnSizing,\n                columnSizingInfo,\n              ),\n            memoDeps: () => {\n              return [\n                table.atoms.columnSizing?.get(),\n                table.atoms.columnResizing?.get(),\n                table.atoms.columnPinning?.get(),\n                table.atoms.columnOrder?.get(),\n                table.atoms.columnVisibility?.get(),\n                table.getSubRowIndicatorColumnId(),\n                JSON.stringify([...table.getMeasuredColumnWidths()]),\n              ];\n            },\n          },\n        });\n      },\n    ),\n  };\n}\n\n/**\n * Additional feature implementation for table layout.\n * @internal\n */\nexport const DataTableTableLayoutFeature = constructTableLayoutFeature();\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/Layout/layout-utils.js

@@ -9,9 +9,10 @@ import {
   DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,
   DATA_TABLE_THRESHOLD_PILL_SIZE
 } from "../../constants.js";
+import { toPhysicalPinnedPosition } from "../ColumnPinning/column-pinning-utils.js";
 import { isRowSelectionColumnDef } from "../RowSelection/RowSelection.js";
 function getPrefixColumnWidth(column, rowDensity, rowThresholds) {
-  const isFirstColumn = column_getIsFirstColumn(column, "left");
+  const isFirstColumn = column_getIsFirstColumn(column, "start");
   const iconPadding = isRowSelectionColumnDef(column.columnDef) ? 0 : 2 * DATA_TABLE_DEFAULT_ICON_PADDING;
   let rowDensityPadding = DATA_TABLE_CELL_VERTICAL_PADDING_MAP[rowDensity];
   let thresholdPillSize = 0;
@@ -25,10 +26,11 @@ function getPrefixColumnWidth(column, rowDensity, rowThresholds) {
   return DATA_TABLE_DEFAULT_ICON_SIZE + iconPadding + thresholdPillSize + rowDensityPadding;
 }
 function getTargetTemplate(pinnedState, templates) {
-  if (!pinnedState) {
+  const physicalPosition = toPhysicalPinnedPosition(pinnedState);
+  if (!physicalPosition) {
     return templates.center;
   }
-  return templates[pinnedState];
+  return templates[physicalPosition];
 }
 function clampWidthToPx(width, minWidth, maxWidth) {
   return `${Math.min(Math.max(width, minWidth), maxWidth)}px`;

package/esm/tables/DataTable/features/Layout/layout-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Layout/layout-utils.ts"],
-  "sourcesContent": ["import {\n  type CellData,\n  type RowData,\n  type TableFeatures,\n  type Column_Internal,\n  type columnResizingState,\n  type ColumnSizingState,\n} from '@tanstack/react-table';\nimport { column_getIsFirstColumn } from '@tanstack/react-table/static-functions';\n\nimport type {\n  DataTableColumnGridTemplates,\n  GetMeasuredColumnWidthFn,\n} from './layout-types.js';\nimport { isFractionWidth, isWidthExtendedConfig } from './width-utils.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport {\n  DATA_TABLE_CELL_VERTICAL_PADDING_MAP,\n  DATA_TABLE_DEFAULT_ICON_PADDING,\n  DATA_TABLE_DEFAULT_ICON_SIZE,\n  DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n  DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n  DATA_TABLE_THRESHOLD_PILL_SIZE,\n} from '../../constants.js';\nimport { isRowSelectionColumnDef } from '../RowSelection/RowSelection.js';\nimport type { DataTableThresholdsNormalizedRule } from '../Thresholds/threshold-types.js';\n\n/**\n * Gets the width for a prefix column based on its position and type.\n *\n * @param column - The prefix column to process\n * @param rowDensity - The row density configured for the table\n * @param rowThresholds - The row thresholds configured for the table\n * @returns Width in pixels\n * @internal\n */\nexport function getPrefixColumnWidth<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n  rowDensity: 'comfortable' | 'condensed' | 'default',\n  rowThresholds?: DataTableThresholdsNormalizedRule<TData>[],\n): number {\n  const isFirstColumn = column_getIsFirstColumn(column, 'left');\n\n  // icons in built-in columns have padding left and right\n  const iconPadding = isRowSelectionColumnDef(column.columnDef)\n    ? 0\n    : 2 * DATA_TABLE_DEFAULT_ICON_PADDING;\n\n  let rowDensityPadding = DATA_TABLE_CELL_VERTICAL_PADDING_MAP[rowDensity];\n  let thresholdPillSize = 0;\n\n  if (isFirstColumn) {\n    rowDensityPadding *= 2;\n    const hasThresholdPill = rowThresholds?.some(\n      (threshold) => threshold.type === 'pill',\n    );\n    thresholdPillSize = hasThresholdPill ? DATA_TABLE_THRESHOLD_PILL_SIZE : 0;\n  }\n\n  return (\n    DATA_TABLE_DEFAULT_ICON_SIZE +\n    iconPadding +\n    thresholdPillSize +\n    rowDensityPadding\n  );\n}\n\n/**\n * Gets the target template array based on the pinning state of the column.\n *\n * @param pinnedState - Pinning state of the column\n * @param templates - Object containing left, center, and right templates\n * @returns The target template array\n * @internal\n */\nexport function getTargetTemplate(\n  pinnedState: 'left' | 'right' | false,\n  templates: DataTableColumnGridTemplates,\n): string[] {\n  if (!pinnedState) {\n    return templates.center;\n  }\n  return templates[pinnedState];\n}\n\n/**\n * Clamps a width value between min and max bounds.\n *\n * @param width - The width to clamp\n * @param minWidth - Minimum width\n * @param maxWidth - Maximum width\n * @returns Clamped width in pixels\n */\nfunction clampWidthToPx(\n  width: number,\n  minWidth: number,\n  maxWidth: number,\n): string {\n  return `${Math.min(Math.max(width, minWidth), maxWidth)}px`;\n}\n\n/**\n * Calculates the width for a column with a fixed-width parent by distributing the\n * remaining space among the child columns without defined widths.\n *\n * @param column - The column to process\n * @param parentWidth - The fixed width of the parent column\n * @param getMeasuredWidth - Function to get the measured width of a column\n * @returns Calculated width in pixels\n */\nfunction calculateParentDependentWidth<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n  parentWidth: number,\n  getMeasuredWidth: GetMeasuredColumnWidthFn,\n): string {\n  let totalDefinedChildWidths = 0;\n  let undefinedWidthChildCount = 1;\n\n  column.parent?.getVisibleLeafColumns().forEach((childCol) => {\n    const childWidth = childCol.columnDef.width;\n    if (childWidth === undefined && childCol.id !== column.id) {\n      undefinedWidthChildCount++;\n    } else if (typeof childWidth === 'number') {\n      totalDefinedChildWidths += childWidth;\n    } else if (childWidth === 'auto' || childWidth === 'content') {\n      totalDefinedChildWidths += getMeasuredWidth(childCol.id) ?? 0;\n    } else if (isFractionWidth(childWidth)) {\n      devLog(\n        'Fraction width is not allowed in combination with a fixed width parent column.',\n      );\n    }\n  });\n\n  const remainingWidth =\n    (parentWidth - totalDefinedChildWidths) / undefinedWidthChildCount;\n  return `${remainingWidth}px`;\n}\n\n/**\n * Get the template value for a column with a fraction width configuration.\n * If the parent column also has a fraction width defined, the child's fraction is relative to the parent's fraction.\n *\n * @param parent - The parent column\n * @param width - The fraction width configuration\n * @param minWidth - Minimum width of the current column\n * @returns Calculated fraction width\n */\nfunction getFractionWidthTemplateValue<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  parent: Column_Internal<TFeatures, TData, TValue> | undefined,\n  width: `${number}fr`,\n  minWidth: number,\n): string {\n  if (!parent || !isFractionWidth(parent.columnDef.width)) {\n    return `minmax(${minWidth}px, ${width})`;\n  }\n\n  const parentFraction = Number.parseFloat(parent.columnDef.width);\n  const columnFraction = Number.parseFloat(width);\n  const visibleSiblingColumns = parent.getVisibleLeafColumns();\n  const siblingColumnsSum = visibleSiblingColumns.reduce((sum, col) => {\n    return isFractionWidth(col.columnDef.width)\n      ? sum + Number.parseFloat(col.columnDef.width)\n      : sum;\n  }, 0);\n\n  const calculatedFraction =\n    parentFraction * (columnFraction / siblingColumnsSum);\n  return `${calculatedFraction}fr`;\n}\n\n/**\n * Gets the template value for 'auto' or 'content' width configurations.\n * Returns the measured width if available, or the CSS grid template value\n * to stretch the column depending on the configuration.\n *\n * @param measuredWidth - The measured width of the column, if available\n * @param isContent - Whether the width type is 'content'\n * @returns The CSS grid template value for the column\n */\nfunction getContentOrAutoWidthTemplateValue(\n  measuredWidth: number | undefined,\n  isContent: boolean,\n): string {\n  if (measuredWidth !== undefined) {\n    return `${measuredWidth}px`;\n  }\n  return isContent ? 'max-content' : 'minmax(min-content, auto)';\n}\n\n/**\n * Gets the template value for string or extended config width types.\n *\n * @param column - The column to process\n * @param width - The width configuration\n * @param minWidth - Minimum width of the column\n * @param getMeasuredWidth - Function to get the measured width of a column\n * @returns The CSS grid template value for the column\n */\nfunction getStringWidthTemplateValue<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n  width:\n    | `${number}fr`\n    | 'auto'\n    | 'content'\n    | { type: 'auto' | 'content'; maxWidth?: number },\n  minWidth: number,\n  getMeasuredWidth: GetMeasuredColumnWidthFn,\n): string {\n  if (isFractionWidth(width)) {\n    return getFractionWidthTemplateValue(column.parent, width, minWidth);\n  }\n  // we need to check the extended config separately to narrow down the type\n  if (isWidthExtendedConfig(width)) {\n    return getContentOrAutoWidthTemplateValue(\n      getMeasuredWidth(column.id),\n      width.type === 'content',\n    );\n  }\n  return getContentOrAutoWidthTemplateValue(\n    getMeasuredWidth(column.id),\n    width === 'content',\n  );\n}\n\n/**\n * Gets the fallback width for columns without a configured width.\n *\n * @param column - The column to process\n * @param minWidth - Minimum width of the column\n * @param getMeasuredWidth - Function to get the measured width of a column\n * @returns The CSS grid template value for the column\n */\nfunction getUndefinedWidthTemplateValue<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n  minWidth: number,\n  getMeasuredWidth: GetMeasuredColumnWidthFn,\n): string {\n  const parentWidth = column.parent?.columnDef.width;\n\n  // Consider the parent's width if it is defined\n  if (column.parent && typeof parentWidth === 'number') {\n    return calculateParentDependentWidth(column, parentWidth, getMeasuredWidth);\n  }\n\n  // Fall back to 1fr if no width is defined, and then use the measured width once available\n  const measuredWidth = getMeasuredWidth(column.id, true);\n  return measuredWidth === undefined\n    ? `minmax(${minWidth}px, 1fr)`\n    : `${measuredWidth}px`;\n}\n\n/**\n * If the provided column is a builtin column (prefix, suffix, or spacer),\n * its grid template value is added to the appropriate column grid template.\n *\n * Mutates the provided `columnGridTemplates` as a side effect.\n *\n * @param column - The column to process\n * @param rowDensity - The row density configured for the table\n * @param rowThresholds - Row thresholds configured for the table\n * @param columnGridTemplates - Object containing left, center, and right templates\n * @returns True if the column is a builtin column and was handled, false otherwise\n * @internal\n */\nexport function processBuiltinColumn<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n  rowDensity: 'comfortable' | 'condensed' | 'default',\n  rowThresholds: DataTableThresholdsNormalizedRule<TData>[] | undefined,\n  columnGridTemplates: DataTableColumnGridTemplates,\n): boolean {\n  if (column.columnDef.meta?.builtinPlacement === 'prefix') {\n    columnGridTemplates.left.push(\n      `${getPrefixColumnWidth(column, rowDensity, rowThresholds)}px`,\n    );\n    return true;\n  }\n\n  if (column.columnDef.meta?.spacer === true) {\n    columnGridTemplates.center.push('auto');\n    return true;\n  }\n\n  if (column.columnDef.meta?.builtinPlacement === 'suffix') {\n    columnGridTemplates.right.push('min-content');\n    return true;\n  }\n\n  return false;\n}\n\n/**\n * Gets the grid template column entry for a column based on its width configuration.\n *\n * @param column - The column to process\n * @param columnSizing - Current column sizing state\n * @param columnSizingInfo - Current column sizing info\n * @param getMeasuredWidth - Function to get the measured width of a column\n * @returns The grid template string for this column, or undefined\n * @internal\n */\nexport function getColumnTemplateEntry<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n  columnSizing: ColumnSizingState,\n  columnSizingInfo: columnResizingState,\n  getMeasuredWidth: GetMeasuredColumnWidthFn,\n): string | undefined {\n  const {\n    minWidth = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n    width,\n    maxWidth = Number.MAX_SAFE_INTEGER,\n  } = column.columnDef;\n\n  // Handle columns that are currently being resized\n  if (columnSizingInfo.isResizingColumn === column.id) {\n    return `var(${DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR})`;\n  }\n\n  // Resized columns have a specific column size defined\n  if (columnSizing[column.id] !== undefined) {\n    return clampWidthToPx(columnSizing[column.id], minWidth, maxWidth);\n  }\n\n  // If no width is defined, we define a layout fallback\n  if (width === undefined) {\n    return getUndefinedWidthTemplateValue(column, minWidth, getMeasuredWidth);\n  }\n\n  // If the width is a number, treat it as a pixel value\n  if (typeof width === 'number') {\n    return clampWidthToPx(width, minWidth, maxWidth);\n  }\n\n  // Handle string and width extended configs\n  if (typeof width === 'string' || isWidthExtendedConfig(width)) {\n    return getStringWidthTemplateValue(\n      column,\n      width,\n      minWidth,\n      getMeasuredWidth,\n    );\n  }\n\n  return undefined;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type CellData,\n  type RowData,\n  type Column,\n  type columnResizingState,\n  type ColumnSizingState,\n  type ColumnPinningPosition,\n} from '@tanstack/react-table';\nimport { column_getIsFirstColumn } from '@tanstack/react-table/static-functions';\n\nimport type {\n  DataTableColumnGridTemplates,\n  GetMeasuredColumnWidthFn,\n} from './layout-types.js';\nimport { isFractionWidth, isWidthExtendedConfig } from './width-utils.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport {\n  DATA_TABLE_CELL_VERTICAL_PADDING_MAP,\n  DATA_TABLE_DEFAULT_ICON_PADDING,\n  DATA_TABLE_DEFAULT_ICON_SIZE,\n  DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n  DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n  DATA_TABLE_THRESHOLD_PILL_SIZE,\n} from '../../constants.js';\nimport { toPhysicalPinnedPosition } from '../ColumnPinning/column-pinning-utils.js';\nimport { isRowSelectionColumnDef } from '../RowSelection/RowSelection.js';\nimport type { DataTableThresholdsNormalizedRule } from '../Thresholds/threshold-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Gets the width for a prefix column based on its position and type.\n *\n * @param column - The prefix column to process\n * @param rowDensity - The row density configured for the table\n * @param rowThresholds - The row thresholds configured for the table\n * @returns Width in pixels\n * @internal\n */\nexport function getPrefixColumnWidth<\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  column: Column<TDataTableFeatures, TData, TValue>,\n  rowDensity: 'comfortable' | 'condensed' | 'default',\n  rowThresholds?: DataTableThresholdsNormalizedRule<TData>[],\n): number {\n  const isFirstColumn = column_getIsFirstColumn(column, 'start');\n\n  // icons in built-in columns have padding left and right\n  const iconPadding = isRowSelectionColumnDef(column.columnDef)\n    ? 0\n    : 2 * DATA_TABLE_DEFAULT_ICON_PADDING;\n\n  let rowDensityPadding = DATA_TABLE_CELL_VERTICAL_PADDING_MAP[rowDensity];\n  let thresholdPillSize = 0;\n\n  if (isFirstColumn) {\n    rowDensityPadding *= 2;\n    const hasThresholdPill = rowThresholds?.some(\n      (threshold) => threshold.type === 'pill',\n    );\n    thresholdPillSize = hasThresholdPill ? DATA_TABLE_THRESHOLD_PILL_SIZE : 0;\n  }\n\n  return (\n    DATA_TABLE_DEFAULT_ICON_SIZE +\n    iconPadding +\n    thresholdPillSize +\n    rowDensityPadding\n  );\n}\n\n/**\n * Gets the target template array based on the pinning state of the column.\n *\n * @param pinnedState - Pinning state of the column\n * @param templates - Object containing left, center, and right templates\n * @returns The target template array\n * @internal\n */\nexport function getTargetTemplate(\n  pinnedState: ColumnPinningPosition,\n  templates: DataTableColumnGridTemplates,\n): string[] {\n  const physicalPosition = toPhysicalPinnedPosition(pinnedState);\n  if (!physicalPosition) {\n    return templates.center;\n  }\n  return templates[physicalPosition];\n}\n\n/**\n * Clamps a width value between min and max bounds.\n *\n * @param width - The width to clamp\n * @param minWidth - Minimum width\n * @param maxWidth - Maximum width\n * @returns Clamped width in pixels\n */\nfunction clampWidthToPx(\n  width: number,\n  minWidth: number,\n  maxWidth: number,\n): string {\n  return `${Math.min(Math.max(width, minWidth), maxWidth)}px`;\n}\n\n/**\n * Calculates the width for a column with a fixed-width parent by distributing the\n * remaining space among the child columns without defined widths.\n *\n * @param column - The column to process\n * @param parentWidth - The fixed width of the parent column\n * @param getMeasuredWidth - Function to get the measured width of a column\n * @returns Calculated width in pixels\n */\nfunction calculateParentDependentWidth<\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  column: Column<TDataTableFeatures, TData, TValue>,\n  parentWidth: number,\n  getMeasuredWidth: GetMeasuredColumnWidthFn,\n): string {\n  let totalDefinedChildWidths = 0;\n  let undefinedWidthChildCount = 1;\n\n  column.parent?.getVisibleLeafColumns().forEach((childCol) => {\n    const childWidth = childCol.columnDef.width;\n    if (childWidth === undefined && childCol.id !== column.id) {\n      undefinedWidthChildCount++;\n    } else if (typeof childWidth === 'number') {\n      totalDefinedChildWidths += childWidth;\n    } else if (childWidth === 'auto' || childWidth === 'content') {\n      totalDefinedChildWidths += getMeasuredWidth(childCol.id) ?? 0;\n    } else if (isFractionWidth(childWidth)) {\n      devLog(\n        'Fraction width is not allowed in combination with a fixed width parent column.',\n      );\n    }\n  });\n\n  const remainingWidth =\n    (parentWidth - totalDefinedChildWidths) / undefinedWidthChildCount;\n  return `${remainingWidth}px`;\n}\n\n/**\n * Get the template value for a column with a fraction width configuration.\n * If the parent column also has a fraction width defined, the child's fraction is relative to the parent's fraction.\n *\n * @param parent - The parent column\n * @param width - The fraction width configuration\n * @param minWidth - Minimum width of the current column\n * @returns Calculated fraction width\n */\nfunction getFractionWidthTemplateValue<\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  parent: Column<TDataTableFeatures, TData, TValue> | undefined,\n  width: `${number}fr`,\n  minWidth: number,\n): string {\n  if (!parent || !isFractionWidth(parent.columnDef.width)) {\n    return `minmax(${minWidth}px, ${width})`;\n  }\n\n  const parentFraction = Number.parseFloat(parent.columnDef.width);\n  const columnFraction = Number.parseFloat(width);\n  const visibleSiblingColumns = parent.getVisibleLeafColumns();\n  const siblingColumnsSum = visibleSiblingColumns.reduce((sum, col) => {\n    return isFractionWidth(col.columnDef.width)\n      ? sum + Number.parseFloat(col.columnDef.width)\n      : sum;\n  }, 0);\n\n  const calculatedFraction =\n    parentFraction * (columnFraction / siblingColumnsSum);\n  return `${calculatedFraction}fr`;\n}\n\n/**\n * Gets the template value for 'auto' or 'content' width configurations.\n * Returns the measured width if available, or the CSS grid template value\n * to stretch the column depending on the configuration.\n *\n * @param measuredWidth - The measured width of the column, if available\n * @param isContent - Whether the width type is 'content'\n * @returns The CSS grid template value for the column\n */\nfunction getContentOrAutoWidthTemplateValue(\n  measuredWidth: number | undefined,\n  isContent: boolean,\n): string {\n  if (measuredWidth !== undefined) {\n    return `${measuredWidth}px`;\n  }\n  return isContent ? 'max-content' : 'minmax(min-content, auto)';\n}\n\n/**\n * Gets the template value for string or extended config width types.\n *\n * @param column - The column to process\n * @param width - The width configuration\n * @param minWidth - Minimum width of the column\n * @param getMeasuredWidth - Function to get the measured width of a column\n * @returns The CSS grid template value for the column\n */\nfunction getStringWidthTemplateValue<\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  column: Column<TDataTableFeatures, TData, TValue>,\n  width:\n    | `${number}fr`\n    | 'auto'\n    | 'content'\n    | { type: 'auto' | 'content'; maxWidth?: number },\n  minWidth: number,\n  getMeasuredWidth: GetMeasuredColumnWidthFn,\n): string {\n  if (isFractionWidth(width)) {\n    return getFractionWidthTemplateValue(column.parent, width, minWidth);\n  }\n  // we need to check the extended config separately to narrow down the type\n  if (isWidthExtendedConfig(width)) {\n    return getContentOrAutoWidthTemplateValue(\n      getMeasuredWidth(column.id),\n      width.type === 'content',\n    );\n  }\n  return getContentOrAutoWidthTemplateValue(\n    getMeasuredWidth(column.id),\n    width === 'content',\n  );\n}\n\n/**\n * Gets the fallback width for columns without a configured width.\n *\n * @param column - The column to process\n * @param minWidth - Minimum width of the column\n * @param getMeasuredWidth - Function to get the measured width of a column\n * @returns The CSS grid template value for the column\n */\nfunction getUndefinedWidthTemplateValue<\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  column: Column<TDataTableFeatures, TData, TValue>,\n  minWidth: number,\n  getMeasuredWidth: GetMeasuredColumnWidthFn,\n): string {\n  const parentWidth = column.parent?.columnDef.width;\n\n  // Consider the parent's width if it is defined\n  if (column.parent && typeof parentWidth === 'number') {\n    return calculateParentDependentWidth(column, parentWidth, getMeasuredWidth);\n  }\n\n  // Fall back to 1fr if no width is defined, and then use the measured width once available\n  const measuredWidth = getMeasuredWidth(column.id, true);\n  return measuredWidth === undefined\n    ? `minmax(${minWidth}px, 1fr)`\n    : `${measuredWidth}px`;\n}\n\n/**\n * If the provided column is a builtin column (prefix, suffix, or spacer),\n * its grid template value is added to the appropriate column grid template.\n *\n * Mutates the provided `columnGridTemplates` as a side effect.\n *\n * @param column - The column to process\n * @param rowDensity - The row density configured for the table\n * @param rowThresholds - Row thresholds configured for the table\n * @param columnGridTemplates - Object containing left, center, and right templates\n * @returns True if the column is a builtin column and was handled, false otherwise\n * @internal\n */\nexport function processBuiltinColumn<\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  column: Column<TDataTableFeatures, TData, TValue>,\n  rowDensity: 'comfortable' | 'condensed' | 'default',\n  rowThresholds: DataTableThresholdsNormalizedRule<TData>[] | undefined,\n  columnGridTemplates: DataTableColumnGridTemplates,\n): boolean {\n  if (column.columnDef.meta?.builtinPlacement === 'prefix') {\n    columnGridTemplates.left.push(\n      `${getPrefixColumnWidth(column, rowDensity, rowThresholds)}px`,\n    );\n    return true;\n  }\n\n  if (column.columnDef.meta?.spacer === true) {\n    columnGridTemplates.center.push('auto');\n    return true;\n  }\n\n  if (column.columnDef.meta?.builtinPlacement === 'suffix') {\n    columnGridTemplates.right.push('min-content');\n    return true;\n  }\n\n  return false;\n}\n\n/**\n * Gets the grid template column entry for a column based on its width configuration.\n *\n * @param column - The column to process\n * @param columnSizing - Current column sizing state\n * @param columnSizingInfo - Current column sizing info\n * @param getMeasuredWidth - Function to get the measured width of a column\n * @returns The grid template string for this column, or undefined\n * @internal\n */\nexport function getColumnTemplateEntry<\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  column: Column<TDataTableFeatures, TData, TValue>,\n  columnSizing: ColumnSizingState,\n  columnSizingInfo: columnResizingState,\n  getMeasuredWidth: GetMeasuredColumnWidthFn,\n): string | undefined {\n  const {\n    minWidth = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n    width,\n    maxWidth = Number.MAX_SAFE_INTEGER,\n  } = column.columnDef;\n\n  // Handle columns that are currently being resized\n  if (columnSizingInfo.isResizingColumn === column.id) {\n    return `var(${DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR})`;\n  }\n\n  // Resized columns have a specific column size defined\n  if (columnSizing[column.id] !== undefined) {\n    return clampWidthToPx(columnSizing[column.id], minWidth, maxWidth);\n  }\n\n  // If no width is defined, we define a layout fallback\n  if (width === undefined) {\n    return getUndefinedWidthTemplateValue(column, minWidth, getMeasuredWidth);\n  }\n\n  // If the width is a number, treat it as a pixel value\n  if (typeof width === 'number') {\n    return clampWidthToPx(width, minWidth, maxWidth);\n  }\n\n  // Handle string and width extended configs\n  if (typeof width === 'string' || isWidthExtendedConfig(width)) {\n    return getStringWidthTemplateValue(\n      column,\n      width,\n      minWidth,\n      getMeasuredWidth,\n    );\n  }\n\n  return undefined;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/Layout/useLayout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Layout/useLayout.ts"],
-  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\n\nimport { type RowData, type TableOptions } from '@tanstack/react-table';\n\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\nexport function useLayout<\n  TFeatures extends TDataTableFeatures,\n  TData extends RowData,\n>(\n  props: { fullWidth?: boolean; fullHeight?: boolean },\n  options: TableOptions<TFeatures, TData>,\n): void {\n  const configFullWidth = useDataTableConfigElement('fullWidth');\n  const configFullHeight = useDataTableConfigElement('fullHeight');\n\n  options.layout = {\n    ...options.layout,\n    fullWidth: props.fullWidth ?? configFullWidth,\n    fullHeight: props.fullHeight ?? configFullHeight,\n  };\n}\n"],
-  "mappings": "AAIA,SAAS,iCAAiC;AAGnC,SAAS,UAId,OACA,SACM;AACN,QAAM,kBAAkB,0BAA0B,WAAW;AAC7D,QAAM,mBAAmB,0BAA0B,YAAY;AAE/D,UAAQ,SAAS;AAAA,IACf,GAAG,QAAQ;AAAA,IACX,WAAW,MAAM,aAAa;AAAA,IAC9B,YAAY,MAAM,cAAc;AAAA,EAClC;AACF;",
+  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\n\nimport { type RowData } from '@tanstack/react-table';\n\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport type { DataTableOptions } from '../types/table.types.js';\n\nexport function useLayout<TData extends RowData>(\n  props: { fullWidth?: boolean; fullHeight?: boolean },\n  options: DataTableOptions<TData>,\n): void {\n  const configFullWidth = useDataTableConfigElement('fullWidth');\n  const configFullHeight = useDataTableConfigElement('fullHeight');\n\n  options.layout = {\n    ...options.layout,\n    fullWidth: props.fullWidth ?? configFullWidth,\n    fullHeight: props.fullHeight ?? configFullHeight,\n  };\n}\n"],
+  "mappings": "AAIA,SAAS,iCAAiC;AAGnC,SAAS,UACd,OACA,SACM;AACN,QAAM,kBAAkB,0BAA0B,WAAW;AAC7D,QAAM,mBAAmB,0BAA0B,YAAY;AAE/D,UAAQ,SAAS;AAAA,IACf,GAAG,QAAQ;AAAA,IACX,WAAW,MAAM,aAAa;AAAA,IAC9B,YAAY,MAAM,cAAc;AAAA,EAClC;AACF;",
   "names": []
 }

package/esm/tables/DataTable/features/LineWrap/LineWrap.js

@@ -3,6 +3,10 @@ import {
   assignTableAPIs,
   functionalUpdate
 } from "@tanstack/react-table";
+import {
+  createPrototypeConstructor,
+  createTableConstructor
+} from "../types/table.types.js";
 function DataTableGlobalLineWrapAction() {
   return null;
 }
@@ -67,26 +71,35 @@ function constructColumnLineWrapFeature() {
         ...initialState
       };
     },
-    assignColumnPrototype: (prototype, table) => {
-      assignPrototypeAPIs("DataTableColumnLineWrapFeature", prototype, table, {
-        column_toggleLineWrap: {
-          fn: (column, value) => column_toggleLineWrap(column, value)
-        },
-        column_getIsLineWrapped: {
-          fn: (column) => column_getIsLineWrapped(column)
-        },
-        column_getCanLineWrap: {
-          fn: (column) => column_getCanLineWrap(column)
-        }
-      });
-    },
-    constructTableAPIs: (table) => {
-      assignTableAPIs("DataTableColumnLineWrapFeature", table, {
-        table_setColumnLineWrap: {
-          fn: (updater) => table_setColumnLineWrap(table, updater)
-        }
-      });
-    }
+    assignColumnPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs(
+          "DataTableColumnLineWrapFeature",
+          prototype,
+          table,
+          {
+            column_toggleLineWrap: {
+              fn: (column, value) => column_toggleLineWrap(column, value)
+            },
+            column_getIsLineWrapped: {
+              fn: (column) => column_getIsLineWrapped(column)
+            },
+            column_getCanLineWrap: {
+              fn: (column) => column_getCanLineWrap(column)
+            }
+          }
+        );
+      }
+    ),
+    constructTableAPIs: createTableConstructor(
+      (table) => {
+        assignTableAPIs("DataTableColumnLineWrapFeature", table, {
+          table_setColumnLineWrap: {
+            fn: (updater) => table_setColumnLineWrap(table, updater)
+          }
+        });
+      }
+    )
   };
 }
 const DataTableColumnLineWrapFeature = constructColumnLineWrapFeature();