@dynatrace/strato-components 3.6.0 → 3.7.1

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnPinning/ColumnPinning.tsx"],
-  "sourcesContent": ["import {\n  type ColumnPinningPosition,\n  ColumnPinningState,\n  functionalUpdate,\n  memo,\n} from '@tanstack/react-table';\nimport { isEqual } from 'lodash-es';\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport type {\n  DataTableColumnPinningProps,\n  DataTablePinnedColumnState,\n} from './column-pinning-types.js';\nimport { pinColumns } from './column-pinning-utils.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport {\n  DATA_TABLE_BUILT_IN_COLUMN_IDS,\n  DATA_TABLE_ROW_ACTIONS_COLUMN_ID,\n  DATA_TABLE_ROW_DETAILS_COLUMN_ID,\n  DATA_TABLE_ROW_DRAG_COLUMN_ID,\n  DATA_TABLE_ROW_SELECTION_COLUMN_ID,\n} from '../../constants.js';\nimport { isGroupColumnDef } from '../../hooks/useTable/datatable-typeguards.js';\nimport type {\n  Column,\n  Header,\n  Table,\n  TableFeature,\n  TableOptions,\n  Updater,\n} from '../../hooks/useTable/types.js';\nimport { getMemoOptions } from '../../hooks/useTable/utils.js';\nimport { DataTableRowData } from '../../public.api.js';\nimport { DataTableColumnOrderProps } from '../ColumnOrder/column-order-types.js';\nimport { getPrefixColumnWidth } from '../Layout/layout-utils.js';\n\n/**\n * Computes the left pinned position based on the widths of all preceding left pinned columns.\n * @internal\n */\nfunction computeLeftPinnedPosition<TData extends DataTableRowData>(\n  columnId: string,\n  table: Table<TData>,\n): number | undefined {\n  const leftVisibleLeafColumns = table.getLeftVisibleLeafColumns();\n  const targetColumnIndex = leftVisibleLeafColumns.findIndex(\n    (leaf) => leaf.id === columnId,\n  );\n\n  // column is either not pinned to the left or currently hidden\n  if (targetColumnIndex < 0) {\n    return undefined;\n  }\n\n  // the first pinned column, no need to calculate any offset\n  if (targetColumnIndex === 0) {\n    return 0;\n  }\n\n  const prevColumn = leftVisibleLeafColumns[targetColumnIndex - 1];\n  const isPrefix = prevColumn.columnDef.meta?.builtinPlacement === 'prefix';\n\n  const width = isPrefix\n    ? // prefix columns have a fixed width\n      // use that instead of measured header, as prefix columns are also pinned when headers are hidden\n      getPrefixColumnWidth(\n        prevColumn,\n        table.getVisualVariantOptions().rowDensity,\n        table.options.rowThresholds,\n      )\n    : table.getColumnOrHeaderWidth(prevColumn.id);\n\n  const prevPosition = prevColumn.getLeftPinnedPosition() ?? 0;\n\n  // left pinned position of the preceding column plus the preceding column's width\n  // is the left position for the current column\n  return prevPosition + width;\n}\n\n/**\n * Computes the right pinned position based on the widths of all following right pinned columns.\n * @internal\n */\nfunction computeRightPinnedPosition<TData extends DataTableRowData>(\n  columnId: string,\n  table: Table<TData>,\n): number | undefined {\n  const rightVisibleLeafColumns = table.getRightVisibleLeafColumns();\n  const targetColumnIndex = rightVisibleLeafColumns.findIndex(\n    (leaf) => leaf.id === columnId,\n  );\n\n  // column is either not pinned to the right or currently hidden\n  if (targetColumnIndex < 0) {\n    return undefined;\n  }\n\n  // the last pinned column, no need to calculate any offset\n  if (targetColumnIndex === rightVisibleLeafColumns.length - 1) {\n    return 0;\n  }\n\n  const nextColumn = rightVisibleLeafColumns[targetColumnIndex + 1];\n  const nextPosition = nextColumn.getRightPinnedPosition() ?? 0;\n\n  // right pinned position for the next column plus the next column's width\n  // is the right position for the current column\n  return nextPosition + table.getColumnOrHeaderWidth(nextColumn.id);\n}\n\n/**\n * Additional feature implementation for column pinning.\n * @internal\n */\nexport const DataTableColumnPinning: TableFeature = {\n  createTable<TData extends DataTableRowData>(table: Table<TData>): void {\n    table.getOrderedHeaderGroups = memo(\n      () => {\n        const state = table.getState();\n        return [\n          table.options.columns,\n          state.columnVisibility,\n          state.columnPinning,\n          state.columnOrder,\n        ];\n      },\n      () => {\n        const leftGroups = table.getLeftHeaderGroups();\n        const centerGroups = table.getCenterHeaderGroups();\n        const rightGroups = table.getRightHeaderGroups();\n\n        const getOrderedHeaderGroup = (groupIndex: number) => [\n          ...(leftGroups.at(groupIndex)?.headers ?? []),\n          ...(centerGroups.at(groupIndex)?.headers ?? []),\n          ...(rightGroups.at(groupIndex)?.headers ?? []),\n        ];\n\n        return [getOrderedHeaderGroup(0), getOrderedHeaderGroup(1)] as const;\n      },\n      getMemoOptions(\n        table.options,\n        'debugColumns',\n        'column.getOrderedHeaderGroups',\n      ),\n    );\n  },\n\n  createHeader<TData extends DataTableRowData, TValue>(\n    header: Header<TData, TValue>,\n    table: Table<TData>,\n  ) {\n    header.getIsPinned = () => {\n      // if this is a group header, determine its pinned state based on its subHeaders\n      if (isGroupColumnDef(header.column.columnDef)) {\n        // all sub headers have the same pinned state, so we can just target the first one\n        const firstChild = header.subHeaders.at(0);\n        return firstChild?.getIsPinned() ?? false;\n      }\n      return header.column.getIsPinned();\n    };\n\n    header.getLeftPinnedPosition = () => {\n      // if this is a group header, determine its left position based on its leftmost subHeader\n      if (isGroupColumnDef(header.column.columnDef)) {\n        const firstChild = header.subHeaders.at(0);\n        return firstChild?.column.getLeftPinnedPosition();\n      }\n      return header.column.getLeftPinnedPosition();\n    };\n\n    header.getRightPinnedPosition = () => {\n      // if this is a group header, determine its left position based on its rightmost subHeader\n      if (isGroupColumnDef(header.column.columnDef)) {\n        const lastChild = header.subHeaders.at(-1);\n        return lastChild?.column.getRightPinnedPosition();\n      }\n      return header.column.getRightPinnedPosition();\n    };\n\n    header.getIsLastVisibleLeftPinnedHeader = () => {\n      if (isGroupColumnDef(header.column.columnDef)) {\n        const lastChild = header.subHeaders.at(-1);\n        return lastChild?.column.getIsLastVisibleLeftPinnedColumn() ?? false;\n      }\n      return header.column.getIsLastVisibleLeftPinnedColumn();\n    };\n\n    header.getIsFirstVisibleUnpinnedHeader = () => {\n      if (isGroupColumnDef(header.column.columnDef)) {\n        const firstChild = header.subHeaders.at(0);\n        return firstChild?.column.getIsFirstVisibleUnpinnedColumn() ?? false;\n      }\n      return header.column.getIsFirstVisibleUnpinnedColumn();\n    };\n\n    header.getIsLastVisibleUnpinnedHeader = () => {\n      if (isGroupColumnDef(header.column.columnDef)) {\n        const lastChild = header.subHeaders.at(-1);\n        return lastChild?.column.getIsLastVisibleUnpinnedColumn() ?? false;\n      }\n      return header.column.getIsLastVisibleUnpinnedColumn();\n    };\n\n    header.getIsFirstVisibleRightPinnedHeader = () => {\n      if (isGroupColumnDef(header.column.columnDef)) {\n        const firstChild = header.subHeaders.at(0);\n        return firstChild?.column.getIsFirstVisibleRightPinnedColumn() ?? false;\n      }\n      return header.column.getIsFirstVisibleRightPinnedColumn();\n    };\n\n    header.pin = (position: ColumnPinningPosition) => {\n      const { column, subHeaders: visibleSubHeaders } = header;\n      const idsToPin: string[] = isGroupColumnDef(column.columnDef)\n        ? visibleSubHeaders.map((subHeader) => subHeader.column.id)\n        : [column.id];\n\n      const pinningState = pinColumns(\n        idsToPin,\n        table.getState().columnPinning,\n        position,\n      );\n\n      table.setColumnPinning(pinningState);\n    };\n  },\n\n  createColumn<TData extends DataTableRowData>(\n    column: Column<TData, unknown>,\n    table: Table<TData>,\n  ) {\n    // cache left pinned position to avoid recalculating during resizing\n    let cachedLeftPinnedPosition: number | undefined;\n    column.getLeftPinnedPosition = memo(\n      () => {\n        const state = table.getState();\n        return [\n          state.columnSizingInfo.isResizingColumn,\n          state.columnVisibility,\n          state.columnPinning.left\n            ?.map((id) => `${id}:${table.getMeasuredColumnWidth(id)}`)\n            .join(),\n          table.options.columns,\n        ];\n      },\n      (isResizingColumn) => {\n        // prevent recalculation while resizing column to avoid jumpy behavior\n        if (isResizingColumn) {\n          if (cachedLeftPinnedPosition === undefined) {\n            cachedLeftPinnedPosition = computeLeftPinnedPosition(\n              column.id,\n              table,\n            );\n          }\n          return cachedLeftPinnedPosition;\n        }\n        cachedLeftPinnedPosition = undefined;\n        return computeLeftPinnedPosition(column.id, table);\n      },\n      getMemoOptions(\n        table.options,\n        'debugColumns',\n        'column.getLeftPinnedPosition',\n      ),\n    );\n\n    // cache right pinned position to avoid recalculating during resizing\n    let cachedRightPinnedPosition: number | undefined;\n    column.getRightPinnedPosition = memo(\n      () => {\n        const state = table.getState();\n        return [\n          state.columnSizingInfo.isResizingColumn,\n          state.columnVisibility,\n          state.columnPinning.right\n            ?.map((id) => `${id}:${table.getMeasuredColumnWidth(id)}`)\n            .join(),\n          table.options.columns,\n        ];\n      },\n      (isResizingColumn) => {\n        // prevent recalculation while resizing column to avoid jumpy behavior\n        if (isResizingColumn) {\n          if (cachedRightPinnedPosition === undefined) {\n            cachedRightPinnedPosition = computeRightPinnedPosition(\n              column.id,\n              table,\n            );\n          }\n          return cachedRightPinnedPosition;\n        }\n        cachedRightPinnedPosition = undefined;\n        return computeRightPinnedPosition(column.id, table);\n      },\n      getMemoOptions(\n        table.options,\n        'debugColumns',\n        'column.getRightPinnedPosition',\n      ),\n    );\n\n    column.getIsLastVisibleLeftPinnedColumn = memo(\n      () => {\n        const state = table.getState();\n        return [\n          state.columnPinning.left,\n          state.columnVisibility,\n          table.options.columns,\n        ];\n      },\n      () => {\n        // return true if the current column or one of its child columns is the last visible left pinned column\n        const lastLeftVisibleLeafColumnId = table\n          .getLeftVisibleLeafColumns()\n          .at(-1)?.id;\n        return (\n          column.id === lastLeftVisibleLeafColumnId ||\n          column.columns.some(\n            (childColumn) => childColumn.id === lastLeftVisibleLeafColumnId,\n          )\n        );\n      },\n      getMemoOptions(\n        table.options,\n        'debugColumns',\n        'column.getIsLastVisibleLeftPinnedColumn',\n      ),\n    );\n\n    column.getIsFirstVisibleUnpinnedColumn = memo(\n      () => {\n        const state = table.getState();\n        return [\n          state.columnPinning,\n          state.columnVisibility,\n          state.columnOrder,\n          table.options.columns,\n        ];\n      },\n      () => {\n        // return true if the current column or one of its child columns is the first visible, unpinned column\n        const firstCenterVisibleLeafColumnId = table\n          .getCenterVisibleLeafColumns()\n          .at(0)?.id;\n        return (\n          column.id === firstCenterVisibleLeafColumnId ||\n          column.columns.some(\n            (childColumn) => childColumn.id === firstCenterVisibleLeafColumnId,\n          )\n        );\n      },\n      getMemoOptions(\n        table.options,\n        'debugColumns',\n        'column.getIsFirstVisibleUnpinnedColumn',\n      ),\n    );\n\n    column.getIsLastVisibleUnpinnedColumn = memo(\n      () => {\n        const state = table.getState();\n        return [\n          state.columnPinning,\n          state.columnVisibility,\n          state.columnOrder,\n          table.options.columns,\n        ];\n      },\n      () => {\n        // return true if the current column or one of its child columns is the last visible unpinned column\n        const lastCenterVisibleLeafColumnId = table\n          .getCenterVisibleLeafColumns()\n          .at(-1)?.id;\n        return (\n          column.id === lastCenterVisibleLeafColumnId ||\n          column.columns.some(\n            (childColumn) => childColumn.id === lastCenterVisibleLeafColumnId,\n          )\n        );\n      },\n      getMemoOptions(\n        table.options,\n        'debugColumns',\n        'column.getIsLastVisibleUnpinnedColumn',\n      ),\n    );\n\n    column.getIsFirstVisibleRightPinnedColumn = memo(\n      () => {\n        const state = table.getState();\n        return [\n          state.columnPinning.right,\n          state.columnVisibility,\n          table.options.columns,\n        ];\n      },\n      () => {\n        // return true if the current column or one of its child columns is the first visible right pinned column\n        const firstRightVisibleLeafColumnId = table\n          .getRightVisibleLeafColumns()\n          .at(0)?.id;\n        return (\n          column.id === firstRightVisibleLeafColumnId ||\n          column.columns.some(\n            (childColumn) => childColumn.id === firstRightVisibleLeafColumnId,\n          )\n        );\n      },\n      getMemoOptions(\n        table.options,\n        'debugColumns',\n        'column.getIsFirstVisibleRightPinnedColumn',\n      ),\n    );\n  },\n};\n\n/**\n * @returns true, if the given column is not a built-in column, false otherwise.\n */\nfunction isCustomColumn(columnId: string): boolean {\n  return !DATA_TABLE_BUILT_IN_COLUMN_IDS.has(columnId);\n}\n\nfunction removeBuiltinColumns(pinnedColumns: string[] | undefined): string[] {\n  return pinnedColumns?.filter(isCustomColumn) ?? [];\n}\n\nfunction addBuiltinColumns(\n  pinnedColumns: DataTablePinnedColumnState | undefined,\n  options: {\n    enableRowDetails: boolean;\n    enableRowSelection: boolean;\n    enableRowOrderDragAndDrop: boolean;\n    enableRowActions: boolean;\n  },\n): DataTablePinnedColumnState {\n  if (!pinnedColumns) {\n    return {};\n  }\n\n  // remove any built-in columns first\n  const leftPinnedColumns = removeBuiltinColumns(pinnedColumns.left);\n  const rightPinnedColumns = removeBuiltinColumns(pinnedColumns.right);\n\n  // add built-in columns based on enabled features, in correct pinning order\n  if (options.enableRowDetails) {\n    leftPinnedColumns.unshift(DATA_TABLE_ROW_DETAILS_COLUMN_ID);\n  }\n  if (options.enableRowSelection) {\n    leftPinnedColumns.unshift(DATA_TABLE_ROW_SELECTION_COLUMN_ID);\n  }\n  if (options.enableRowOrderDragAndDrop) {\n    leftPinnedColumns.unshift(DATA_TABLE_ROW_DRAG_COLUMN_ID);\n  }\n  if (options.enableRowActions) {\n    rightPinnedColumns.push(DATA_TABLE_ROW_ACTIONS_COLUMN_ID);\n  }\n\n  return {\n    left: leftPinnedColumns,\n    right: rightPinnedColumns,\n  };\n}\n\n/**\n * Configuration hook for the DataTable column pinning feature.\n * @internal\n */\nexport function useColumnPinning<TData extends DataTableRowData>(\n  props: DataTableColumnPinningProps & DataTableColumnOrderProps,\n  options: TableOptions<TData>,\n): void {\n  options.enableColumnPinning = props.columnPinning === true;\n\n  const {\n    enableColumnPinning,\n    enableRowDetails,\n    enableRowSelection,\n    enableRowOrderDragAndDrop,\n    enableRowActions,\n  } = options;\n\n  // uncontrolled\n  const defaultPinnedColumns = useMemo(() => {\n    // columns pinned via props in addition to built-in columns\n    const userDefinedPinnedColumns =\n      enableColumnPinning && props.defaultPinnedColumns\n        ? props.defaultPinnedColumns\n        : {};\n    return addBuiltinColumns(userDefinedPinnedColumns, {\n      enableRowDetails: !!enableRowDetails,\n      enableRowSelection: !!enableRowSelection,\n      enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,\n      enableRowActions: !!enableRowActions,\n    });\n  }, [\n    enableColumnPinning,\n    enableRowActions,\n    enableRowDetails,\n    enableRowOrderDragAndDrop,\n    enableRowSelection,\n    props.defaultPinnedColumns,\n  ]);\n\n  // controlled\n  const pinnedColumns = useMemo(\n    (): DataTablePinnedColumnState | undefined =>\n      enableColumnPinning && props.pinnedColumns\n        ? addBuiltinColumns(props.pinnedColumns, {\n            enableRowDetails: !!enableRowDetails,\n            enableRowSelection: !!enableRowSelection,\n            enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,\n            enableRowActions: !!enableRowActions,\n          })\n        : undefined,\n    [\n      enableColumnPinning,\n      enableRowActions,\n      enableRowDetails,\n      enableRowOrderDragAndDrop,\n      enableRowSelection,\n      props.pinnedColumns,\n    ],\n  );\n\n  const [columnPinning, setColumnPinning] =\n    useControllableState<ColumnPinningState>({\n      value: pinnedColumns,\n      defaultValue: defaultPinnedColumns,\n    });\n\n  options.state = {\n    ...options.state,\n    columnPinning: enableColumnPinning ? columnPinning : defaultPinnedColumns, // just built-in columns\n  };\n\n  options.onColumnPinningChange = useCallback(\n    (updater: Updater<ColumnPinningState>) => {\n      const nextState = functionalUpdate(updater, columnPinning);\n      if (isEqual(nextState, columnPinning)) {\n        // nothing to update\n        return;\n      }\n\n      // user does not have to provide IDs of built-in columns (which are always pinned)\n      setColumnPinning(\n        addBuiltinColumns(nextState, {\n          enableRowDetails: !!enableRowDetails,\n          enableRowSelection: !!enableRowSelection,\n          enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,\n          enableRowActions: !!enableRowActions,\n        }),\n      );\n      // do not emit IDs of built-in columns (which are always pinned)\n      props.onPinnedColumnsChange?.({\n        left: removeBuiltinColumns(nextState.left),\n        right: removeBuiltinColumns(nextState.right),\n      });\n    },\n    [\n      columnPinning,\n      enableRowActions,\n      enableRowDetails,\n      enableRowOrderDragAndDrop,\n      enableRowSelection,\n      props,\n      setColumnPinning,\n    ],\n  );\n\n  const originalColumnPinningRef = useRef<DataTablePinnedColumnState>();\n\n  if (!originalColumnPinningRef.current) {\n    const originalPinned = pinnedColumns || defaultPinnedColumns || [];\n    originalColumnPinningRef.current = {\n      left: originalPinned.left,\n      right: originalPinned.right,\n    };\n  }\n\n  options.originalColumnPinning = originalColumnPinningRef.current;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  type CellData,\n  type Column_Internal,\n  type ColumnPinningPosition,\n  type Header,\n  type RowData,\n  type Table_Internal,\n  type TableFeature,\n  type TableFeatures,\n} from '@tanstack/react-table';\nimport {\n  table_getCenterVisibleLeafColumns,\n  table_getLeftVisibleLeafColumns,\n  table_getRightVisibleLeafColumns,\n  column_getIsPinned,\n  table_getCenterHeaderGroups,\n  table_getCenterLeafColumns,\n  table_getLeftHeaderGroups,\n  table_getLeftLeafColumns,\n  table_getRightHeaderGroups,\n  table_getRightLeafColumns,\n  table_getVisibleLeafColumns,\n  table_setColumnPinning,\n} from '@tanstack/react-table/static-functions';\n\nimport type { ColumnPinningFeatureConstructors } from './column-pinning-types.js';\nimport { pinColumns } from './column-pinning-utils.js';\nimport { isGroupColumnDef } from '../../hooks/useTable/datatable-typeguards.js';\nimport { getPrefixColumnWidth } from '../Layout/layout-utils.js';\n\n/**\n * Computes the left pinned position based on the widths of all preceding left pinned columns.\n * @internal\n */\nfunction computeLeftPinnedPosition<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columnId: string,\n  table: Table_Internal<TFeatures, TData>,\n): number | undefined {\n  const leftVisibleLeafColumns = table.getLeftVisibleLeafColumns();\n  const targetColumnIndex = leftVisibleLeafColumns.findIndex(\n    (leaf) => leaf.id === columnId,\n  );\n\n  // column is either not pinned to the left or currently hidden\n  if (targetColumnIndex < 0) {\n    return undefined;\n  }\n\n  // the first pinned column, no need to calculate any offset\n  if (targetColumnIndex === 0) {\n    return 0;\n  }\n\n  const prevColumn = leftVisibleLeafColumns[targetColumnIndex - 1];\n  const isPrefix = prevColumn.columnDef.meta?.builtinPlacement === 'prefix';\n\n  const width = isPrefix\n    ? // prefix columns have a fixed width\n      // use that instead of measured header, as prefix columns are also pinned when headers are hidden\n      getPrefixColumnWidth(\n        prevColumn,\n        table.atoms.visualVariantConfig?.get().rowDensity,\n        table.optionsStore.state.rowThresholds,\n      )\n    : table.getColumnOrHeaderWidth(prevColumn.id);\n\n  const prevPosition = prevColumn.getLeftPinnedPosition() ?? 0;\n\n  // left pinned position of the preceding column plus the preceding column's width\n  // is the left position for the current column\n  return prevPosition + width;\n}\n\n/**\n * Computes the right pinned position based on the widths of all following right pinned columns.\n * @internal\n */\nfunction computeRightPinnedPosition<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  columnId: string,\n  table: Table_Internal<TFeatures, TData>,\n): number | undefined {\n  const rightVisibleLeafColumns = table.getRightVisibleLeafColumns();\n  const targetColumnIndex = rightVisibleLeafColumns.findIndex(\n    (leaf) => leaf.id === columnId,\n  );\n\n  // column is either not pinned to the right or currently hidden\n  if (targetColumnIndex < 0) {\n    return undefined;\n  }\n\n  // the last pinned column, no need to calculate any offset\n  if (targetColumnIndex === rightVisibleLeafColumns.length - 1) {\n    return 0;\n  }\n\n  const nextColumn = rightVisibleLeafColumns[targetColumnIndex + 1];\n  const nextPosition = nextColumn.getRightPinnedPosition() ?? 0;\n\n  // right pinned position for the next column plus the next column's width\n  // is the right position for the current column\n  return nextPosition + table.getColumnOrHeaderWidth(nextColumn.id);\n}\n\n/**\n * Helper function to get the ordered header groups with left, center, and right pinned headers in the correct order.\n * @internal\n */\nexport function table_getOrderedHeaderGroups<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n): [Header<TFeatures, TData, unknown>[], Header<TFeatures, TData, unknown>[]] {\n  const leftGroups = table_getLeftHeaderGroups(table);\n  const centerGroups = table_getCenterHeaderGroups(table);\n  const rightGroups = table_getRightHeaderGroups(table);\n\n  const getOrderedHeaderGroup = (groupIndex: number) => [\n    ...(leftGroups.at(groupIndex)?.headers ?? []),\n    ...(centerGroups.at(groupIndex)?.headers ?? []),\n    ...(rightGroups.at(groupIndex)?.headers ?? []),\n  ];\n\n  return [getOrderedHeaderGroup(0), getOrderedHeaderGroup(1)] as const;\n}\n\n/**\n * Helper function to determine if a header is pinned by checking the\n * pinned state of its column or, if it's a group header, the pinned state of its child headers.\n * @internal\n */\nexport function header_getIsPinned<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(header: Header<TFeatures, TData, TValue>): 'left' | 'right' | false {\n  // if this is a group header, determine its pinned state based on its subHeaders\n  if (isGroupColumnDef(header.column.columnDef)) {\n    // all sub headers have the same pinned state, so we can just target the first one\n    const firstChild = header.subHeaders.at(0);\n    if (firstChild) {\n      return column_getIsPinned(firstChild.column);\n    }\n    return false;\n  }\n  return column_getIsPinned(header.column);\n}\n\n/**\n * Helper function to get the left pinned position of a given header\n * @internal\n */\nexport function header_getLeftPinnedPosition<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(header: Header<TFeatures, TData, TValue>): number | undefined | false {\n  // if this is a group header, determine its left position based on its leftmost subHeader\n  if (isGroupColumnDef(header.column.columnDef)) {\n    const firstChild = header.subHeaders.at(0);\n    if (firstChild) {\n      return column_getLeftPinnedPosition(firstChild.column);\n    }\n    return false;\n  }\n  return column_getLeftPinnedPosition(header.column);\n}\n\n/**\n * Helper function to get the right pinned position of a given header\n * @internal\n */\nexport function header_getRightPinnedPosition<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(header: Header<TFeatures, TData, TValue>): number | undefined | false {\n  // if this is a group header, determine its left position based on its rightmost subHeader\n  if (isGroupColumnDef(header.column.columnDef)) {\n    const lastChild = header.subHeaders.at(-1);\n    if (lastChild) {\n      return column_getRightPinnedPosition(lastChild.column);\n    }\n    return false;\n  }\n  return column_getRightPinnedPosition(header.column);\n}\n\n/**\n * Helper function to determine if a header is the last visible left pinned header.\n * @internal\n */\nexport function header_getIsLastVisibleLeftPinnedHeader<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(header: Header<TFeatures, TData, TValue>): boolean {\n  if (isGroupColumnDef(header.column.columnDef)) {\n    const lastChild = header.subHeaders.at(-1);\n    if (lastChild) {\n      return column_getIsLastVisibleLeftPinnedColumn(lastChild.column);\n    }\n    return false;\n  }\n  return column_getIsLastVisibleLeftPinnedColumn(header.column);\n}\n\n/**\n * Helper function to determine if a header is the first visible unpinned header.\n * @internal\n */\nexport function header_getIsFirstVisibleUnpinnedHeader<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(header: Header<TFeatures, TData, TValue>): boolean {\n  if (isGroupColumnDef(header.column.columnDef)) {\n    const firstChild = header.subHeaders.at(0);\n    if (firstChild) {\n      return column_getIsFirstVisibleUnpinnedColumn(firstChild.column);\n    }\n    return false;\n  }\n  return column_getIsFirstVisibleUnpinnedColumn(header.column);\n}\n\n/**\n * Helper function to determine if a header is the last visible unpinned header.\n * @internal\n */\nexport function header_getIsLastVisibleUnpinnedHeader<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(header: Header<TFeatures, TData, TValue>): boolean {\n  if (isGroupColumnDef(header.column.columnDef)) {\n    const lastChild = header.subHeaders.at(-1);\n    if (lastChild) {\n      return column_getIsLastVisibleUnpinnedColumn(lastChild.column);\n    }\n    return false;\n  }\n  return column_getIsLastVisibleUnpinnedColumn(header.column);\n}\n\n/**\n * Helper function to determine if a header is the first visible right pinned header.\n * @internal\n */\nexport function header_getIsFirstVisibleRightPinnedHeader<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(header: Header<TFeatures, TData, TValue>): boolean {\n  if (isGroupColumnDef(header.column.columnDef)) {\n    const firstChild = header.subHeaders.at(0);\n    if (firstChild) {\n      return column_getIsFirstVisibleRightPinnedColumn(firstChild.column);\n    }\n\n    return false;\n  }\n  return column_getIsFirstVisibleRightPinnedColumn(header.column);\n}\n\nexport function header_pin<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(header: Header<TFeatures, TData, TValue>, position: ColumnPinningPosition) {\n  const { column, subHeaders: visibleSubHeaders } = header;\n  const idsToPin: string[] = isGroupColumnDef(column.columnDef)\n    ? visibleSubHeaders.map((subHeader) => subHeader.column.id)\n    : [column.id];\n\n  // Safe cast here because the TFeature generic gets lost in the union to intersection,\n  // but we know that if column pinning is enabled, the state will have the correct type.\n  const columnPinningState = (\n    header.table as unknown as Table_Internal<TableFeatures>\n  ).atoms.columnPinning.get();\n  const pinningState = pinColumns(idsToPin, columnPinningState, position);\n\n  table_setColumnPinning<TFeatures, TData>(header.column.table, pinningState);\n}\n\nexport function column_getLeftPinnedPosition<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n  isResizingColumn?: boolean,\n) {\n  // prevent recalculation while resizing column to avoid jumpy behavior\n  if (isResizingColumn) {\n    column._cachedLeftPinnedPosition ??= computeLeftPinnedPosition(\n      column.id,\n      column.table,\n    );\n\n    return column._cachedLeftPinnedPosition;\n  }\n\n  column._cachedLeftPinnedPosition = undefined;\n  return computeLeftPinnedPosition(column.id, column.table);\n}\n\nexport function column_getRightPinnedPosition<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n  isResizingColumn?: boolean,\n) {\n  // prevent recalculation while resizing column to avoid jumpy behavior\n  if (isResizingColumn) {\n    column._cachedRightPinnedPosition ??= computeRightPinnedPosition(\n      column.id,\n      column.table,\n    );\n    return column._cachedRightPinnedPosition;\n  }\n  column._cachedRightPinnedPosition = undefined;\n  return computeRightPinnedPosition(column.id, column.table);\n}\n\nexport function column_getIsLastVisibleLeftPinnedColumn<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  // return true if the current column or one of its child columns is the last visible left pinned column\n  const lastLeftVisibleLeafColumnId = column.table\n    .getLeftVisibleLeafColumns()\n    .at(-1)?.id;\n\n  return (\n    column.id === lastLeftVisibleLeafColumnId ||\n    column.columns.some(\n      (childColumn) => childColumn.id === lastLeftVisibleLeafColumnId,\n    )\n  );\n}\n\n/**\n * Helper function that returns true if the current column or one of its child columns is the first visible unpinned column.\n * @internal\n */\nexport function column_getIsFirstVisibleUnpinnedColumn<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  // return true if the current column or one of its child columns is the first visible, unpinned column\n  const firstCenterVisibleLeafColumnId = column.table\n    .getCenterVisibleLeafColumns()\n    .at(0)?.id;\n\n  return (\n    column.id === firstCenterVisibleLeafColumnId ||\n    column.columns.some(\n      (childColumn) => childColumn.id === firstCenterVisibleLeafColumnId,\n    )\n  );\n}\n\nexport function column_getIsLastVisibleUnpinnedColumn<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  // return true if the current column or one of its child columns is the last visible unpinned column\n  const lastCenterVisibleLeafColumnId = column.table\n    .getCenterVisibleLeafColumns()\n    .at(-1)?.id;\n\n  return (\n    column.id === lastCenterVisibleLeafColumnId ||\n    column.columns.some(\n      (childColumn) => childColumn.id === lastCenterVisibleLeafColumnId,\n    )\n  );\n}\n\nexport function column_getIsFirstVisibleRightPinnedColumn<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  // return true if the current column or one of its child columns is the first visible right pinned column\n  const firstRightVisibleLeafColumnId = column.table\n    .getRightVisibleLeafColumns()\n    .at(0)?.id;\n\n  return (\n    column.id === firstRightVisibleLeafColumnId ||\n    column.columns.some(\n      (childColumn) => childColumn.id === firstRightVisibleLeafColumnId,\n    )\n  );\n}\n\n/**\n * Constructs the column pinning feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructColumnPinningFeature<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(): TableFeature<ColumnPinningFeatureConstructors<TFeatures, TData>> {\n  return {\n    assignColumnPrototype: (prototype, table) => {\n      assignPrototypeAPIs('columnPinningFeature', prototype, table, {\n        column_getLeftPinnedPosition: {\n          fn: (column, isResizingColumn) =>\n            column_getLeftPinnedPosition(column, isResizingColumn),\n          memoDeps: () => [\n            table.atoms.columnResizing?.get()?.isResizingColumn,\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnPinning\n              ?.get()\n              ?.left?.map((id) => `${id}:${table.getMeasuredColumnWidth(id)}`)\n              .join(),\n            table.options.columns,\n          ],\n        },\n        column_getRightPinnedPosition: {\n          fn: (column) => column_getRightPinnedPosition(column),\n          memoDeps: () => [\n            table.atoms.columnResizing?.get()?.isResizingColumn,\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnPinning\n              ?.get()\n              ?.right?.map((id) => `${id}:${table.getMeasuredColumnWidth(id)}`)\n              .join(),\n            table.optionsStore.state.columns,\n          ],\n        },\n        column_getIsLastVisibleLeftPinnedColumn: {\n          fn: (column) => column_getIsLastVisibleLeftPinnedColumn(column),\n          memoDeps: () => [\n            table.atoms.columnPinning?.get()?.left,\n            table.atoms.columnVisibility?.get(),\n            table.optionsStore.state.columns,\n          ],\n        },\n        column_getIsFirstVisibleUnpinnedColumn: {\n          fn: (column) => column_getIsFirstVisibleUnpinnedColumn(column),\n          memoDeps: () => [\n            table.atoms.columnPinning?.get(),\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnOrder?.get(),\n            table.optionsStore.state.columns,\n          ],\n        },\n        column_getIsLastVisibleUnpinnedColumn: {\n          fn: (column) => column_getIsLastVisibleUnpinnedColumn(column),\n          memoDeps: () => [\n            table.atoms.columnPinning?.get(),\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnOrder?.get(),\n            table.optionsStore.state.columns,\n          ],\n        },\n        column_getIsFirstVisibleRightPinnedColumn: {\n          fn: (column) => column_getIsFirstVisibleRightPinnedColumn(column),\n          memoDeps: () => [\n            table.atoms.columnPinning?.get()?.right,\n            table.atoms.columnVisibility?.get(),\n            table.optionsStore.state.columns,\n          ],\n        },\n      });\n    },\n    assignHeaderPrototype: (prototype, table) => {\n      assignPrototypeAPIs('columnPinningFeature', prototype, table, {\n        header_getIsPinned: { fn: (header) => header_getIsPinned(header) },\n        header_getLeftPinnedPosition: {\n          fn: (header) => header_getLeftPinnedPosition(header),\n        },\n        header_getRightPinnedPosition: {\n          fn: (header) => header_getRightPinnedPosition(header),\n        },\n        header_getIsLastVisibleLeftPinnedHeader: {\n          fn: (header) => header_getIsLastVisibleLeftPinnedHeader(header),\n        },\n        header_getIsFirstVisibleUnpinnedHeader: {\n          fn: (header) => header_getIsFirstVisibleUnpinnedHeader(header),\n        },\n        header_getIsLastVisibleUnpinnedHeader: {\n          fn: (header) => header_getIsLastVisibleUnpinnedHeader(header),\n        },\n        header_getIsFirstVisibleRightPinnedHeader: {\n          fn: (header) => header_getIsFirstVisibleRightPinnedHeader(header),\n        },\n        header_pin: { fn: (header, position) => header_pin(header, position) },\n      });\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('columnPinningFeature', table, {\n        table_getOrderedHeaderGroups: {\n          fn: () => table_getOrderedHeaderGroups(table),\n          memoDeps: () => [\n            table.optionsStore.state.columns,\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnPinning?.get(),\n            table.atoms.columnOrder?.get(),\n          ],\n        },\n        // Redeclare these here to add the columnOrder state to the dependencies.\n        table_getVisibleLeafColumns: {\n          fn: () => table_getVisibleLeafColumns(table),\n          memoDeps: () => [\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnOrder?.get(),\n            table.optionsStore.state.columns,\n          ],\n        },\n        // Redeclare these here to add the columnOrder state to the dependencies.\n        table_getLeftLeafColumns: {\n          fn: () => table_getLeftLeafColumns(table),\n          memoDeps: () => [\n            table.options.columns,\n            table.atoms.columnPinning?.get(),\n            table.atoms.columnOrder?.get(),\n          ],\n        },\n        // Redeclare these here to add the columnOrder state to the dependencies.\n        table_getRightLeafColumns: {\n          fn: () => table_getRightLeafColumns(table),\n          memoDeps: () => [\n            table.options.columns,\n            table.atoms.columnPinning?.get(),\n            table.atoms.columnOrder?.get(),\n          ],\n        },\n        // Redeclare these here to add the columnOrder state to the dependencies.\n        table_getCenterLeafColumns: {\n          fn: () => table_getCenterLeafColumns(table),\n          memoDeps: () => [\n            table.options.columns,\n            table.atoms.columnPinning?.get(),\n            table.atoms.columnOrder?.get(),\n          ],\n        },\n        // Redeclare these here to add the columnOrder state to the dependencies.\n        table_getLeftVisibleLeafColumns: {\n          fn: () => table_getLeftVisibleLeafColumns(table),\n          memoDeps: () => [\n            table.options.columns,\n            table.atoms.columnPinning?.get(),\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnOrder?.get(),\n          ],\n        },\n        // Redeclare these here to add the columnOrder state to the dependencies.\n        table_getCenterVisibleLeafColumns: {\n          fn: () => table_getCenterVisibleLeafColumns(table),\n          memoDeps: () => [\n            table.options.columns,\n            table.atoms.columnPinning?.get(),\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnOrder?.get(),\n          ],\n        },\n        // Redeclare these here to add the columnOrder state to the dependencies.\n        table_getRightVisibleLeafColumns: {\n          fn: () => table_getRightVisibleLeafColumns(table),\n          memoDeps: () => [\n            table.options.columns,\n            table.atoms.columnPinning?.get(),\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnOrder?.get(),\n          ],\n        },\n      });\n    },\n  };\n}\n\n/**\n * Additional feature implementation for column pinning.\n * @internal\n */\nexport const DataTableColumnPinningFeature = constructColumnPinningFeature();\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnPinning/column-pinning-styles.js

@@ -0,0 +1,16 @@
+import Borders from "@dynatrace/strato-design-tokens/borders";
+import Colors from "@dynatrace/strato-design-tokens/colors";
+const pinnedColumnDividerBase = {
+  content: '""',
+  display: "block",
+  position: "absolute",
+  width: Borders.Width.Default,
+  top: 0,
+  bottom: 0,
+  backgroundColor: Colors.Border.Neutral.Default,
+  maxWidth: "100%"
+};
+export {
+  pinnedColumnDividerBase
+};
+//# sourceMappingURL=column-pinning-styles.js.map

package/esm/tables/DataTable/features/ColumnPinning/column-pinning-styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/tables/DataTable/features/ColumnPinning/column-pinning-styles.ts"],
+  "sourcesContent": ["import Borders from '@dynatrace/strato-design-tokens/borders';\nimport Colors from '@dynatrace/strato-design-tokens/colors';\n\n/**\n * Base style for the full-height vertical divider on pinned column edges.\n * Left pinned columns add `right: 0`; right pinned columns add `left: 0`.\n */\nexport const pinnedColumnDividerBase = {\n  content: '\"\"',\n  display: 'block',\n  position: 'absolute',\n  width: Borders.Width.Default,\n  top: 0,\n  bottom: 0,\n  backgroundColor: Colors.Border.Neutral.Default,\n  maxWidth: '100%',\n} as const;\n"],
+  "mappings": "AAAA,OAAO,aAAa;AACpB,OAAO,YAAY;AAMZ,MAAM,0BAA0B;AAAA,EACrC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO,QAAQ,MAAM;AAAA,EACrB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,iBAAiB,OAAO,OAAO,QAAQ;AAAA,EACvC,UAAU;AACZ;",
+  "names": []
+}

