@dynatrace/strato-components 3.6.0 → 3.7.1

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 type { DataTableColumnGridTemplates } from './layout-types.js';\nimport {\n  getColumnTemplateEntry,\n  getTargetTemplate,\n  processBuiltinColumn,\n} from './layout-utils.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport {\n  DATA_TABLE_DEFAULT_COLUMN_WIDTH,\n  DATA_TABLE_ROW_HEIGHT_MAP,\n  DATA_TABLE_SPACER_COLUMN_ID,\n  DATA_TABLE_ROW_BORDER,\n  DATA_TABLE_MIN_WIDTH,\n} from '../../constants.js';\nimport type {\n  Column,\n  ColumnDef,\n  Header,\n  InitialTableState,\n  Table,\n  TableFeature,\n  TableOptions,\n} from '../../hooks/useTable/types.js';\nimport {\n  assignRowMethods,\n  getMemoOptions,\n} from '../../hooks/useTable/utils.js';\nimport type { DataTableRowData } from '../../public.api.js';\nimport { memo } from '../../tanstack-table-core-override/src/index.js';\n\nexport const SPACER_COLUMN: ColumnDef<unknown> = {\n  id: DATA_TABLE_SPACER_COLUMN_ID,\n  header: () => undefined,\n  cell: () => undefined,\n  enableSorting: false,\n  enablePinning: false,\n  enableGrouping: false,\n  enableUserActions: false,\n  enableResizing: false,\n  enableHiding: false,\n  meta: {\n    builtin: true,\n    builtinPlacement: 'suffix',\n    hasCustomCellRenderer: true,\n    hasCustomHeaderRenderer: true,\n    spacer: true,\n    cellDeps: () => {\n      // empty dependency to avoid unnecessary re-renders\n      return [];\n    },\n  },\n};\n\nexport const Layout: TableFeature = {\n  getInitialState(state?: InitialTableState) {\n    return {\n      columnMeasureInfo: {},\n      observedHeaderHeight: 0,\n      ...state,\n    };\n  },\n\n  createHeader<TData extends DataTableRowData, TValue>(\n    header: Header<TData, TValue>,\n    table: Table<TData>,\n  ): void {\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     */\n    header.getGridPosition = memo(\n      (headers) => [headers],\n      (headers) => {\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      getMemoOptions(table.options, 'debugHeaders', 'header.getGridPosition'),\n    );\n  },\n\n  createColumn<TData extends DataTableRowData>(\n    column: Column<TData, unknown>,\n    table: Table<TData>,\n  ): void {\n    column.getGridColumnPosition = (columnIndex?: number) => ({\n      // Offset the index by one as the CSS grid column is a one based position.\n      gridColumnStart: (columnIndex ?? 0) + 1,\n      gridColumnEnd: 'span 1',\n    });\n  },\n\n  createTable<TData extends DataTableRowData>(table: Table<TData>): void {\n    assignRowMethods(table, {\n      getGridRowPosition(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    });\n\n    table.getHasFractionalTemplate = () => {\n      const template = table.getGridTemplateColumns();\n      return template.includes('fr');\n    };\n\n    table.getVisibleHeaderGroupsCount = () => {\n      if (table.getVisualVariantOptions().headers === 'hidden') {\n        return 0;\n      }\n\n      return table.getHeaderGroups().length;\n    };\n\n    table.setObservedHeaderHeight = (height: number) => {\n      if (height !== table.getState().observedHeaderHeight) {\n        table.setState((state) => ({\n          ...state,\n          observedHeaderHeight: height,\n        }));\n      }\n    };\n\n    table.getHeaderSize = (\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\n    table.getColumnOrHeaderWidth = (columnOrHeaderId: string): number => {\n      const hasHiddenHeaders =\n        table.getVisualVariantOptions().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\n    table.getTotalHeaderHeight = memo(\n      () => [\n        table.getVisualVariantOptions(),\n        table.getVisibleLeafColumnsWithoutBuiltin(),\n        table.getHeaderGroups(),\n        table.getState().observedHeaderHeight,\n      ],\n      (\n        visualVariantOptions,\n        visibleLeafColumns,\n        tableHeaderGroups,\n        observedHeaderHeight,\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      getMemoOptions(table.options, 'debugTable', 'table.getTotalHeaderHeight'),\n    );\n\n    table.estimateRowHeight = memo(\n      (props) => [\n        props?.index,\n        props?.isHeaderRow,\n        table.getVisualVariantOptions(),\n      ],\n      (index, isHeaderRow, { rowDensity, rowSeparation }) => {\n        const rowHeight = DATA_TABLE_ROW_HEIGHT_MAP[rowDensity];\n        const paginationFlatRows = table.getPaginationRowModel().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 (\n          addBorder === false ||\n          rowSeparation === 'none' ||\n          isLastRowOnPage\n        ) {\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      getMemoOptions(table.options, 'debugTable', 'table._estimateRowHeight'),\n    );\n\n    table.getHeaderGridTemplateRows = () => {\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\n    table.getGridTemplateRows = memo(\n      () => {\n        const { getVirtualItems, range } = table.getRowVirtualizer() ?? {};\n\n        return [\n          getVirtualItems?.(),\n          range?.startIndex,\n          range?.endIndex,\n          table.getVisibleHeaderGroupsCount(),\n          table.options.data.length,\n        ];\n      },\n      (virtualItems): 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      getMemoOptions(table.options, 'debugTable', 'table.getGridTemplateRows'),\n    );\n\n    table.getGridTemplateColumns = memo(\n      () => {\n        const state = table.getState();\n        return [\n          state.columnSizing,\n          state.columnSizingInfo,\n          state.columnPinning,\n          state.columnOrder,\n          state.columnVisibility,\n          table.getSubRowIndicatorColumnId(),\n          JSON.stringify([...table.getMeasuredColumnWidths()]),\n        ];\n      },\n      (columnSizing, columnSizingInfo) => {\n        const leftVisibleColumns = table.getLeftVisibleLeafColumns();\n        const centerVisibleColumns = table.getCenterVisibleLeafColumns();\n        const rightVisibleColumns = table.getRightVisibleLeafColumns();\n\n        if (\n          leftVisibleColumns === undefined ||\n          centerVisibleColumns === undefined ||\n          rightVisibleColumns === undefined ||\n          columnSizing === undefined ||\n          columnSizingInfo === 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(\n                  columnId,\n                )}\"]`,\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\n              ? headerWidth\n              : 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.getVisualVariantOptions().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            columnSizingInfo,\n            getMeasuredWidth,\n          );\n\n          if (entry !== undefined) {\n            const targetTemplate = getTargetTemplate(\n              column.getIsPinned(),\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      getMemoOptions(\n        table.options,\n        'debugTable',\n        'table.getGridTemplateColumns',\n      ),\n    );\n  },\n};\n\nexport function useLayout<TData>(\n  props: { fullWidth?: boolean; fullHeight?: boolean },\n  options: TableOptions<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": "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",
+  "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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",
   "names": []
 }

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