package/esm/tables/DataTable/features/ColumnPinning/column-pinning-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnPinning/column-pinning-utils.ts"],
-  "sourcesContent": ["import {\n  ColumnPinningPosition,\n  ColumnPinningState,\n} from '@tanstack/react-table';\nimport { defaultRangeExtractor, type Range } from '@tanstack/react-virtual';\n\n/**\n * Adapts the visible range indexes to include pinned columns.\n *\n * This function is passed to the `rangeExtractor` of TanStack Virtualization.\n * It modifies the visible range indexes to ensure that pinned columns are preserved\n * within the range of visible columns.\n *\n * @param range - the array of indexes representing the initial visible range.\n * @param pinnedLeftIndexes - the list of indexes pinned to the left.\n * @param pinnedRightIndexes - the list of indexes pinned to the right.\n * @returns An array of indexes with pinned columns included in the visible range.\n */\nexport function addPinnedColumnsToVisibleRange(\n  range: Range,\n  pinnedLeftIndexes: number[],\n  pinnedRightIndexes: number[],\n): number[] {\n  const defaultRange = defaultRangeExtractor(range);\n\n  if (pinnedLeftIndexes.length === 0 && pinnedRightIndexes.length === 0) {\n    return defaultRange;\n  }\n\n  return [\n    ...new Set([...pinnedLeftIndexes, ...defaultRange, ...pinnedRightIndexes]),\n  ];\n}\n\n/**\n * @param idsToPin - the leaf columns to pin.\n * @param oldState - the previous column pinning state.\n * @param position - the position to pin the columns to.\n * @returns a new column pinning state with the given columns left/right pinned or unpinned.\n */\nexport function pinColumns(\n  idsToPin: string[],\n  oldState: ColumnPinningState,\n  position: ColumnPinningPosition,\n): ColumnPinningState {\n  const { left: prevLeft = [], right: prevRight = [] } = oldState;\n\n  const left =\n    position === 'left'\n      ? // add column(s) to left pinned\n        [...prevLeft, ...idsToPin]\n      : // remove column(s) from left pinned\n        prevLeft.filter((colId) => !idsToPin.includes(colId));\n\n  const right =\n    position === 'right'\n      ? // add column(s) to right pinned\n        [...idsToPin, ...prevRight]\n      : // remove column(s) from right pinned\n        prevRight.filter((colId) => !idsToPin.includes(colId));\n  return { left, right };\n}\n\n/**\n * Determines whether a given column is pinned based on the given pinning state.\n *\n * @param columnId - The ID of the column to check.\n * @param columnsPinned - A pinning state object that is used to determine the column's pinning state.\n * @returns `true` if the column is pinned (either to the left or right) in the provided state.\n *\n */\nexport function getIsColumnPinned(\n  columnId: string,\n  columnsPinned: ColumnPinningState,\n): boolean {\n  return (\n    (columnsPinned.left?.includes(columnId) ||\n      columnsPinned.right?.includes(columnId)) ??\n    false\n  );\n}\n"],
+  "sourcesContent": ["import type {\n  ColumnPinningPosition,\n  ColumnPinningState,\n} from '@tanstack/react-table';\nimport { defaultRangeExtractor, type Range } from '@tanstack/react-virtual';\n\n/**\n * Adapts the visible range indexes to include pinned columns.\n *\n * This function is passed to the `rangeExtractor` of TanStack Virtualization.\n * It modifies the visible range indexes to ensure that pinned columns are preserved\n * within the range of visible columns.\n *\n * @param range - the array of indexes representing the initial visible range.\n * @param pinnedLeftIndexes - the list of indexes pinned to the left.\n * @param pinnedRightIndexes - the list of indexes pinned to the right.\n * @returns An array of indexes with pinned columns included in the visible range.\n */\nexport function addPinnedColumnsToVisibleRange(\n  range: Range,\n  pinnedLeftIndexes: number[],\n  pinnedRightIndexes: number[],\n): number[] {\n  const defaultRange = defaultRangeExtractor(range);\n\n  if (pinnedLeftIndexes.length === 0 && pinnedRightIndexes.length === 0) {\n    return defaultRange;\n  }\n\n  return [\n    ...new Set([...pinnedLeftIndexes, ...defaultRange, ...pinnedRightIndexes]),\n  ];\n}\n\n/**\n * @param idsToPin - the leaf columns to pin.\n * @param oldState - the previous column pinning state.\n * @param position - the position to pin the columns to.\n * @returns a new column pinning state with the given columns left/right pinned or unpinned.\n */\nexport function pinColumns(\n  idsToPin: string[],\n  oldState: ColumnPinningState,\n  position: ColumnPinningPosition,\n): ColumnPinningState {\n  const { left: prevLeft = [], right: prevRight = [] } = oldState;\n\n  const left =\n    position === 'left'\n      ? // add column(s) to left pinned\n        [...prevLeft, ...idsToPin]\n      : // remove column(s) from left pinned\n        prevLeft.filter((colId) => !idsToPin.includes(colId));\n\n  const right =\n    position === 'right'\n      ? // add column(s) to right pinned\n        [...idsToPin, ...prevRight]\n      : // remove column(s) from right pinned\n        prevRight.filter((colId) => !idsToPin.includes(colId));\n  return { left, right };\n}\n\n/**\n * Determines whether a given column is pinned based on the given pinning state.\n *\n * @param columnId - The ID of the column to check.\n * @param columnsPinned - A pinning state object that is used to determine the column's pinning state.\n * @returns `true` if the column is pinned (either to the left or right) in the provided state.\n *\n */\nexport function getIsColumnPinned(\n  columnId: string,\n  columnsPinned: ColumnPinningState,\n): boolean {\n  return (\n    (columnsPinned.left?.includes(columnId) ||\n      columnsPinned.right?.includes(columnId)) ??\n    false\n  );\n}\n"],
   "mappings": "AAIA,SAAS,6BAAyC;AAc3C,SAAS,+BACd,OACA,mBACA,oBACU;AACV,QAAM,eAAe,sBAAsB,KAAK;AAEhD,MAAI,kBAAkB,WAAW,KAAK,mBAAmB,WAAW,GAAG;AACrE,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,GAAG,oBAAI,IAAI,CAAC,GAAG,mBAAmB,GAAG,cAAc,GAAG,kBAAkB,CAAC;AAAA,EAC3E;AACF;AAQO,SAAS,WACd,UACA,UACA,UACoB;AACpB,QAAM,EAAE,MAAM,WAAW,CAAC,GAAG,OAAO,YAAY,CAAC,EAAE,IAAI;AAEvD,QAAM,OACJ,aAAa;AAAA;AAAA,IAET,CAAC,GAAG,UAAU,GAAG,QAAQ;AAAA;AAAA;AAAA,IAEzB,SAAS,OAAO,CAAC,UAAU,CAAC,SAAS,SAAS,KAAK,CAAC;AAAA;AAE1D,QAAM,QACJ,aAAa;AAAA;AAAA,IAET,CAAC,GAAG,UAAU,GAAG,SAAS;AAAA;AAAA;AAAA,IAE1B,UAAU,OAAO,CAAC,UAAU,CAAC,SAAS,SAAS,KAAK,CAAC;AAAA;AAC3D,SAAO,EAAE,MAAM,MAAM;AACvB;AAUO,SAAS,kBACd,UACA,eACS;AACT,UACG,cAAc,MAAM,SAAS,QAAQ,KACpC,cAAc,OAAO,SAAS,QAAQ,MACxC;AAEJ;",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnPinning/useColumnPinning.js

@@ -0,0 +1,138 @@
+import {
+  functionalUpdate
+} from "@tanstack/react-table";
+import { isEqual } from "lodash-es";
+import { useCallback, useMemo, useRef } from "react";
+import { useControllableState } from "../../../../core/hooks/useControllableState.js";
+import {
+  DATA_TABLE_BUILT_IN_COLUMN_IDS,
+  DATA_TABLE_ROW_ACTIONS_COLUMN_ID,
+  DATA_TABLE_ROW_DETAILS_COLUMN_ID,
+  DATA_TABLE_ROW_DRAG_COLUMN_ID,
+  DATA_TABLE_ROW_SELECTION_COLUMN_ID
+} from "../../constants.js";
+function isCustomColumn(columnId) {
+  return !DATA_TABLE_BUILT_IN_COLUMN_IDS.has(columnId);
+}
+function removeBuiltinColumns(pinnedColumns) {
+  return pinnedColumns?.filter(isCustomColumn) ?? [];
+}
+function addBuiltinColumns(pinnedColumns, options) {
+  if (!pinnedColumns) {
+    return {
+      left: [],
+      right: []
+    };
+  }
+  const leftPinnedColumns = removeBuiltinColumns(pinnedColumns.left);
+  const rightPinnedColumns = removeBuiltinColumns(pinnedColumns.right);
+  if (options.enableRowDetails) {
+    leftPinnedColumns.unshift(DATA_TABLE_ROW_DETAILS_COLUMN_ID);
+  }
+  if (options.enableRowSelection) {
+    leftPinnedColumns.unshift(DATA_TABLE_ROW_SELECTION_COLUMN_ID);
+  }
+  if (options.enableRowOrderDragAndDrop) {
+    leftPinnedColumns.unshift(DATA_TABLE_ROW_DRAG_COLUMN_ID);
+  }
+  if (options.enableRowActions) {
+    rightPinnedColumns.push(DATA_TABLE_ROW_ACTIONS_COLUMN_ID);
+  }
+  return {
+    left: leftPinnedColumns,
+    right: rightPinnedColumns
+  };
+}
+function useColumnPinning(props, options) {
+  options.enableColumnPinning = props.columnPinning === true;
+  const {
+    enableColumnPinning,
+    enableRowDetails,
+    enableRowSelection,
+    enableRowOrderDragAndDrop,
+    enableRowActions
+  } = options;
+  const defaultPinnedColumns = useMemo(() => {
+    const userDefinedPinnedColumns = enableColumnPinning && props.defaultPinnedColumns ? props.defaultPinnedColumns : { left: [], right: [] };
+    return addBuiltinColumns(userDefinedPinnedColumns, {
+      enableRowDetails: !!enableRowDetails,
+      enableRowSelection: !!enableRowSelection,
+      enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,
+      enableRowActions: !!enableRowActions
+    });
+  }, [
+    enableColumnPinning,
+    enableRowActions,
+    enableRowDetails,
+    enableRowOrderDragAndDrop,
+    enableRowSelection,
+    props.defaultPinnedColumns
+  ]);
+  const pinnedColumns = useMemo(
+    () => enableColumnPinning && props.pinnedColumns ? addBuiltinColumns(props.pinnedColumns, {
+      enableRowDetails: !!enableRowDetails,
+      enableRowSelection: !!enableRowSelection,
+      enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,
+      enableRowActions: !!enableRowActions
+    }) : void 0,
+    [
+      enableColumnPinning,
+      enableRowActions,
+      enableRowDetails,
+      enableRowOrderDragAndDrop,
+      enableRowSelection,
+      props.pinnedColumns
+    ]
+  );
+  const [columnPinning, setColumnPinning] = useControllableState({
+    value: pinnedColumns,
+    defaultValue: defaultPinnedColumns
+  });
+  options.state = {
+    ...options.state,
+    columnPinning: enableColumnPinning ? columnPinning : defaultPinnedColumns
+    // just built-in columns
+  };
+  options.onColumnPinningChange = useCallback(
+    (updater) => {
+      const nextState = functionalUpdate(updater, columnPinning);
+      if (isEqual(nextState, columnPinning)) {
+        return;
+      }
+      setColumnPinning(
+        addBuiltinColumns(nextState, {
+          enableRowDetails: !!enableRowDetails,
+          enableRowSelection: !!enableRowSelection,
+          enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,
+          enableRowActions: !!enableRowActions
+        })
+      );
+      props.onPinnedColumnsChange?.({
+        left: removeBuiltinColumns(nextState.left),
+        right: removeBuiltinColumns(nextState.right)
+      });
+    },
+    [
+      columnPinning,
+      enableRowActions,
+      enableRowDetails,
+      enableRowOrderDragAndDrop,
+      enableRowSelection,
+      props,
+      setColumnPinning
+    ]
+  );
+  const originalColumnPinningRef = useRef();
+  if (!originalColumnPinningRef.current) {
+    const originalPinned = pinnedColumns || defaultPinnedColumns || [];
+    originalColumnPinningRef.current = {
+      left: originalPinned.left,
+      right: originalPinned.right
+    };
+  }
+  options.originalColumnPinning = originalColumnPinningRef.current;
+}
+export {
+  useColumnPinning
+};
+//# sourceMappingURL=useColumnPinning.js.map