@@ -0,0 +1,29 @@
+import {
+  createColumnHelper
+} from "@tanstack/react-table";
+import { DATA_TABLE_SPACER_COLUMN_ID } from "../../constants.js";
+const layoutColumnHelper = createColumnHelper();
+const SPACER_COLUMN = layoutColumnHelper.display({
+  id: DATA_TABLE_SPACER_COLUMN_ID,
+  header: () => void 0,
+  cell: () => void 0,
+  enableSorting: false,
+  enablePinning: false,
+  enableUserActions: false,
+  enableResizing: false,
+  enableHiding: false,
+  meta: {
+    builtin: true,
+    builtinPlacement: "suffix",
+    hasCustomCellRenderer: true,
+    hasCustomHeaderRenderer: true,
+    spacer: true,
+    cellDeps: () => {
+      return [];
+    }
+  }
+});
+export {
+  SPACER_COLUMN
+};
+//# sourceMappingURL=LayoutColumnDef.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/tables/DataTable/features/Layout/LayoutColumnDef.ts"],
+  "sourcesContent": ["import {\n  createColumnHelper,\n  type DisplayColumnDef,\n  type RowData,\n} from '@tanstack/react-table';\n\nimport { DATA_TABLE_SPACER_COLUMN_ID } from '../../constants.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\nconst layoutColumnHelper = createColumnHelper<TDataTableFeatures, RowData>();\n\nexport const SPACER_COLUMN: DisplayColumnDef<TDataTableFeatures, RowData> =\n  layoutColumnHelper.display({\n    id: DATA_TABLE_SPACER_COLUMN_ID,\n    header: () => undefined,\n    cell: () => undefined,\n    enableSorting: false,\n    enablePinning: false,\n    enableUserActions: false,\n    enableResizing: false,\n    enableHiding: false,\n    meta: {\n      builtin: true,\n      builtinPlacement: 'suffix',\n      hasCustomCellRenderer: true,\n      hasCustomHeaderRenderer: true,\n      spacer: true,\n      cellDeps: () => {\n        // empty dependency to avoid unnecessary re-renders\n        return [];\n      },\n    },\n  });\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,OAGK;AAEP,SAAS,mCAAmC;AAG5C,MAAM,qBAAqB,mBAAgD;AAEpE,MAAM,gBACX,mBAAmB,QAAQ;AAAA,EACzB,IAAI;AAAA,EACJ,QAAQ,MAAM;AAAA,EACd,MAAM,MAAM;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,uBAAuB;AAAA,IACvB,yBAAyB;AAAA,IACzB,QAAQ;AAAA,IACR,UAAU,MAAM;AAEd,aAAO,CAAC;AAAA,IACV;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

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

@@ -1,3 +1,4 @@
+import { column_getIsFirstColumn } from "@tanstack/react-table/static-functions";
 import { isFractionWidth, isWidthExtendedConfig } from "./width-utils.js";
 import { devLog } from "../../../../core/utils/logging.js";
 import {
@@ -10,7 +11,7 @@ import {
 } from "../../constants.js";
 import { isRowSelectionColumnDef } from "../RowSelection/RowSelection.js";
 function getPrefixColumnWidth(column, rowDensity, rowThresholds) {
-  const isFirstColumn = column.getIsFirstColumn();
+  const isFirstColumn = column_getIsFirstColumn(column, "left");
   const iconPadding = isRowSelectionColumnDef(column.columnDef) ? 0 : 2 * DATA_TABLE_DEFAULT_ICON_PADDING;
   let rowDensityPadding = DATA_TABLE_CELL_VERTICAL_PADDING_MAP[rowDensity];
   let thresholdPillSize = 0;

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 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 type { Column } from '../../hooks/useTable/types.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<TData>(\n  column: Column<TData, unknown>,\n  rowDensity: 'comfortable' | 'condensed' | 'default',\n  rowThresholds?: DataTableThresholdsNormalizedRule<TData>[],\n): number {\n  const isFirstColumn = column.getIsFirstColumn();\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<TData>(\n  column: Column<TData, unknown>,\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<TData>(\n  parent: Column<TData, unknown> | 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<TData>(\n  column: Column<TData, unknown>,\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<TData>(\n  column: Column<TData, unknown>,\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<TData>(\n  column: Column<TData, unknown>,\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<TData>(\n  column: Column<TData, unknown>,\n  columnSizing: Record<string, number>,\n  columnSizingInfo: { isResizingColumn: string | false },\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 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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",
   "names": []
 }

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

@@ -0,0 +1,14 @@
+import { useDataTableConfigElement } from "../../../hooks/useDataTableConfig.js";
+function useLayout(props, options) {
+  const configFullWidth = useDataTableConfigElement("fullWidth");
+  const configFullHeight = useDataTableConfigElement("fullHeight");
+  options.layout = {
+    ...options.layout,
+    fullWidth: props.fullWidth ?? configFullWidth,
+    fullHeight: props.fullHeight ?? configFullHeight
+  };
+}
+export {
+  useLayout
+};
+//# sourceMappingURL=useLayout.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -1,63 +1,11 @@
-import { jsx } from "react/jsx-runtime";
-import { functionalUpdate } from "@tanstack/react-table";
-import { useIntl } from "react-intl";
-import { WrapTextIcon, WrapTextOffIcon } from "@dynatrace/strato-icons";
-import { Button } from "../../../../buttons/button/Button.js";
-import { useControllableState } from "../../../../core/hooks/useControllableState.js";
-import { Tooltip } from "../../../../overlays/tooltip/Tooltip.js";
-import { useDataTableConfigElement } from "../../../hooks/useDataTableConfig.js";
-import { useDataTable } from "../../contexts/DataTableContext.js";
-import { dataTableMessages } from "../../messages.js";
+import {
+  assignPrototypeAPIs,
+  assignTableAPIs,
+  functionalUpdate
+} from "@tanstack/react-table";
 function DataTableGlobalLineWrapAction() {
   return null;
 }
-const LineWrap = {
-  createColumn(column, table) {
-    column.toggleLineWrap = (value) => {
-      if (!column.getCanLineWrap()) {
-        return;
-      }
-      table.setColumnLineWrap((oldValue) => {
-        const columnsStatesToUpdate = computeLineWrapStateUpdate(column, value);
-        if (typeof oldValue === "boolean") {
-          const columnIds = table.getAllLeafColumnsWithoutBuiltin().map((col) => col.id);
-          const currentColumnsState = Object.fromEntries(columnIds.map((id) => [id, oldValue]));
-          return {
-            ...currentColumnsState,
-            ...columnsStatesToUpdate
-          };
-        }
-        return {
-          ...oldValue,
-          ...columnsStatesToUpdate
-        };
-      });
-    };
-    column.getIsLineWrapped = () => {
-      const lineWrapState = table.getState().columnLineWrap;
-      if (typeof lineWrapState === "boolean") {
-        return lineWrapState;
-      }
-      const childColumns = column.columns;
-      if (childColumns.length > 0) {
-        return childColumns.every((child) => child.getIsLineWrapped());
-      }
-      return lineWrapState?.[column.id] ?? false;
-    };
-    column.getCanLineWrap = () => {
-      return table.options.enableLineWrap ?? true;
-    };
-  },
-  createTable(table) {
-    table.setColumnLineWrap = (updater) => {
-      const newValue = functionalUpdate(
-        updater,
-        table.getState().columnLineWrap ?? false
-      );
-      table.options.onColumnLineWrapChange?.(newValue);
-    };
-  }
-};
 function computeLineWrapStateUpdate(column, value) {
   const newValue = value ?? !column.getIsLineWrapped();
   const childColumns = column.columns;
@@ -68,43 +16,87 @@ function computeLineWrapStateUpdate(column, value) {
   }
   return Object.fromEntries(childColumns.map((child) => [child.id, newValue]));
 }
-function useColumnLineWrap(props, options) {
-  const configLineWrap = useDataTableConfigElement("lineWrap");
-  const [columnLineWrap, onColumnLineWrapChange] = useControllableState({
-    value: props.lineWrap ?? configLineWrap,
-    defaultValue: props.defaultLineWrap,
-    onChange: props.onLineWrapChange
+function column_toggleLineWrap(column, value) {
+  if (!column.getCanLineWrap()) {
+    return;
+  }
+  column.table.setColumnLineWrap((oldValue) => {
+    const columnsStatesToUpdate = computeLineWrapStateUpdate(column, value);
+    if (typeof oldValue === "boolean") {
+      const columnIds = column.table.getAllLeafColumnsWithoutBuiltin().map((col) => col.id);
+      const currentColumnsState = Object.fromEntries(
+        columnIds.map((id) => [id, oldValue])
+      );
+      return {
+        ...currentColumnsState,
+        ...columnsStatesToUpdate
+      };
+    }
+    return {
+      ...oldValue,
+      ...columnsStatesToUpdate
+    };
   });
-  options.state = { ...options.state, columnLineWrap };
-  options.onColumnLineWrapChange = onColumnLineWrapChange;
 }
-function DataTableGlobalLineWrapToolbarAction() {
-  const table = useDataTable();
-  const intl = useIntl();
-  const lineWrapState = table.getState().columnLineWrap;
-  const Icon = lineWrapState === true ? /* @__PURE__ */ jsx(WrapTextOffIcon, {}) : /* @__PURE__ */ jsx(WrapTextIcon, {});
-  const lineWrapLabel = lineWrapState === true ? intl.formatMessage(dataTableMessages.disableLineWrapLabel) : intl.formatMessage(dataTableMessages.enableLineWrapLabel);
-  const lineWrapDtProperty = `state:${lineWrapState === true ? "unwrap" : "wrap"}`;
-  return /* @__PURE__ */ jsx(Tooltip, { text: lineWrapLabel, children: /* @__PURE__ */ jsx(
-    Button,
-    {
-      "aria-label": lineWrapLabel,
-      "data-dt-name": "ToolbarLineWrap",
-      "data-dt-properties": lineWrapDtProperty,
-      onClick: () => table.setColumnLineWrap((oldLineWrap) => {
-        if (oldLineWrap === true) {
-          return {};
+function column_getIsLineWrapped(column) {
+  const lineWrapState = column.table.atoms.columnLineWrap?.get();
+  if (typeof lineWrapState === "boolean") {
+    return lineWrapState;
+  }
+  const childColumns = column.columns;
+  if (childColumns.length > 0) {
+    return childColumns.every((child) => child.getIsLineWrapped());
+  }
+  return lineWrapState?.[column.id] ?? false;
+}
+function column_getCanLineWrap(column) {
+  return column.table.options.enableLineWrap ?? true;
+}
+function table_setColumnLineWrap(table, updater) {
+  const newValue = functionalUpdate(
+    updater,
+    table.atoms.columnLineWrap?.get() ?? false
+  );
+  table.options.onColumnLineWrapChange?.(newValue);
+}
+function constructColumnLineWrapFeature() {
+  return {
+    getInitialState: (initialState) => {
+      return {
+        columnLineWrap: null,
+        ...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)
         }
-        return true;
-      }),
-      children: /* @__PURE__ */ jsx(Button.Prefix, { children: Icon })
+      });
+    },
+    constructTableAPIs: (table) => {
+      assignTableAPIs("DataTableColumnLineWrapFeature", table, {
+        table_setColumnLineWrap: {
+          fn: (updater) => table_setColumnLineWrap(table, updater)
+        }
+      });
     }
-  ) });
+  };
 }
+const DataTableColumnLineWrapFeature = constructColumnLineWrapFeature();
 export {
+  DataTableColumnLineWrapFeature,
   DataTableGlobalLineWrapAction,
-  DataTableGlobalLineWrapToolbarAction,
-  LineWrap,
-  useColumnLineWrap
+  column_getCanLineWrap,
+  column_getIsLineWrapped,
+  column_toggleLineWrap,
+  constructColumnLineWrapFeature,
+  table_setColumnLineWrap
 };
 //# sourceMappingURL=LineWrap.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/LineWrap/LineWrap.tsx"],
-  "sourcesContent": ["import { type RowData, functionalUpdate } from '@tanstack/react-table';\nimport { type JSX } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { WrapTextIcon, WrapTextOffIcon } from '@dynatrace/strato-icons';\n\nimport type { DataTableLineWrapProps } from './line-wrap-types.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { Tooltip } from '../../../../overlays/tooltip/Tooltip.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport {\n  type Column,\n  type Table,\n  type TableFeature,\n  type TableOptions,\n} from '../../hooks/useTable/types.js';\nimport { dataTableMessages } from '../../messages.js';\n\n/**\n * Global line wrap action for the DataTable to be used in the DataTable.Toolbar\n *\n * @public\n */\nexport function DataTableGlobalLineWrapAction() {\n  return null;\n}\n\n/**\n * Feature implementation for LineWrap. This contains the logic that will be given\n * to the tanstack table. The implementing interface is important as these are\n * the function that will be called by the tanstack table core during render.\n * @internal\n */\nexport const LineWrap: TableFeature = {\n  createColumn<TData extends RowData, TValue>(\n    column: Column<TData, TValue>,\n    table: Table<TData>,\n  ) {\n    column.toggleLineWrap = (value) => {\n      if (!column.getCanLineWrap()) {\n        return;\n      }\n\n      table.setColumnLineWrap((oldValue) => {\n        const columnsStatesToUpdate = computeLineWrapStateUpdate(column, value);\n\n        // Check if the lineWrap was set as a global first\n        if (typeof oldValue === 'boolean') {\n          const columnIds = table\n            .getAllLeafColumnsWithoutBuiltin()\n            .map((col) => col.id);\n\n          // when switching from a boolean, we need to preserve the current state of the other columns\n          const currentColumnsState: Record<string, boolean> =\n            Object.fromEntries(columnIds.map((id) => [id, oldValue]));\n\n          // When toggling a parent column, we need to set the state of all child columns\n          return {\n            ...currentColumnsState,\n            ...columnsStatesToUpdate,\n          };\n        }\n\n        return {\n          ...oldValue,\n          ...columnsStatesToUpdate,\n        };\n      });\n    };\n\n    column.getIsLineWrapped = () => {\n      const lineWrapState = table.getState().columnLineWrap;\n      // Boolean values define a global line wrapping on the table.\n      if (typeof lineWrapState === 'boolean') {\n        return lineWrapState;\n      }\n\n      const childColumns = column.columns;\n      if (childColumns.length > 0) {\n        // If the current column is a parent, we consider it line wrapped only if all child columns are line wrapped\n        return childColumns.every((child) => child.getIsLineWrapped());\n      }\n      return lineWrapState?.[column.id] ?? false;\n    };\n\n    column.getCanLineWrap = () => {\n      return table.options.enableLineWrap ?? true;\n    };\n  },\n\n  createTable<TData extends RowData>(table: Table<TData>): void {\n    table.setColumnLineWrap = (updater) => {\n      const newValue = functionalUpdate(\n        updater,\n        table.getState().columnLineWrap ?? false,\n      );\n      table.options.onColumnLineWrapChange?.(newValue);\n    };\n  },\n};\n\n/**\n * Determines which columns need to have their lineWrap state updated.\n * @param column - The column for which lineWrap was toggled.\n * @param value - The new lineWrap value to set. If not provided, the current value will be toggled.\n * @returns a record of column IDs and their new lineWrap states.\n */\nfunction computeLineWrapStateUpdate<TData extends RowData>(\n  column: Column<TData>,\n  value?: boolean,\n): Record<string, boolean> {\n  const newValue = value ?? !column.getIsLineWrapped();\n  const childColumns = column.columns;\n\n  if (childColumns.length === 0) {\n    // For leaf or standalone columns, we only need to update the toggled column\n    return {\n      [column.id]: newValue,\n    };\n  }\n  // If the toggled column is a parent column, we need to toggle all its child columns\n  return Object.fromEntries(childColumns.map((child) => [child.id, newValue]));\n}\n\n/**\n * Configuration hook for the DataTable LineWrap feature.\n * @internal\n */\nexport function useColumnLineWrap<T>(\n  props: DataTableLineWrapProps,\n  options: TableOptions<T>,\n): void {\n  const configLineWrap = useDataTableConfigElement('lineWrap');\n\n  const [columnLineWrap, onColumnLineWrapChange] = useControllableState({\n    value: props.lineWrap ?? configLineWrap,\n    defaultValue: props.defaultLineWrap,\n    onChange: props.onLineWrapChange,\n  });\n\n  options.state = { ...options.state, columnLineWrap };\n  options.onColumnLineWrapChange = onColumnLineWrapChange;\n}\n\n//# region Providing actions\n\n/**\n * Provides the toolbar button that allows toggling global line wrap.\n * @internal\n */\nexport function DataTableGlobalLineWrapToolbarAction(): JSX.Element {\n  const table = useDataTable();\n  const intl = useIntl();\n\n  const lineWrapState = table.getState().columnLineWrap;\n  const Icon = lineWrapState === true ? <WrapTextOffIcon /> : <WrapTextIcon />;\n  const lineWrapLabel =\n    lineWrapState === true\n      ? intl.formatMessage(dataTableMessages.disableLineWrapLabel)\n      : intl.formatMessage(dataTableMessages.enableLineWrapLabel);\n\n  const lineWrapDtProperty = `state:${\n    lineWrapState === true ? 'unwrap' : 'wrap'\n  }`;\n\n  return (\n    <Tooltip text={lineWrapLabel}>\n      <Button\n        aria-label={lineWrapLabel}\n        data-dt-name=\"ToolbarLineWrap\"\n        data-dt-properties={lineWrapDtProperty}\n        onClick={() =>\n          table.setColumnLineWrap((oldLineWrap) => {\n            if (oldLineWrap === true) {\n              return {};\n            }\n            return true;\n          })\n        }\n      >\n        <Button.Prefix>{Icon}</Button.Prefix>\n      </Button>\n    </Tooltip>\n  );\n}\n\n//# endregion Providing actions\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type CellData,\n  type Column_Internal,\n  type RowData,\n  type TableFeature,\n  type TableFeatures,\n  type Table_Internal,\n  type Updater,\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  functionalUpdate,\n} from '@tanstack/react-table';\n\nimport type {\n  ColumnLineWrapFeatureConstructors,\n  DataTableLineWrapState,\n} from './line-wrap-types.js';\n\n/**\n * Global line wrap action for the DataTable to be used in the DataTable.Toolbar\n *\n * @public\n */\nexport function DataTableGlobalLineWrapAction() {\n  return null;\n}\n\n/**\n * Determines which columns need to have their lineWrap state updated.\n * @param column - The column for which lineWrap was toggled.\n * @param value - The new lineWrap value to set. If not provided, the current value will be toggled.\n * @returns a record of column IDs and their new lineWrap states.\n */\nfunction computeLineWrapStateUpdate<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n  value?: boolean,\n): Record<string, boolean> {\n  const newValue = value ?? !column.getIsLineWrapped();\n  const childColumns = column.columns;\n\n  if (childColumns.length === 0) {\n    // For leaf or standalone columns, we only need to update the toggled column\n    return {\n      [column.id]: newValue,\n    };\n  }\n  // If the toggled column is a parent column, we need to toggle all its child columns\n  return Object.fromEntries(childColumns.map((child) => [child.id, newValue]));\n}\n\n/**\n * Helper function to toggle line wrap for a specific column, taking into account the current state and the column's capabilities.\n * @internal\n */\nexport function column_toggleLineWrap<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>, value: boolean): void {\n  if (!column.getCanLineWrap()) {\n    return;\n  }\n\n  column.table.setColumnLineWrap((oldValue) => {\n    const columnsStatesToUpdate = computeLineWrapStateUpdate(column, value);\n\n    // Check if the lineWrap was set as a global first\n    if (typeof oldValue === 'boolean') {\n      const columnIds = column.table\n        .getAllLeafColumnsWithoutBuiltin()\n        .map((col) => col.id);\n\n      // when switching from a boolean, we need to preserve the current state of the other columns\n      const currentColumnsState: Record<string, boolean> = Object.fromEntries(\n        columnIds.map((id) => [id, oldValue]),\n      );\n\n      // When toggling a parent column, we need to set the state of all child columns\n      return {\n        ...currentColumnsState,\n        ...columnsStatesToUpdate,\n      };\n    }\n\n    return {\n      ...oldValue,\n      ...columnsStatesToUpdate,\n    };\n  });\n}\n\n/**\n * Helper function to determine if a specific column is currently line wrapped, taking into account global settings and parent-child relationships.\n * @internal\n */\nexport function column_getIsLineWrapped<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>): boolean {\n  const lineWrapState = column.table.atoms.columnLineWrap?.get();\n  // Boolean values define a global line wrapping on the table.\n  if (typeof lineWrapState === 'boolean') {\n    return lineWrapState;\n  }\n\n  const childColumns = column.columns;\n  if (childColumns.length > 0) {\n    // If the current column is a parent, we consider it line wrapped only if all child columns are line wrapped\n    return childColumns.every((child) => child.getIsLineWrapped());\n  }\n  return lineWrapState?.[column.id] ?? false;\n}\n\n/**\n * Helper function to determine if a specific column can be line wrapped, based on the table's global settings.\n * @internal\n */\nexport function column_getCanLineWrap<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  return column.table.options.enableLineWrap ?? true;\n}\n\n/**\n * Helper function to update the global line wrap state on the table, which can be called from column-level actions to ensure consistent state management.\n * @internal\n */\nexport function table_setColumnLineWrap<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  updater: Updater<DataTableLineWrapState>,\n): void {\n  const newValue = functionalUpdate(\n    updater,\n    table.atoms.columnLineWrap?.get() ?? false,\n  );\n  table.options.onColumnLineWrapChange?.(newValue);\n}\n\n/**\n * Constructs the column line wrap feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructColumnLineWrapFeature(): TableFeature<ColumnLineWrapFeatureConstructors> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        columnLineWrap: null,\n        ...initialState,\n      };\n      // This is safe here as the DataTableFeatures configuration, so it is a valid part of\n      // TableState<TFeatures> at runtime \u2014 TypeScript just can't prove it\n      // through the UnionToIntersection generic constraint.\n    },\n    assignColumnPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableColumnLineWrapFeature', prototype, table, {\n        column_toggleLineWrap: {\n          fn: (column, value: boolean) => column_toggleLineWrap(column, value),\n        },\n        column_getIsLineWrapped: {\n          fn: (column) => column_getIsLineWrapped(column),\n        },\n        column_getCanLineWrap: {\n          fn: (column) => column_getCanLineWrap(column),\n        },\n      });\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableColumnLineWrapFeature', table, {\n        table_setColumnLineWrap: {\n          fn: (updater: Updater<DataTableLineWrapState>) =>\n            table_setColumnLineWrap(table, updater),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Feature implementation for LineWrap. This contains the logic that will be given\n * to the tanstack table. The implementing interface is important as these are\n * the function that will be called by the tanstack table core during render.\n * @internal\n */\nexport const DataTableColumnLineWrapFeature = constructColumnLineWrapFeature();\n"],
+  "mappings": "AAAA;AAAA,EAQE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAYA,SAAS,gCAAgC;AAC9C,SAAO;AACT;AAQA,SAAS,2BAKP,QACA,OACyB;AACzB,QAAM,WAAW,SAAS,CAAC,OAAO,iBAAiB;AACnD,QAAM,eAAe,OAAO;AAE5B,MAAI,aAAa,WAAW,GAAG;AAE7B,WAAO;AAAA,MACL,CAAC,OAAO,EAAE,GAAG;AAAA,IACf;AAAA,EACF;AAEA,SAAO,OAAO,YAAY,aAAa,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAC;AAC7E;AAMO,SAAS,sBAId,QAAmD,OAAsB;AACzE,MAAI,CAAC,OAAO,eAAe,GAAG;AAC5B;AAAA,EACF;AAEA,SAAO,MAAM,kBAAkB,CAAC,aAAa;AAC3C,UAAM,wBAAwB,2BAA2B,QAAQ,KAAK;AAGtE,QAAI,OAAO,aAAa,WAAW;AACjC,YAAM,YAAY,OAAO,MACtB,gCAAgC,EAChC,IAAI,CAAC,QAAQ,IAAI,EAAE;AAGtB,YAAM,sBAA+C,OAAO;AAAA,QAC1D,UAAU,IAAI,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC;AAAA,MACtC;AAGA,aAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAEA,WAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF,CAAC;AACH;AAMO,SAAS,wBAId,QAA4D;AAC5D,QAAM,gBAAgB,OAAO,MAAM,MAAM,gBAAgB,IAAI;AAE7D,MAAI,OAAO,kBAAkB,WAAW;AACtC,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,OAAO;AAC5B,MAAI,aAAa,SAAS,GAAG;AAE3B,WAAO,aAAa,MAAM,CAAC,UAAU,MAAM,iBAAiB,CAAC;AAAA,EAC/D;AACA,SAAO,gBAAgB,OAAO,EAAE,KAAK;AACvC;AAMO,SAAS,sBAId,QAAmD;AACnD,SAAO,OAAO,MAAM,QAAQ,kBAAkB;AAChD;AAMO,SAAS,wBAId,OACA,SACM;AACN,QAAM,WAAW;AAAA,IACf;AAAA,IACA,MAAM,MAAM,gBAAgB,IAAI,KAAK;AAAA,EACvC;AACA,QAAM,QAAQ,yBAAyB,QAAQ;AACjD;AAOO,SAAS,iCAAkF;AAChG,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,gBAAgB;AAAA,QAChB,GAAG;AAAA,MACL;AAAA,IAIF;AAAA,IACA,uBAAuB,CAAC,WAAW,UAAU;AAC3C,0BAAoB,kCAAkC,WAAW,OAAO;AAAA,QACtE,uBAAuB;AAAA,UACrB,IAAI,CAAC,QAAQ,UAAmB,sBAAsB,QAAQ,KAAK;AAAA,QACrE;AAAA,QACA,yBAAyB;AAAA,UACvB,IAAI,CAAC,WAAW,wBAAwB,MAAM;AAAA,QAChD;AAAA,QACA,uBAAuB;AAAA,UACrB,IAAI,CAAC,WAAW,sBAAsB,MAAM;AAAA,QAC9C;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,oBAAoB,CAAC,UAAU;AAC7B,sBAAgB,kCAAkC,OAAO;AAAA,QACvD,yBAAyB;AAAA,UACvB,IAAI,CAAC,YACH,wBAAwB,OAAO,OAAO;AAAA,QAC1C;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAQO,MAAM,iCAAiC,+BAA+B;",
   "names": []
 }

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

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { useIntl } from "react-intl";
+import { WrapTextIcon, WrapTextOffIcon } from "@dynatrace/strato-icons";
+import { Button } from "../../../../buttons/button/Button.js";
+import { Tooltip } from "../../../../overlays/tooltip/Tooltip.js";
+import { useDataTable } from "../../contexts/DataTableContext.js";
+import { dataTableMessages } from "../../messages.js";
+function DataTableGlobalLineWrapToolbarAction() {
+  const table = useDataTable();
+  const intl = useIntl();
+  const lineWrapState = table.atoms.columnLineWrap?.get();
+  const Icon = lineWrapState === true ? /* @__PURE__ */ jsx(WrapTextOffIcon, {}) : /* @__PURE__ */ jsx(WrapTextIcon, {});
+  const lineWrapLabel = lineWrapState === true ? intl.formatMessage(dataTableMessages.disableLineWrapLabel) : intl.formatMessage(dataTableMessages.enableLineWrapLabel);
+  const lineWrapDtProperty = `state:${lineWrapState === true ? "unwrap" : "wrap"}`;
+  return /* @__PURE__ */ jsx(Tooltip, { text: lineWrapLabel, children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      "aria-label": lineWrapLabel,
+      "data-dt-name": "ToolbarLineWrap",
+      "data-dt-properties": lineWrapDtProperty,
+      onClick: () => table.setColumnLineWrap((oldLineWrap) => {
+        if (oldLineWrap === true) {
+          return {};
+        }
+        return true;
+      }),
+      children: /* @__PURE__ */ jsx(Button.Prefix, { children: Icon })
+    }
+  ) });
+}
+export {
+  DataTableGlobalLineWrapToolbarAction
+};
+//# sourceMappingURL=LineWrapToolbarAction.js.map