package/esm/tables/DataTable/features/ColumnPinning/useColumnPinning.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/tables/DataTable/features/ColumnPinning/useColumnPinning.ts"],
+  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\n\nimport {\n  ColumnPinningState,\n  functionalUpdate,\n  type RowData,\n  type TableOptions,\n  type Updater,\n} from '@tanstack/react-table';\nimport { isEqual } from 'lodash-es';\nimport { useCallback, useMemo, useRef } from 'react';\n\nimport type {\n  DataTableColumnPinningProps,\n  DataTablePinnedColumnState,\n} from './column-pinning-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport {\n  DATA_TABLE_BUILT_IN_COLUMN_IDS,\n  DATA_TABLE_ROW_ACTIONS_COLUMN_ID,\n  DATA_TABLE_ROW_DETAILS_COLUMN_ID,\n  DATA_TABLE_ROW_DRAG_COLUMN_ID,\n  DATA_TABLE_ROW_SELECTION_COLUMN_ID,\n} from '../../constants.js';\nimport { DataTableColumnOrderProps } from '../ColumnOrder/column-order-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * @returns true, if the given column is not a built-in column, false otherwise.\n */\nfunction isCustomColumn(columnId: string): boolean {\n  return !DATA_TABLE_BUILT_IN_COLUMN_IDS.has(columnId);\n}\n\nfunction removeBuiltinColumns(pinnedColumns: string[] | undefined): string[] {\n  return pinnedColumns?.filter(isCustomColumn) ?? [];\n}\n\nfunction addBuiltinColumns(\n  pinnedColumns: DataTablePinnedColumnState | undefined,\n  options: {\n    enableRowDetails: boolean;\n    enableRowSelection: boolean;\n    enableRowOrderDragAndDrop: boolean;\n    enableRowActions: boolean;\n  },\n): ColumnPinningState {\n  if (!pinnedColumns) {\n    return {\n      left: [],\n      right: [],\n    };\n  }\n\n  // remove any built-in columns first\n  const leftPinnedColumns = removeBuiltinColumns(pinnedColumns.left);\n  const rightPinnedColumns = removeBuiltinColumns(pinnedColumns.right);\n\n  // add built-in columns based on enabled features, in correct pinning order\n  if (options.enableRowDetails) {\n    leftPinnedColumns.unshift(DATA_TABLE_ROW_DETAILS_COLUMN_ID);\n  }\n  if (options.enableRowSelection) {\n    leftPinnedColumns.unshift(DATA_TABLE_ROW_SELECTION_COLUMN_ID);\n  }\n  if (options.enableRowOrderDragAndDrop) {\n    leftPinnedColumns.unshift(DATA_TABLE_ROW_DRAG_COLUMN_ID);\n  }\n  if (options.enableRowActions) {\n    rightPinnedColumns.push(DATA_TABLE_ROW_ACTIONS_COLUMN_ID);\n  }\n\n  return {\n    left: leftPinnedColumns,\n    right: rightPinnedColumns,\n  };\n}\n\n/**\n * Configuration hook for the DataTable column pinning feature.\n * @internal\n */\nexport function useColumnPinning<TData extends RowData>(\n  props: DataTableColumnPinningProps & DataTableColumnOrderProps,\n  options: TableOptions<TDataTableFeatures, TData>,\n): void {\n  options.enableColumnPinning = props.columnPinning === true;\n\n  const {\n    enableColumnPinning,\n    enableRowDetails,\n    enableRowSelection,\n    enableRowOrderDragAndDrop,\n    enableRowActions,\n  } = options;\n\n  // uncontrolled\n  const defaultPinnedColumns = useMemo(() => {\n    // columns pinned via props in addition to built-in columns\n    const userDefinedPinnedColumns =\n      enableColumnPinning && props.defaultPinnedColumns\n        ? props.defaultPinnedColumns\n        : { left: [], right: [] };\n    return addBuiltinColumns(userDefinedPinnedColumns, {\n      enableRowDetails: !!enableRowDetails,\n      enableRowSelection: !!enableRowSelection,\n      enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,\n      enableRowActions: !!enableRowActions,\n    });\n  }, [\n    enableColumnPinning,\n    enableRowActions,\n    enableRowDetails,\n    enableRowOrderDragAndDrop,\n    enableRowSelection,\n    props.defaultPinnedColumns,\n  ]);\n\n  // controlled\n  const pinnedColumns = useMemo(\n    (): ColumnPinningState | undefined =>\n      enableColumnPinning && props.pinnedColumns\n        ? addBuiltinColumns(props.pinnedColumns, {\n            enableRowDetails: !!enableRowDetails,\n            enableRowSelection: !!enableRowSelection,\n            enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,\n            enableRowActions: !!enableRowActions,\n          })\n        : undefined,\n    [\n      enableColumnPinning,\n      enableRowActions,\n      enableRowDetails,\n      enableRowOrderDragAndDrop,\n      enableRowSelection,\n      props.pinnedColumns,\n    ],\n  );\n\n  const [columnPinning, setColumnPinning] =\n    useControllableState<ColumnPinningState>({\n      value: pinnedColumns,\n      defaultValue: defaultPinnedColumns,\n    });\n\n  options.state = {\n    ...options.state,\n    columnPinning: enableColumnPinning ? columnPinning : defaultPinnedColumns, // just built-in columns\n  };\n\n  options.onColumnPinningChange = useCallback(\n    (updater: Updater<ColumnPinningState>) => {\n      const nextState = functionalUpdate(updater, columnPinning);\n      if (isEqual(nextState, columnPinning)) {\n        // nothing to update\n        return;\n      }\n\n      // user does not have to provide IDs of built-in columns (which are always pinned)\n      setColumnPinning(\n        addBuiltinColumns(nextState, {\n          enableRowDetails: !!enableRowDetails,\n          enableRowSelection: !!enableRowSelection,\n          enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,\n          enableRowActions: !!enableRowActions,\n        }),\n      );\n      // do not emit IDs of built-in columns (which are always pinned)\n      props.onPinnedColumnsChange?.({\n        left: removeBuiltinColumns(nextState.left),\n        right: removeBuiltinColumns(nextState.right),\n      });\n    },\n    [\n      columnPinning,\n      enableRowActions,\n      enableRowDetails,\n      enableRowOrderDragAndDrop,\n      enableRowSelection,\n      props,\n      setColumnPinning,\n    ],\n  );\n\n  const originalColumnPinningRef = useRef<DataTablePinnedColumnState>();\n\n  if (!originalColumnPinningRef.current) {\n    const originalPinned = pinnedColumns || defaultPinnedColumns || [];\n    originalColumnPinningRef.current = {\n      left: originalPinned.left,\n      right: originalPinned.right,\n    };\n  }\n\n  options.originalColumnPinning = originalColumnPinningRef.current;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/tables/DataTable/features/ColumnSizing/ColumnSizing.css

@@ -1,9 +1,9 @@
-._17437gx0-3-6-0 {
+._17437gx0-3-7-1 {
   cursor: col-resize;
 }
-._17437gx0-3-6-0 > * {
+._17437gx0-3-7-1 > * {
   pointer-events: none;
 }
-._17437gx0-3-6-0 ._14sp6az0-3-6-0 * {
-  pointer-events: none !important;
+._17437gx0-3-7-1 ._14sp6az0-3-7-1 * {
+  pointer-events: none;
 }