@dynatrace/strato-components 3.12.2 → 3.13.0

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

@@ -8,30 +8,40 @@ function addPinnedColumnsToVisibleRange(range, pinnedLeftIndexes, pinnedRightInd
     .../* @__PURE__ */ new Set([...pinnedLeftIndexes, ...defaultRange, ...pinnedRightIndexes])
   ];
 }
+function toPhysicalPinnedPosition(position) {
+  if (position === "start") {
+    return "left";
+  }
+  if (position === "end") {
+    return "right";
+  }
+  return false;
+}
 function pinColumns(idsToPin, oldState, position) {
-  const { left: prevLeft = [], right: prevRight = [] } = oldState;
-  const left = position === "left" ? (
-    // add column(s) to left pinned
-    [...prevLeft, ...idsToPin]
+  const { start: prevStart = [], end: prevEnd = [] } = oldState;
+  const start = position === "start" ? (
+    // add column(s) to start pinned
+    [...prevStart, ...idsToPin]
   ) : (
-    // remove column(s) from left pinned
-    prevLeft.filter((colId) => !idsToPin.includes(colId))
+    // remove column(s) from start pinned
+    prevStart.filter((colId) => !idsToPin.includes(colId))
   );
-  const right = position === "right" ? (
-    // add column(s) to right pinned
-    [...idsToPin, ...prevRight]
+  const end = position === "end" ? (
+    // add column(s) to end pinned
+    [...idsToPin, ...prevEnd]
   ) : (
-    // remove column(s) from right pinned
-    prevRight.filter((colId) => !idsToPin.includes(colId))
+    // remove column(s) from end pinned
+    prevEnd.filter((colId) => !idsToPin.includes(colId))
   );
-  return { left, right };
+  return { start, end };
 }
 function getIsColumnPinned(columnId, columnsPinned) {
-  return (columnsPinned.left?.includes(columnId) || columnsPinned.right?.includes(columnId)) ?? false;
+  return (columnsPinned.start?.includes(columnId) || columnsPinned.end?.includes(columnId)) ?? false;
 }
 export {
   addPinnedColumnsToVisibleRange,
   getIsColumnPinned,
-  pinColumns
+  pinColumns,
+  toPhysicalPinnedPosition
 };
 //# sourceMappingURL=column-pinning-utils.js.map

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 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;",
+  "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 * Maps a logical pinning position to the physical side it renders on.\n *\n * TanStack table uses logical `start`/`end` terminology, but since the DataTable is\n * only ever LTR, we use `data-pinned-position` to describe a physical screen edge.\n *\n * @param position - the logical pinning position.\n * @returns `left` or `right` respectively, or `undefined` when the column is not pinned.\n */\nexport function toPhysicalPinnedPosition(\n  position: ColumnPinningPosition,\n): 'left' | 'right' | false {\n  if (position === 'start') {\n    return 'left';\n  }\n  if (position === 'end') {\n    return 'right';\n  }\n  return false;\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 start/end pinned or unpinned.\n */\nexport function pinColumns(\n  idsToPin: string[],\n  oldState: ColumnPinningState,\n  position: ColumnPinningPosition,\n): ColumnPinningState {\n  const { start: prevStart = [], end: prevEnd = [] } = oldState;\n\n  const start =\n    position === 'start'\n      ? // add column(s) to start pinned\n        [...prevStart, ...idsToPin]\n      : // remove column(s) from start pinned\n        prevStart.filter((colId) => !idsToPin.includes(colId));\n\n  const end =\n    position === 'end'\n      ? // add column(s) to end pinned\n        [...idsToPin, ...prevEnd]\n      : // remove column(s) from end pinned\n        prevEnd.filter((colId) => !idsToPin.includes(colId));\n  return { start, end };\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 start or end) in the provided state.\n *\n */\nexport function getIsColumnPinned(\n  columnId: string,\n  columnsPinned: ColumnPinningState,\n): boolean {\n  return (\n    (columnsPinned.start?.includes(columnId) ||\n      columnsPinned.end?.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;AAWO,SAAS,yBACd,UAC0B;AAC1B,MAAI,aAAa,SAAS;AACxB,WAAO;AAAA,EACT;AACA,MAAI,aAAa,OAAO;AACtB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAQO,SAAS,WACd,UACA,UACA,UACoB;AACpB,QAAM,EAAE,OAAO,YAAY,CAAC,GAAG,KAAK,UAAU,CAAC,EAAE,IAAI;AAErD,QAAM,QACJ,aAAa;AAAA;AAAA,IAET,CAAC,GAAG,WAAW,GAAG,QAAQ;AAAA;AAAA;AAAA,IAE1B,UAAU,OAAO,CAAC,UAAU,CAAC,SAAS,SAAS,KAAK,CAAC;AAAA;AAE3D,QAAM,MACJ,aAAa;AAAA;AAAA,IAET,CAAC,GAAG,UAAU,GAAG,OAAO;AAAA;AAAA;AAAA,IAExB,QAAQ,OAAO,CAAC,UAAU,CAAC,SAAS,SAAS,KAAK,CAAC;AAAA;AACzD,SAAO,EAAE,OAAO,IAAI;AACtB;AAUO,SAAS,kBACd,UACA,eACS;AACT,UACG,cAAc,OAAO,SAAS,QAAQ,KACrC,cAAc,KAAK,SAAS,QAAQ,MACtC;AAEJ;",
   "names": []
 }

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

@@ -20,27 +20,33 @@ function removeBuiltinColumns(pinnedColumns) {
 function addBuiltinColumns(pinnedColumns, options) {
   if (!pinnedColumns) {
     return {
-      left: [],
-      right: []
+      start: [],
+      end: []
     };
   }
-  const leftPinnedColumns = removeBuiltinColumns(pinnedColumns.left);
-  const rightPinnedColumns = removeBuiltinColumns(pinnedColumns.right);
+  const startPinnedColumns = removeBuiltinColumns(pinnedColumns.start);
+  const endPinnedColumns = removeBuiltinColumns(pinnedColumns.end);
   if (options.enableRowDetails) {
-    leftPinnedColumns.unshift(DATA_TABLE_ROW_DETAILS_COLUMN_ID);
+    startPinnedColumns.unshift(DATA_TABLE_ROW_DETAILS_COLUMN_ID);
   }
   if (options.enableRowSelection) {
-    leftPinnedColumns.unshift(DATA_TABLE_ROW_SELECTION_COLUMN_ID);
+    startPinnedColumns.unshift(DATA_TABLE_ROW_SELECTION_COLUMN_ID);
   }
   if (options.enableRowOrderDragAndDrop) {
-    leftPinnedColumns.unshift(DATA_TABLE_ROW_DRAG_COLUMN_ID);
+    startPinnedColumns.unshift(DATA_TABLE_ROW_DRAG_COLUMN_ID);
   }
   if (options.enableRowActions) {
-    rightPinnedColumns.push(DATA_TABLE_ROW_ACTIONS_COLUMN_ID);
+    endPinnedColumns.push(DATA_TABLE_ROW_ACTIONS_COLUMN_ID);
   }
   return {
-    left: leftPinnedColumns,
-    right: rightPinnedColumns
+    start: startPinnedColumns,
+    end: endPinnedColumns
+  };
+}
+function toColumnPinningState(pinnedColumns) {
+  return {
+    start: pinnedColumns.left ?? [],
+    end: pinnedColumns.right ?? []
   };
 }
 function useColumnPinning(props, options) {
@@ -53,7 +59,7 @@ function useColumnPinning(props, options) {
     enableRowActions
   } = options;
   const defaultPinnedColumns = useMemo(() => {
-    const userDefinedPinnedColumns = enableColumnPinning && props.defaultPinnedColumns ? props.defaultPinnedColumns : { left: [], right: [] };
+    const userDefinedPinnedColumns = enableColumnPinning && props.defaultPinnedColumns ? toColumnPinningState(props.defaultPinnedColumns) : { start: [], end: [] };
     return addBuiltinColumns(userDefinedPinnedColumns, {
       enableRowDetails: !!enableRowDetails,
       enableRowSelection: !!enableRowSelection,
@@ -69,7 +75,7 @@ function useColumnPinning(props, options) {
     props.defaultPinnedColumns
   ]);
   const pinnedColumns = useMemo(
-    () => enableColumnPinning && props.pinnedColumns ? addBuiltinColumns(props.pinnedColumns, {
+    () => enableColumnPinning && props.pinnedColumns ? addBuiltinColumns(toColumnPinningState(props.pinnedColumns), {
       enableRowDetails: !!enableRowDetails,
       enableRowSelection: !!enableRowSelection,
       enableRowOrderDragAndDrop: !!enableRowOrderDragAndDrop,
@@ -108,8 +114,8 @@ function useColumnPinning(props, options) {
         })
       );
       props.onPinnedColumnsChange?.({
-        left: removeBuiltinColumns(nextState.left),
-        right: removeBuiltinColumns(nextState.right)
+        left: removeBuiltinColumns(nextState.start),
+        right: removeBuiltinColumns(nextState.end)
       });
     },
     [
@@ -124,10 +130,10 @@ function useColumnPinning(props, options) {
   );
   const originalColumnPinningRef = useRef(void 0);
   if (!originalColumnPinningRef.current) {
-    const originalPinned = pinnedColumns || defaultPinnedColumns || [];
+    const originalPinned = pinnedColumns || defaultPinnedColumns;
     originalColumnPinningRef.current = {
-      left: originalPinned.left,
-      right: originalPinned.right
+      left: originalPinned.start,
+      right: originalPinned.end
     };
   }
   options.originalColumnPinning = originalColumnPinningRef.current;

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

@@ -1,7 +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 =\n    useRef<DataTablePinnedColumnState>(undefined);\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": ["/* eslint-disable react-hooks/immutability */\n\nimport {\n  ColumnPinningState,\n  functionalUpdate,\n  type RowData,\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 { DataTableOptions } from '../types/table.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: ColumnPinningState | undefined,\n  options: {\n    enableRowDetails: boolean;\n    enableRowSelection: boolean;\n    enableRowOrderDragAndDrop: boolean;\n    enableRowActions: boolean;\n  },\n): ColumnPinningState {\n  if (!pinnedColumns) {\n    return {\n      start: [],\n      end: [],\n    };\n  }\n\n  // remove any built-in columns first\n  const startPinnedColumns = removeBuiltinColumns(pinnedColumns.start);\n  const endPinnedColumns = removeBuiltinColumns(pinnedColumns.end);\n\n  // add built-in columns based on enabled features, in correct pinning order\n  if (options.enableRowDetails) {\n    startPinnedColumns.unshift(DATA_TABLE_ROW_DETAILS_COLUMN_ID);\n  }\n  if (options.enableRowSelection) {\n    startPinnedColumns.unshift(DATA_TABLE_ROW_SELECTION_COLUMN_ID);\n  }\n  if (options.enableRowOrderDragAndDrop) {\n    startPinnedColumns.unshift(DATA_TABLE_ROW_DRAG_COLUMN_ID);\n  }\n  if (options.enableRowActions) {\n    endPinnedColumns.push(DATA_TABLE_ROW_ACTIONS_COLUMN_ID);\n  }\n\n  return {\n    start: startPinnedColumns,\n    end: endPinnedColumns,\n  };\n}\n\n/**\n * Converts the public `{ left, right }` pinning shape into the `{ start, end }`\n * shape used by TanStack Table and internally.\n */\nfunction toColumnPinningState(\n  pinnedColumns: DataTablePinnedColumnState,\n): ColumnPinningState {\n  return {\n    start: pinnedColumns.left ?? [],\n    end: pinnedColumns.right ?? [],\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: DataTableOptions<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        ? toColumnPinningState(props.defaultPinnedColumns)\n        : { start: [], end: [] };\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(toColumnPinningState(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.start),\n        right: removeBuiltinColumns(nextState.end),\n      });\n    },\n    [\n      columnPinning,\n      enableRowActions,\n      enableRowDetails,\n      enableRowOrderDragAndDrop,\n      enableRowSelection,\n      props,\n      setColumnPinning,\n    ],\n  );\n\n  const originalColumnPinningRef =\n    useRef<DataTablePinnedColumnState>(undefined);\n\n  if (!originalColumnPinningRef.current) {\n    const originalPinned = pinnedColumns || defaultPinnedColumns;\n    originalColumnPinningRef.current = {\n      left: originalPinned.start,\n      right: originalPinned.end,\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-12-2 {
+._17437gx0-3-13-0 {
   cursor: col-resize;
 }
-._17437gx0-3-12-2 > * {
+._17437gx0-3-13-0 > * {
   pointer-events: none;
 }
-._17437gx0-3-12-2 ._14sp6az0-3-12-2 * {
+._17437gx0-3-13-0 ._14sp6az0-3-13-0 * {
   pointer-events: none;
 }

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

@@ -15,7 +15,9 @@ import {
   DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR,
   DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR
 } from "../../constants.js";
+import { toPhysicalPinnedPosition } from "../ColumnPinning/column-pinning-utils.js";
 import { isFractionWidth } from "../Layout/width-utils.js";
+import { createPrototypeConstructor } from "../types/table.types.js";
 const COLUMN_RESIZE_KEYBOARD_OFFSET = 10;
 const COLUMN_RESIZE_KEYBOARD_CTRL_MULTIPLIER = 10;
 const getClientX = (event) => {
@@ -38,7 +40,8 @@ function clearResizerFocus() {
   }
 }
 function addPinnedColumnsPositionsStyles(table, pinnedPosition, container, colId, newPosition) {
-  const resizingPositionVariable = pinnedPosition === "left" ? DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR : DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR;
+  const physicalPosition = toPhysicalPinnedPosition(pinnedPosition);
+  const resizingPositionVariable = pinnedPosition === "start" ? DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR : DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR;
   const targetColumn = container?.querySelector(
     `[role=columnheader][data-headerid=${CSS.escape(colId)}]`
   );
@@ -46,14 +49,14 @@ function addPinnedColumnsPositionsStyles(table, pinnedPosition, container, colId
   const targetColumnParentId = table.getColumn(colId)?.parent?.id;
   if (targetColumnParentId) {
     const pinnedState = table.atoms.columnPinning?.get();
-    const pinnedColumns = pinnedPosition === "left" ? pinnedState?.left : pinnedState?.right;
+    const pinnedColumns = pinnedPosition === "start" ? pinnedState?.start : pinnedState?.end;
     const pinnedChildren = pinnedColumns?.filter(
       (id) => id.includes(targetColumnParentId)
     );
-    const edgeChildId = pinnedPosition === "left" ? pinnedChildren?.at(0) : pinnedChildren?.at(-1);
+    const edgeChildId = pinnedPosition === "start" ? pinnedChildren?.at(0) : pinnedChildren?.at(-1);
     if (colId === edgeChildId) {
       const parentNode = container?.querySelector(
-        `[data-headerid*=${pinnedPosition}][data-headerid*=${CSS.escape(
+        `[data-headerid^="${pinnedPosition}_"][data-headerid*=${CSS.escape(
           targetColumnParentId
         )}]`
       );
@@ -71,7 +74,7 @@ function addPinnedColumnsPositionsStyles(table, pinnedPosition, container, colId
       cell.style.setProperty(resizingPositionVariable, `${newPosition}px`);
     });
   }
-  const pinnedShadowNodes = container?.querySelectorAll(`[data-pinned-position=${pinnedPosition}]`);
+  const pinnedShadowNodes = container?.querySelectorAll(`[data-pinned-position=${physicalPosition}]`);
   if (pinnedShadowNodes?.length) {
     Array.from(pinnedShadowNodes).forEach((node) => {
       node.style.setProperty(resizingPositionVariable, `${newPosition}px`);
@@ -99,8 +102,8 @@ function header_getResizeHandler(header) {
   const column = table_getColumn(header.column.table, header.column.id);
   const canResize = column_getCanResize(header.column);
   const pinnedPosition = column_getIsPinned(header.column);
-  const isPinnedLeft = pinnedPosition === "left";
-  const isPinnedRight = pinnedPosition === "right";
+  const isPinnedLeft = pinnedPosition === "start";
+  const isPinnedRight = pinnedPosition === "end";
   return (event) => {
     if (!column || !canResize) {
       return;
@@ -116,16 +119,13 @@ function header_getResizeHandler(header) {
     const pinnedColumnsWidths = { left: {}, right: {} };
     let columnIndex;
     if (pinnedPosition) {
-      const pinnedState = (
-        // Safe cast here because the TFeature generic gets lost in the union to intersection,
-        // but we know that if column pinning is enabled, the state will have the correct type.
-        header.table.atoms.columnPinning.get()
-      );
+      const pinnedState = header.table.atoms.columnPinning.get();
       const headerId = target.parentElement?.dataset.headerid;
       columnIndex = headerId ? pinnedState[pinnedPosition]?.indexOf(headerId) : void 0;
+      const side = isPinnedLeft ? "left" : "right";
       if (columnIndex !== void 0 && pinnedState[pinnedPosition]?.length) {
         for (const element of pinnedState[pinnedPosition]) {
-          pinnedColumnsWidths[pinnedPosition][element] = header.table.getColumnOrHeaderWidth(element);
+          pinnedColumnsWidths[side][element] = header.table.getColumnOrHeaderWidth(element);
         }
       }
     }
@@ -150,11 +150,7 @@ function header_getResizeHandler(header) {
       if (typeof clientXPos !== "number") {
         return;
       }
-      const old = (
-        // Safe cast here because the TFeature generic gets lost in the union to intersection,
-        // but we know that if column pinning is enabled, the state will have the correct type.
-        header.table.atoms.columnResizing.get()
-      );
+      const old = header.table.atoms.columnResizing.get();
       const deltaOffset = clientXPos - (old?.startOffset ?? 0);
       const deltaOffsetRatio = deltaOffset / (old?.startSize ?? 0);
       const deltaPercentage = isPinnedRight ? deltaOffsetRatio : Math.max(deltaOffsetRatio, -0.9999999);
@@ -214,7 +210,7 @@ function header_getResizeHandler(header) {
           );
           addPinnedColumnsPositionsStyles(
             column.table,
-            "left",
+            "start",
             container,
             colId,
             newLeftPosition
@@ -240,7 +236,7 @@ function header_getResizeHandler(header) {
           );
           addPinnedColumnsPositionsStyles(
             column.table,
-            "right",
+            "end",
             container,
             colId,
             newRightPosition
@@ -418,26 +414,30 @@ function column_getCanResize(column) {
 }
 function constructColumnSizingFeature() {
   return {
-    assignColumnPrototype: (prototype, table) => {
-      assignPrototypeAPIs("columnSizingFeature", prototype, table, {
-        column_getCanResize: {
-          fn: (column) => column_getCanResize(column)
-        }
-      });
-    },
-    assignHeaderPrototype: (prototype, table) => {
-      assignPrototypeAPIs("columnSizingFeature", prototype, table, {
-        header_getResizeHandler: {
-          fn: (header) => header_getResizeHandler(header)
-        },
-        header_getResizeExpandHandler: {
-          fn: (header) => header_getResizeExpandHandler(header)
-        },
-        header_getKeyboardResizeHandler: {
-          fn: (header) => header_getKeyboardResizeHandler(header)
-        }
-      });
-    }
+    assignColumnPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs("columnSizingFeature", prototype, table, {
+          column_getCanResize: {
+            fn: (column) => column_getCanResize(column)
+          }
+        });
+      }
+    ),
+    assignHeaderPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs("columnSizingFeature", prototype, table, {
+          header_getResizeHandler: {
+            fn: (header) => header_getResizeHandler(header)
+          },
+          header_getResizeExpandHandler: {
+            fn: (header) => header_getResizeExpandHandler(header)
+          },
+          header_getKeyboardResizeHandler: {
+            fn: (header) => header_getKeyboardResizeHandler(header)
+          }
+        });
+      }
+    )
   };
 }
 const DataTableColumnSizingFeature = constructColumnSizingFeature();

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnSizing/ColumnSizing.tsx"],
-  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  type CellData,\n  type Column_Internal,\n  type Header,\n  type RowData,\n  type TableFeature,\n  type TableFeatures,\n  columnPinningFeature,\n  type Table_Internal,\n} from '@tanstack/react-table';\nimport {\n  column_getIsPinned,\n  table_getColumn,\n  table_getVisibleLeafColumns,\n  table_setColumnSizing,\n  table_setColumnResizing,\n} from '@tanstack/react-table/static-functions';\nimport {\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type TouchEvent as ReactTouchEvent,\n} from 'react';\n\nimport type {\n  ColumnSizingFeatureConstructors,\n  DataTableColumnSizingState,\n} from './column-sizing-types.js';\nimport * as styles from './ColumnSizing.sty.js';\nimport {\n  DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n  DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR,\n  DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR,\n  DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n} from '../../constants.js';\nimport { isFractionWidth } from '../Layout/width-utils.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/** Keyboard offset for column resizing (px). */\nconst COLUMN_RESIZE_KEYBOARD_OFFSET = 10;\n/** Keyboard multiplier for column resizing when Ctrl is held. */\nconst COLUMN_RESIZE_KEYBOARD_CTRL_MULTIPLIER = 10;\n\nconst getClientX = (event: MouseEvent | TouchEvent): number | undefined => {\n  if ('touches' in event && event.touches.length > 0) {\n    return event.touches[0].clientX;\n  }\n  if ('changedTouches' in event && event.changedTouches.length > 0) {\n    return event.changedTouches[0].clientX;\n  }\n  if ('clientX' in event) {\n    return event.clientX;\n  }\n};\n\n// Returns the width of the header cell element of the given resize handle.\nfunction getHeaderCellWidth(resizeHandle: HTMLElement): number | undefined {\n  return resizeHandle.parentElement?.getBoundingClientRect().width;\n}\n\n// helper function to clear the focus on the resizer.\nfunction clearResizerFocus(): void {\n  if (document.activeElement instanceof HTMLElement) {\n    document.activeElement.blur();\n  }\n}\n\n/**\n * Side effect function to add the temporary variables to pinned columns while resizing\n */\nfunction addPinnedColumnsPositionsStyles<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  pinnedPosition: 'left' | 'right',\n  container: HTMLElement | null,\n  colId: string,\n  newPosition: number,\n): void {\n  const resizingPositionVariable =\n    pinnedPosition === 'left'\n      ? DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR\n      : DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR;\n\n  // Update header position\n  const targetColumn: HTMLElement | null | undefined = container?.querySelector(\n    `[role=columnheader][data-headerid=${CSS.escape(colId)}]`,\n  );\n  targetColumn?.style.setProperty(resizingPositionVariable, `${newPosition}px`);\n\n  const targetColumnParentId = table.getColumn(colId)?.parent?.id;\n\n  if (targetColumnParentId) {\n    const pinnedState = table.atoms.columnPinning?.get();\n    const pinnedColumns: string[] | undefined =\n      pinnedPosition === 'left' ? pinnedState?.left : pinnedState?.right;\n\n    const pinnedChildren: string[] | undefined = pinnedColumns?.filter((id) =>\n      id.includes(targetColumnParentId),\n    );\n\n    // for the left pinned columns, only update the parent position if the child at the left edge is being resized\n    // for the right pinned columns, only update the parent position if the child at the right edge is being resized\n    const edgeChildId: string | undefined =\n      pinnedPosition === 'left'\n        ? pinnedChildren?.at(0)\n        : pinnedChildren?.at(-1);\n\n    if (colId === edgeChildId) {\n      const parentNode: HTMLElement | null | undefined =\n        container?.querySelector(\n          `[data-headerid*=${pinnedPosition}][data-headerid*=${CSS.escape(\n            targetColumnParentId,\n          )}]`,\n        );\n\n      parentNode?.style.setProperty(\n        resizingPositionVariable,\n        `${newPosition}px`,\n      );\n    }\n  }\n\n  // update all cells from the column\n  const allColumnCells: NodeListOf<HTMLElement> | undefined =\n    container?.querySelectorAll(\n      `[role=cell][data-columnid=${CSS.escape(colId)}]`,\n    );\n\n  if (allColumnCells?.length) {\n    Array.from(allColumnCells).forEach((cell) => {\n      cell.style.setProperty(resizingPositionVariable, `${newPosition}px`);\n    });\n  }\n\n  // update the position of the box-shadow\n  const pinnedShadowNodes: NodeListOf<HTMLElement> | undefined =\n    container?.querySelectorAll(`[data-pinned-position=${pinnedPosition}]`);\n\n  if (pinnedShadowNodes?.length) {\n    Array.from(pinnedShadowNodes).forEach((node) => {\n      node.style.setProperty(resizingPositionVariable, `${newPosition}px`);\n    });\n  }\n}\n\n/**\n * Side effect function to clear up the container styles that have been applied while resizing.\n */\nfunction clearContainerStyles<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  container: HTMLElement | null,\n): void {\n  // Wait an animation frame to remove the custom property to prevent\n  // a layout jump\n  requestAnimationFrame(() => {\n    container?.style.removeProperty(DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR);\n    // Remove col-resize cursor style from body element,\n    // and reset pointer events on all children.\n    document.body.classList.remove(styles.tableColumnResizing);\n\n    if (table.options.enableColumnPinning) {\n      container\n        ?.querySelectorAll(\n          `[style*=${DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR}], [style*=${DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR}]`,\n        )\n        .forEach((elem) => {\n          if (elem instanceof HTMLElement) {\n            const style = elem.style;\n            style.removeProperty(DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR);\n            style.removeProperty(DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR);\n          }\n        });\n    }\n  });\n}\n\n/**\n * Helper function to create the resize handler for a header, used in the onMouseDown and onTouchStart events of the resizer button in the header.\n * @internal\n */\nexport function header_getResizeHandler<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  header: Header<TFeatures, TData, TValue>,\n): (\n  event:\n    | ReactMouseEvent<HTMLButtonElement>\n    | ReactTouchEvent<HTMLButtonElement>,\n) => void {\n  const column = table_getColumn(header.column.table, header.column.id);\n  const canResize = column_getCanResize(header.column);\n  const pinnedPosition = column_getIsPinned(header.column);\n\n  const isPinnedLeft = pinnedPosition === 'left';\n  const isPinnedRight = pinnedPosition === 'right';\n\n  return (\n    event:\n      | ReactMouseEvent<HTMLButtonElement>\n      | ReactTouchEvent<HTMLButtonElement>,\n  ) => {\n    if (!column || !canResize) {\n      return;\n    }\n    event.persist();\n\n    // If a double click appears, do not continue further with the single click\n    // drag handling\n    if (event.detail === 2) {\n      return;\n    }\n\n    const target = event.target;\n    if (target instanceof HTMLElement === false) {\n      return;\n    }\n\n    // store initial pinned columns widths.\n    // necessary to dynamically update the positions of the pinned columns during resize\n    const pinnedColumnsWidths: {\n      left: Record<string, number>;\n      right: Record<string, number>;\n    } = { left: {}, right: {} };\n    let columnIndex: number | undefined;\n\n    if (pinnedPosition) {\n      const pinnedState =\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        (\n          header.table as unknown as Table_Internal<{\n            columnPinningFeature: typeof columnPinningFeature;\n          }>\n        ).atoms.columnPinning.get();\n\n      // The header id of the header the resize handle belongs to\n      const headerId = target.parentElement?.dataset.headerid;\n\n      columnIndex = headerId\n        ? pinnedState[pinnedPosition]?.indexOf(headerId)\n        : undefined;\n      if (columnIndex !== undefined && pinnedState[pinnedPosition]?.length) {\n        for (const element of pinnedState[pinnedPosition]) {\n          pinnedColumnsWidths[pinnedPosition][element] =\n            header.table.getColumnOrHeaderWidth(element);\n        }\n      }\n    }\n\n    const startSize = getHeaderCellWidth(target);\n\n    // If the header could not be measured, we can't resize it\n    if (startSize === undefined) {\n      return;\n    }\n\n    const columnSizingStart: [string, number][] = [[column.id, startSize]];\n    // Keep a reference for columns affected by the sizing.\n    const newColumnSizing: DataTableColumnSizingState = {};\n    // Get the starting clientX where the drag started.\n    const clientX = getClientX(event.nativeEvent) ?? null;\n\n    const {\n      minWidth = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n      maxWidth = Number.MAX_SAFE_INTEGER,\n    } = column.columnDef;\n    const size = `${Math.min(Math.max(startSize, minWidth), maxWidth)}px`;\n    const container: HTMLElement | null = target.closest(\n      '.strato-table-virtualization-container',\n    );\n    container?.style.setProperty(DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR, size);\n    // During resizing, add col-resize cursor style to body element,\n    // and prevent pointer events on all children.\n    // Note: needs to be an element outside the container\n    // that does not have pointer-events: none.\n    document.body.classList.add(styles.tableColumnResizing);\n\n    // Updating the actual offset in the columnSizingInfo\n    const updateOffset = (eventType: 'move' | 'end', clientXPos?: number) => {\n      if (typeof clientXPos !== 'number') {\n        return;\n      }\n\n      const old = // 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        (\n          header.table as unknown as Table_Internal<TableFeatures>\n        ).atoms.columnResizing.get();\n\n      const deltaOffset = clientXPos - (old?.startOffset ?? 0);\n      const deltaOffsetRatio = deltaOffset / (old?.startSize ?? 0);\n      // Calculate the percentage so the other columns next to it can be scaled\n      // by the same fraction.\n      const deltaPercentage = isPinnedRight\n        ? deltaOffsetRatio\n        : Math.max(deltaOffsetRatio, -0.9999999);\n\n      columnSizingStart.forEach(([columnId, headerSize]) => {\n        newColumnSizing[columnId] =\n          Math.round(\n            Math.max(\n              isPinnedRight\n                ? headerSize - headerSize * deltaPercentage\n                : headerSize + headerSize * deltaPercentage,\n              0,\n            ) * 100,\n          ) / 100;\n      });\n      const {\n        minWidth = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n        maxWidth = Number.MAX_SAFE_INTEGER,\n      } = column.columnDef;\n      const size = `${Math.min(\n        Math.max(\n          isPinnedRight ? startSize - deltaOffset : startSize + deltaOffset,\n          minWidth,\n        ),\n        maxWidth,\n      )}px`;\n\n      // While dragging set the custom property value\n      container?.style.setProperty(\n        DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n        size,\n      );\n\n      updatePinnedColumnsPositions(deltaOffset);\n\n      // When dragging ends, we can update the actual widths of the columns\n      if (eventType === 'end') {\n        table_setColumnSizing(column.table, (old) => ({\n          ...old,\n          ...newColumnSizing,\n        }));\n      }\n    };\n\n    /**\n     * Dynamically update the positions of the pinned columns while resizing\n     */\n    const updatePinnedColumnsPositions = (deltaOffset: number): void => {\n      if (columnIndex === undefined) {\n        return;\n      }\n\n      const leftPinnedColumnsWidths = pinnedColumnsWidths.left;\n      const rightPinnedColumnsWidths = pinnedColumnsWidths.right;\n\n      if (isPinnedLeft) {\n        const values = Object.entries(leftPinnedColumnsWidths);\n        const [, currentColumnInitialWidth] = values[columnIndex];\n\n        // we should update only the left position of the pinned columns to the right of the one being resized\n        for (let i = columnIndex + 1; i < values.length; i++) {\n          const [colId] = values[i];\n\n          // left position of a column is equal to the sum of the previous column widths + deltaOffset\n          let prevColumnIndex = i - 1;\n          let totalWidth = 0;\n\n          while (prevColumnIndex >= 0) {\n            const [, prevColWidth] = values[prevColumnIndex];\n            totalWidth += prevColWidth;\n            prevColumnIndex -= 1;\n          }\n\n          const leftPositionThreshold =\n            totalWidth - currentColumnInitialWidth + minWidth;\n\n          const newLeftPosition = Math.max(\n            totalWidth + deltaOffset,\n            leftPositionThreshold,\n          );\n\n          addPinnedColumnsPositionsStyles(\n            column.table,\n            'left',\n            container,\n            colId,\n            newLeftPosition,\n          );\n        }\n      }\n\n      if (isPinnedRight) {\n        const values = Object.entries(rightPinnedColumnsWidths);\n        const [, currentColumnInitialWidth] = values[columnIndex];\n\n        // we should update only the right position of the pinned columns to the left of the one being resized\n        for (let i = columnIndex - 1; i >= 0; i--) {\n          const [colId] = values[i];\n\n          // right position of a column is equal to the next column width from the right - deltaOffset\n          let prevColumnIndex = i + 1;\n          let totalWidth = 0;\n\n          while (prevColumnIndex < values.length) {\n            const [, prevWidth] = values[prevColumnIndex];\n            totalWidth += prevWidth;\n            prevColumnIndex += 1;\n          }\n\n          const rightPositionThreshold =\n            totalWidth - currentColumnInitialWidth + minWidth;\n\n          const newRightPosition = Math.max(\n            totalWidth - deltaOffset,\n            rightPositionThreshold,\n          );\n\n          addPinnedColumnsPositionsStyles(\n            column.table,\n            'right',\n            container,\n            colId,\n            newRightPosition,\n          );\n        }\n      }\n    };\n\n    const onEnd = (clientXPos?: number) => {\n      updateOffset('end', clientXPos);\n      clearContainerStyles(column.table, container);\n\n      // If we are coming from mouse movements, then clear the focus on resizer\n      clearResizerFocus();\n      table_setColumnResizing(column.table, (old) => ({\n        ...old,\n        isResizingColumn: false,\n        startOffset: null,\n        startSize: null,\n        deltaOffset: null,\n        deltaPercentage: null,\n        columnSizingStart: [],\n      }));\n    };\n\n    const moveHandler = (moveEvent: MouseEvent | TouchEvent): void => {\n      const clientXPos = getClientX(moveEvent);\n      updateOffset('move', clientXPos);\n    };\n\n    const upHandler = (upEvent: MouseEvent | TouchEvent): void => {\n      document.removeEventListener('mousemove', moveHandler);\n      document.removeEventListener('mouseup', upHandler);\n      document.removeEventListener('touchmove', moveHandler);\n      document.removeEventListener('touchend', upHandler);\n      const clientXPos = getClientX(upEvent);\n      onEnd(clientXPos);\n    };\n\n    document.addEventListener('mousemove', moveHandler);\n    document.addEventListener('mouseup', upHandler);\n    document.addEventListener('touchmove', moveHandler);\n    document.addEventListener('touchend', upHandler);\n\n    // If the table has any fractional templates, we need to make sure to lock their size in place, before starting\n    // to resize the remaining things.\n    if (header.table.getHasFractionalTemplate()) {\n      const fractionColumns = header.table\n        .getVisibleLeafColumnsWithoutBuiltin()\n        .filter(\n          ({ id, columnDef }) =>\n            (columnDef.width === undefined ||\n              isFractionWidth(columnDef.width)) &&\n            id !== column.id,\n        );\n\n      table_setColumnSizing(header.column.table, (old) => {\n        const newColumnSizing = { ...old };\n        for (const fractionColumn of fractionColumns) {\n          newColumnSizing[fractionColumn.id] =\n            header.table.getColumnOrHeaderWidth(fractionColumn.id);\n        }\n        return newColumnSizing;\n      });\n    }\n\n    table_setColumnResizing(header.column.table, (old) => ({\n      ...old,\n      startOffset: clientX,\n      startSize,\n      deltaOffset: 0,\n      deltaPercentage: 0,\n      columnSizingStart,\n      isResizingColumn: column.id,\n    }));\n  };\n}\n\n/**\n *\n * @internal\n */\nexport function header_getResizeExpandHandler<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  header: Header<TFeatures, TData, TValue>,\n): (event: ReactMouseEvent<HTMLButtonElement>) => void {\n  const column = table_getColumn<TFeatures, TData>(\n    header.column.table,\n    header.column.id,\n  );\n  const canResize = column_getCanResize(header.column);\n\n  return (event: ReactMouseEvent<HTMLButtonElement>) => {\n    if (event.type !== 'dblclick') {\n      return;\n    }\n\n    if (!column || !canResize) {\n      return;\n    }\n\n    event.persist();\n\n    const target = event.target;\n    if (target instanceof HTMLElement === false) {\n      return;\n    }\n\n    const startSize = getHeaderCellWidth(target);\n\n    // If the header could not be measured, we can't resize it\n    if (startSize === undefined) {\n      return;\n    }\n\n    // Get the starting clientX where the drag started.\n    const clientX = event.clientX;\n\n    const columnSizingStart: [string, number][] = [[column.id, startSize]];\n    const container: HTMLElement | null = target.closest(\n      '.strato-table-virtualization-container',\n    );\n    // While dragging set the custom property value\n    container?.style.setProperty(\n      DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n      'max-content',\n    );\n\n    table_setColumnResizing(header.column.table, (old) => ({\n      ...old,\n      startOffset: clientX,\n      startSize,\n      deltaOffset: 0,\n      deltaPercentage: 0,\n      columnSizingStart,\n      isResizingColumn: column.id,\n    }));\n\n    queueMicrotask(() => {\n      const target = event.target;\n      if (!(target instanceof HTMLButtonElement)) {\n        return;\n      }\n      // The button is now inside the columnheader div, so parentElement is the cell itself\n      const cell: HTMLElement | null = target.parentElement;\n      if (cell) {\n        const { width } = cell.getBoundingClientRect();\n\n        table_setColumnResizing(header.column.table, (old) => ({\n          ...old,\n          isResizingColumn: false,\n          startOffset: null,\n          startSize: null,\n          deltaOffset: null,\n          deltaPercentage: null,\n          columnSizingStart: [],\n        }));\n        table_setColumnSizing(header.column.table, (old) => ({\n          ...old,\n          [column.id]: width,\n        }));\n        clearResizerFocus();\n      }\n      requestAnimationFrame(() =>\n        container?.style.removeProperty(\n          DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n        ),\n      );\n    });\n  };\n}\n\n/**\n * Helper function to create the resize expand handler for a header, used in the onDoubleClick event of the resizer button in the header.\n * @internal\n */\nexport function header_getKeyboardResizeHandler(\n  header: Header<TDataTableFeatures, RowData, CellData>,\n): (event: ReactKeyboardEvent<HTMLButtonElement>) => void {\n  const column = table_getColumn(header.column.table, header.column.id);\n  const canResize = column_getCanResize(header.column);\n\n  return (event: ReactKeyboardEvent<HTMLButtonElement>) => {\n    const target = event.target;\n    if (\n      !column ||\n      !canResize ||\n      target instanceof HTMLElement === false ||\n      (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')\n    ) {\n      // clear the focus on resizer\n      if (event.key === 'Escape') {\n        clearResizerFocus();\n      }\n      return;\n    }\n\n    event.persist();\n\n    const startSize = getHeaderCellWidth(target);\n\n    // If the header could not be measured, we can't resize it\n    if (startSize === undefined) {\n      return;\n    }\n\n    let offset = 0;\n    if (event.key === 'ArrowLeft') {\n      offset = -COLUMN_RESIZE_KEYBOARD_OFFSET;\n    } else if (event.key === 'ArrowRight') {\n      offset = COLUMN_RESIZE_KEYBOARD_OFFSET;\n    }\n\n    if (event.ctrlKey === true) {\n      offset *= COLUMN_RESIZE_KEYBOARD_CTRL_MULTIPLIER;\n    }\n\n    table_setColumnSizing(header.column.table, (old) => ({\n      ...old,\n      [column.id]: startSize + offset,\n    }));\n  };\n}\n\n/**\n * Helper function to determine if a column can be resized, based on the table and column options, and whether it is a leaf column.\n * @internal\n */\nexport function column_getCanResize<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  // Parent columns are not resizable, only their children are.\n  if (column.columns.length !== 0) {\n    return false;\n  }\n\n  // columnResizing is disabled on the DataTable or on the individual column\n  if (\n    column.table.options.enableColumnResizing !== true ||\n    column.columnDef.enableResizing === false\n  ) {\n    return false;\n  }\n\n  // Need to evaluate that one here, as it is not yet available in the\n  // createColumn wrapper.\n  const lastLeafColumn = table_getVisibleLeafColumns(column.table).at(-1);\n  // Check if it is the last column\n  if (column.id === lastLeafColumn?.id) {\n    return false;\n  }\n\n  return true;\n}\n\n/**\n * Constructs the column sizing feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructColumnSizingFeature(): TableFeature<ColumnSizingFeatureConstructors> {\n  return {\n    assignColumnPrototype: (prototype, table) => {\n      assignPrototypeAPIs('columnSizingFeature', prototype, table, {\n        column_getCanResize: {\n          fn: (column) => column_getCanResize(column),\n        },\n      });\n    },\n    assignHeaderPrototype: (prototype, table) => {\n      assignPrototypeAPIs('columnSizingFeature', prototype, table, {\n        header_getResizeHandler: {\n          fn: (header) => header_getResizeHandler(header),\n        },\n        header_getResizeExpandHandler: {\n          fn: (header) => header_getResizeExpandHandler(header),\n        },\n        header_getKeyboardResizeHandler: {\n          fn: (header) => header_getKeyboardResizeHandler(header),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Additional feature implementation for column sizing.\n * @internal\n */\nexport const DataTableColumnSizingFeature = constructColumnSizingFeature();\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  type CellData,\n  type Column,\n  type Header,\n  type RowData,\n  type Table,\n  type TableFeature,\n} from '@tanstack/react-table';\nimport {\n  column_getIsPinned,\n  table_getColumn,\n  table_getVisibleLeafColumns,\n  table_setColumnSizing,\n  table_setColumnResizing,\n} from '@tanstack/react-table/static-functions';\nimport {\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type TouchEvent as ReactTouchEvent,\n} from 'react';\n\nimport type { DataTableColumnSizingState } from './column-sizing-types.js';\nimport * as styles from './ColumnSizing.sty.js';\nimport {\n  DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n  DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR,\n  DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR,\n  DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n} from '../../constants.js';\nimport { toPhysicalPinnedPosition } from '../ColumnPinning/column-pinning-utils.js';\nimport { isFractionWidth } from '../Layout/width-utils.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport { createPrototypeConstructor } from '../types/table.types.js';\n\n/** Keyboard offset for column resizing (px). */\nconst COLUMN_RESIZE_KEYBOARD_OFFSET = 10;\n/** Keyboard multiplier for column resizing when Ctrl is held. */\nconst COLUMN_RESIZE_KEYBOARD_CTRL_MULTIPLIER = 10;\n\nconst getClientX = (event: MouseEvent | TouchEvent): number | undefined => {\n  if ('touches' in event && event.touches.length > 0) {\n    return event.touches[0].clientX;\n  }\n  if ('changedTouches' in event && event.changedTouches.length > 0) {\n    return event.changedTouches[0].clientX;\n  }\n  if ('clientX' in event) {\n    return event.clientX;\n  }\n};\n\n// Returns the width of the header cell element of the given resize handle.\nfunction getHeaderCellWidth(resizeHandle: HTMLElement): number | undefined {\n  return resizeHandle.parentElement?.getBoundingClientRect().width;\n}\n\n// helper function to clear the focus on the resizer.\nfunction clearResizerFocus(): void {\n  if (document.activeElement instanceof HTMLElement) {\n    document.activeElement.blur();\n  }\n}\n\n/**\n * Side effect function to add the temporary variables to pinned columns while resizing\n */\nfunction addPinnedColumnsPositionsStyles<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  pinnedPosition: 'start' | 'end',\n  container: HTMLElement | null,\n  colId: string,\n  newPosition: number,\n): void {\n  // `data-headerid` embeds TanStack's header family (`start`/`end`), while\n  // `data-pinned-position` records the physical edge the shadow renders on.\n  const physicalPosition = toPhysicalPinnedPosition(pinnedPosition);\n  const resizingPositionVariable =\n    pinnedPosition === 'start'\n      ? DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR\n      : DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR;\n\n  // Update header position\n  const targetColumn: HTMLElement | null | undefined = container?.querySelector(\n    `[role=columnheader][data-headerid=${CSS.escape(colId)}]`,\n  );\n  targetColumn?.style.setProperty(resizingPositionVariable, `${newPosition}px`);\n\n  const targetColumnParentId = table.getColumn(colId)?.parent?.id;\n\n  if (targetColumnParentId) {\n    const pinnedState = table.atoms.columnPinning?.get();\n    const pinnedColumns: string[] | undefined =\n      pinnedPosition === 'start' ? pinnedState?.start : pinnedState?.end;\n\n    const pinnedChildren: string[] | undefined = pinnedColumns?.filter((id) =>\n      id.includes(targetColumnParentId),\n    );\n\n    // for the start pinned columns, only update the parent position if the child at the start edge is being resized\n    // for the end pinned columns, only update the parent position if the child at the end edge is being resized\n    const edgeChildId: string | undefined =\n      pinnedPosition === 'start'\n        ? pinnedChildren?.at(0)\n        : pinnedChildren?.at(-1);\n\n    if (colId === edgeChildId) {\n      const parentNode: HTMLElement | null | undefined =\n        container?.querySelector(\n          `[data-headerid^=\"${pinnedPosition}_\"][data-headerid*=${CSS.escape(\n            targetColumnParentId,\n          )}]`,\n        );\n\n      parentNode?.style.setProperty(\n        resizingPositionVariable,\n        `${newPosition}px`,\n      );\n    }\n  }\n\n  // update all cells from the column\n  const allColumnCells: NodeListOf<HTMLElement> | undefined =\n    container?.querySelectorAll(\n      `[role=cell][data-columnid=${CSS.escape(colId)}]`,\n    );\n\n  if (allColumnCells?.length) {\n    Array.from(allColumnCells).forEach((cell) => {\n      cell.style.setProperty(resizingPositionVariable, `${newPosition}px`);\n    });\n  }\n\n  // update the position of the box-shadow\n  const pinnedShadowNodes: NodeListOf<HTMLElement> | undefined =\n    container?.querySelectorAll(`[data-pinned-position=${physicalPosition}]`);\n\n  if (pinnedShadowNodes?.length) {\n    Array.from(pinnedShadowNodes).forEach((node) => {\n      node.style.setProperty(resizingPositionVariable, `${newPosition}px`);\n    });\n  }\n}\n\n/**\n * Side effect function to clear up the container styles that have been applied while resizing.\n */\nfunction clearContainerStyles<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  container: HTMLElement | null,\n): void {\n  // Wait an animation frame to remove the custom property to prevent\n  // a layout jump\n  requestAnimationFrame(() => {\n    container?.style.removeProperty(DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR);\n    // Remove col-resize cursor style from body element,\n    // and reset pointer events on all children.\n    document.body.classList.remove(styles.tableColumnResizing);\n\n    if (table.options.enableColumnPinning) {\n      container\n        ?.querySelectorAll(\n          `[style*=${DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR}], [style*=${DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR}]`,\n        )\n        .forEach((elem) => {\n          if (elem instanceof HTMLElement) {\n            const style = elem.style;\n            style.removeProperty(DATA_TABLE_RESIZING_LEFT_POSITION_CSS_VAR);\n            style.removeProperty(DATA_TABLE_RESIZING_RIGHT_POSITION_CSS_VAR);\n          }\n        });\n    }\n  });\n}\n\n/**\n * Helper function to create the resize handler for a header, used in the onMouseDown and onTouchStart events of the resizer button in the header.\n * @internal\n */\nexport function header_getResizeHandler<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  header: Header<TDataTableFeatures, TData, TValue>,\n): (\n  event:\n    | ReactMouseEvent<HTMLButtonElement>\n    | ReactTouchEvent<HTMLButtonElement>,\n) => void {\n  const column = table_getColumn(header.column.table, header.column.id);\n  const canResize = column_getCanResize(header.column);\n  const pinnedPosition = column_getIsPinned(header.column);\n\n  const isPinnedLeft = pinnedPosition === 'start';\n  const isPinnedRight = pinnedPosition === 'end';\n\n  return (\n    event:\n      | ReactMouseEvent<HTMLButtonElement>\n      | ReactTouchEvent<HTMLButtonElement>,\n  ) => {\n    if (!column || !canResize) {\n      return;\n    }\n    event.persist();\n\n    // If a double click appears, do not continue further with the single click\n    // drag handling\n    if (event.detail === 2) {\n      return;\n    }\n\n    const target = event.target;\n    if (target instanceof HTMLElement === false) {\n      return;\n    }\n\n    // store initial pinned columns widths.\n    // necessary to dynamically update the positions of the pinned columns during resize\n    const pinnedColumnsWidths: {\n      left: Record<string, number>;\n      right: Record<string, number>;\n    } = { left: {}, right: {} };\n    let columnIndex: number | undefined;\n\n    if (pinnedPosition) {\n      const pinnedState = header.table.atoms.columnPinning.get();\n\n      // The header id of the header the resize handle belongs to\n      const headerId = target.parentElement?.dataset.headerid;\n\n      columnIndex = headerId\n        ? pinnedState[pinnedPosition]?.indexOf(headerId)\n        : undefined;\n      const side = isPinnedLeft ? 'left' : 'right';\n      if (columnIndex !== undefined && pinnedState[pinnedPosition]?.length) {\n        for (const element of pinnedState[pinnedPosition]) {\n          pinnedColumnsWidths[side][element] =\n            header.table.getColumnOrHeaderWidth(element);\n        }\n      }\n    }\n\n    const startSize = getHeaderCellWidth(target);\n\n    // If the header could not be measured, we can't resize it\n    if (startSize === undefined) {\n      return;\n    }\n\n    const columnSizingStart: [string, number][] = [[column.id, startSize]];\n    // Keep a reference for columns affected by the sizing.\n    const newColumnSizing: DataTableColumnSizingState = {};\n    // Get the starting clientX where the drag started.\n    const clientX = getClientX(event.nativeEvent) ?? null;\n\n    const {\n      minWidth = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n      maxWidth = Number.MAX_SAFE_INTEGER,\n    } = column.columnDef;\n    const size = `${Math.min(Math.max(startSize, minWidth), maxWidth)}px`;\n    const container: HTMLElement | null = target.closest(\n      '.strato-table-virtualization-container',\n    );\n    container?.style.setProperty(DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR, size);\n    // During resizing, add col-resize cursor style to body element,\n    // and prevent pointer events on all children.\n    // Note: needs to be an element outside the container\n    // that does not have pointer-events: none.\n    document.body.classList.add(styles.tableColumnResizing);\n\n    // Updating the actual offset in the columnSizingInfo\n    const updateOffset = (eventType: 'move' | 'end', clientXPos?: number) => {\n      if (typeof clientXPos !== 'number') {\n        return;\n      }\n\n      const old = header.table.atoms.columnResizing.get();\n\n      const deltaOffset = clientXPos - (old?.startOffset ?? 0);\n      const deltaOffsetRatio = deltaOffset / (old?.startSize ?? 0);\n      // Calculate the percentage so the other columns next to it can be scaled\n      // by the same fraction.\n      const deltaPercentage = isPinnedRight\n        ? deltaOffsetRatio\n        : Math.max(deltaOffsetRatio, -0.9999999);\n\n      columnSizingStart.forEach(([columnId, headerSize]) => {\n        newColumnSizing[columnId] =\n          Math.round(\n            Math.max(\n              isPinnedRight\n                ? headerSize - headerSize * deltaPercentage\n                : headerSize + headerSize * deltaPercentage,\n              0,\n            ) * 100,\n          ) / 100;\n      });\n      const {\n        minWidth = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n        maxWidth = Number.MAX_SAFE_INTEGER,\n      } = column.columnDef;\n      const size = `${Math.min(\n        Math.max(\n          isPinnedRight ? startSize - deltaOffset : startSize + deltaOffset,\n          minWidth,\n        ),\n        maxWidth,\n      )}px`;\n\n      // While dragging set the custom property value\n      container?.style.setProperty(\n        DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n        size,\n      );\n\n      updatePinnedColumnsPositions(deltaOffset);\n\n      // When dragging ends, we can update the actual widths of the columns\n      if (eventType === 'end') {\n        table_setColumnSizing(column.table, (old) => ({\n          ...old,\n          ...newColumnSizing,\n        }));\n      }\n    };\n\n    /**\n     * Dynamically update the positions of the pinned columns while resizing\n     */\n    const updatePinnedColumnsPositions = (deltaOffset: number): void => {\n      if (columnIndex === undefined) {\n        return;\n      }\n\n      const leftPinnedColumnsWidths = pinnedColumnsWidths.left;\n      const rightPinnedColumnsWidths = pinnedColumnsWidths.right;\n\n      if (isPinnedLeft) {\n        const values = Object.entries(leftPinnedColumnsWidths);\n        const [, currentColumnInitialWidth] = values[columnIndex];\n\n        // we should update only the left position of the pinned columns to the right of the one being resized\n        for (let i = columnIndex + 1; i < values.length; i++) {\n          const [colId] = values[i];\n\n          // left position of a column is equal to the sum of the previous column widths + deltaOffset\n          let prevColumnIndex = i - 1;\n          let totalWidth = 0;\n\n          while (prevColumnIndex >= 0) {\n            const [, prevColWidth] = values[prevColumnIndex];\n            totalWidth += prevColWidth;\n            prevColumnIndex -= 1;\n          }\n\n          const leftPositionThreshold =\n            totalWidth - currentColumnInitialWidth + minWidth;\n\n          const newLeftPosition = Math.max(\n            totalWidth + deltaOffset,\n            leftPositionThreshold,\n          );\n\n          addPinnedColumnsPositionsStyles(\n            column.table,\n            'start',\n            container,\n            colId,\n            newLeftPosition,\n          );\n        }\n      }\n\n      if (isPinnedRight) {\n        const values = Object.entries(rightPinnedColumnsWidths);\n        const [, currentColumnInitialWidth] = values[columnIndex];\n\n        // we should update only the right position of the pinned columns to the left of the one being resized\n        for (let i = columnIndex - 1; i >= 0; i--) {\n          const [colId] = values[i];\n\n          // right position of a column is equal to the next column width from the right - deltaOffset\n          let prevColumnIndex = i + 1;\n          let totalWidth = 0;\n\n          while (prevColumnIndex < values.length) {\n            const [, prevWidth] = values[prevColumnIndex];\n            totalWidth += prevWidth;\n            prevColumnIndex += 1;\n          }\n\n          const rightPositionThreshold =\n            totalWidth - currentColumnInitialWidth + minWidth;\n\n          const newRightPosition = Math.max(\n            totalWidth - deltaOffset,\n            rightPositionThreshold,\n          );\n\n          addPinnedColumnsPositionsStyles(\n            column.table,\n            'end',\n            container,\n            colId,\n            newRightPosition,\n          );\n        }\n      }\n    };\n\n    const onEnd = (clientXPos?: number) => {\n      updateOffset('end', clientXPos);\n      clearContainerStyles(column.table, container);\n\n      // If we are coming from mouse movements, then clear the focus on resizer\n      clearResizerFocus();\n      table_setColumnResizing(column.table, (old) => ({\n        ...old,\n        isResizingColumn: false,\n        startOffset: null,\n        startSize: null,\n        deltaOffset: null,\n        deltaPercentage: null,\n        columnSizingStart: [],\n      }));\n    };\n\n    const moveHandler = (moveEvent: MouseEvent | TouchEvent): void => {\n      const clientXPos = getClientX(moveEvent);\n      updateOffset('move', clientXPos);\n    };\n\n    const upHandler = (upEvent: MouseEvent | TouchEvent): void => {\n      document.removeEventListener('mousemove', moveHandler);\n      document.removeEventListener('mouseup', upHandler);\n      document.removeEventListener('touchmove', moveHandler);\n      document.removeEventListener('touchend', upHandler);\n      const clientXPos = getClientX(upEvent);\n      onEnd(clientXPos);\n    };\n\n    document.addEventListener('mousemove', moveHandler);\n    document.addEventListener('mouseup', upHandler);\n    document.addEventListener('touchmove', moveHandler);\n    document.addEventListener('touchend', upHandler);\n\n    // If the table has any fractional templates, we need to make sure to lock their size in place, before starting\n    // to resize the remaining things.\n    if (header.table.getHasFractionalTemplate()) {\n      const fractionColumns = header.table\n        .getVisibleLeafColumnsWithoutBuiltin()\n        .filter(\n          ({ id, columnDef }) =>\n            (columnDef.width === undefined ||\n              isFractionWidth(columnDef.width)) &&\n            id !== column.id,\n        );\n\n      table_setColumnSizing(header.column.table, (old) => {\n        const newColumnSizing = { ...old };\n        for (const fractionColumn of fractionColumns) {\n          newColumnSizing[fractionColumn.id] =\n            header.table.getColumnOrHeaderWidth(fractionColumn.id);\n        }\n        return newColumnSizing;\n      });\n    }\n\n    table_setColumnResizing(header.column.table, (old) => ({\n      ...old,\n      startOffset: clientX,\n      startSize,\n      deltaOffset: 0,\n      deltaPercentage: 0,\n      columnSizingStart,\n      isResizingColumn: column.id,\n    }));\n  };\n}\n\n/**\n *\n * @internal\n */\nexport function header_getResizeExpandHandler<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  header: Header<TDataTableFeatures, TData, TValue>,\n): (event: ReactMouseEvent<HTMLButtonElement>) => void {\n  const column = table_getColumn<TDataTableFeatures, TData>(\n    header.column.table,\n    header.column.id,\n  );\n  const canResize = column_getCanResize(header.column);\n\n  return (event: ReactMouseEvent<HTMLButtonElement>) => {\n    if (event.type !== 'dblclick') {\n      return;\n    }\n\n    if (!column || !canResize) {\n      return;\n    }\n\n    event.persist();\n\n    const target = event.target;\n    if (target instanceof HTMLElement === false) {\n      return;\n    }\n\n    const startSize = getHeaderCellWidth(target);\n\n    // If the header could not be measured, we can't resize it\n    if (startSize === undefined) {\n      return;\n    }\n\n    // Get the starting clientX where the drag started.\n    const clientX = event.clientX;\n\n    const columnSizingStart: [string, number][] = [[column.id, startSize]];\n    const container: HTMLElement | null = target.closest(\n      '.strato-table-virtualization-container',\n    );\n    // While dragging set the custom property value\n    container?.style.setProperty(\n      DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n      'max-content',\n    );\n\n    table_setColumnResizing(header.column.table, (old) => ({\n      ...old,\n      startOffset: clientX,\n      startSize,\n      deltaOffset: 0,\n      deltaPercentage: 0,\n      columnSizingStart,\n      isResizingColumn: column.id,\n    }));\n\n    queueMicrotask(() => {\n      const target = event.target;\n      if (!(target instanceof HTMLButtonElement)) {\n        return;\n      }\n      // The button is now inside the columnheader div, so parentElement is the cell itself\n      const cell: HTMLElement | null = target.parentElement;\n      if (cell) {\n        const { width } = cell.getBoundingClientRect();\n\n        table_setColumnResizing(header.column.table, (old) => ({\n          ...old,\n          isResizingColumn: false,\n          startOffset: null,\n          startSize: null,\n          deltaOffset: null,\n          deltaPercentage: null,\n          columnSizingStart: [],\n        }));\n        table_setColumnSizing(header.column.table, (old) => ({\n          ...old,\n          [column.id]: width,\n        }));\n        clearResizerFocus();\n      }\n      requestAnimationFrame(() =>\n        container?.style.removeProperty(\n          DATA_TABLE_STRATO_RESIZING_SIZE_CSS_VAR,\n        ),\n      );\n    });\n  };\n}\n\n/**\n * Helper function to create the resize expand handler for a header, used in the onDoubleClick event of the resizer button in the header.\n * @internal\n */\nexport function header_getKeyboardResizeHandler(\n  header: Header<TDataTableFeatures, RowData, CellData>,\n): (event: ReactKeyboardEvent<HTMLButtonElement>) => void {\n  const column = table_getColumn(header.column.table, header.column.id);\n  const canResize = column_getCanResize(header.column);\n\n  return (event: ReactKeyboardEvent<HTMLButtonElement>) => {\n    const target = event.target;\n    if (\n      !column ||\n      !canResize ||\n      target instanceof HTMLElement === false ||\n      (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')\n    ) {\n      // clear the focus on resizer\n      if (event.key === 'Escape') {\n        clearResizerFocus();\n      }\n      return;\n    }\n\n    event.persist();\n\n    const startSize = getHeaderCellWidth(target);\n\n    // If the header could not be measured, we can't resize it\n    if (startSize === undefined) {\n      return;\n    }\n\n    let offset = 0;\n    if (event.key === 'ArrowLeft') {\n      offset = -COLUMN_RESIZE_KEYBOARD_OFFSET;\n    } else if (event.key === 'ArrowRight') {\n      offset = COLUMN_RESIZE_KEYBOARD_OFFSET;\n    }\n\n    if (event.ctrlKey === true) {\n      offset *= COLUMN_RESIZE_KEYBOARD_CTRL_MULTIPLIER;\n    }\n\n    table_setColumnSizing(header.column.table, (old) => ({\n      ...old,\n      [column.id]: startSize + offset,\n    }));\n  };\n}\n\n/**\n * Helper function to determine if a column can be resized, based on the table and column options, and whether it is a leaf column.\n * @internal\n */\nexport function column_getCanResize<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column<TDataTableFeatures, TData, TValue>) {\n  // Parent columns are not resizable, only their children are.\n  if (column.columns.length !== 0) {\n    return false;\n  }\n\n  // columnResizing is disabled on the DataTable or on the individual column\n  if (\n    column.table.options.enableColumnResizing !== true ||\n    column.columnDef.enableResizing === false\n  ) {\n    return false;\n  }\n\n  // Need to evaluate that one here, as it is not yet available in the\n  // createColumn wrapper.\n  const lastLeafColumn = table_getVisibleLeafColumns(column.table).at(-1);\n  // Check if it is the last column\n  if (column.id === lastLeafColumn?.id) {\n    return false;\n  }\n\n  return true;\n}\n\n/**\n * Constructs the column sizing feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructColumnSizingFeature(): TableFeature {\n  return {\n    assignColumnPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs('columnSizingFeature', prototype, table, {\n          column_getCanResize: {\n            fn: (column) => column_getCanResize(column),\n          },\n        });\n      },\n    ),\n    assignHeaderPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs('columnSizingFeature', prototype, table, {\n          header_getResizeHandler: {\n            fn: (header) => header_getResizeHandler(header),\n          },\n          header_getResizeExpandHandler: {\n            fn: (header) => header_getResizeExpandHandler(header),\n          },\n          header_getKeyboardResizeHandler: {\n            fn: (header) => header_getKeyboardResizeHandler(header),\n          },\n        });\n      },\n    ),\n  };\n}\n\n/**\n * Additional feature implementation for column sizing.\n * @internal\n */\nexport const DataTableColumnSizingFeature = constructColumnSizingFeature();\n"],
+  "mappings": "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",
   "names": ["minWidth", "maxWidth", "size", "old", "newColumnSizing", "target"]
 }

package/esm/tables/DataTable/features/ColumnSizing/ColumnSizing.sty.js

@@ -1,6 +1,6 @@
 import "../../DataTable.css";
 import "./ColumnSizing.css";
-var tableColumnResizing = "_17437gx0-3-12-2";
+var tableColumnResizing = "_17437gx0-3-13-0";
 export {
   tableColumnResizing
 };

package/esm/tables/DataTable/features/ColumnSizing/ColumnSizing.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnSizing/ColumnSizing.css.ts"],
-  "sourcesContent": ["import '../../DataTable.css';\nimport './ColumnSizing.css';\nexport var tableColumnResizing = '_17437gx0-3-12-2';"],
+  "sourcesContent": ["import '../../DataTable.css';\nimport './ColumnSizing.css';\nexport var tableColumnResizing = '_17437gx0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,sBAAsB;",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnSizing/useColumnSizing.js

@@ -1,6 +1,4 @@
-import {
-  functionalUpdate
-} from "@tanstack/react-table";
+import { functionalUpdate } from "@tanstack/react-table";
 import { useCallback } from "react";
 import { useControllableState } from "../../../../core/hooks/useControllableState.js";
 import { useDataTableConfigElement } from "../../../hooks/useDataTableConfig.js";

package/esm/tables/DataTable/features/ColumnSizing/useColumnSizing.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnSizing/useColumnSizing.ts"],
-  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\nimport {\n  functionalUpdate,\n  type TableOptions_All,\n  type Updater,\n} from '@tanstack/react-table';\nimport { useCallback } from 'react';\n\nimport type {\n  DataTableColumnSizingProps,\n  DataTableColumnSizingState,\n} from './column-sizing-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Configuration hook for column sizing feature, to manage the column sizing state and enable column resizing in the table options.\n * @internal\n */\nexport function useColumnSizing<TData extends DataTableRowData>(\n  props: DataTableColumnSizingProps,\n  options: TableOptions_All<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  options.enableColumnResizing = false;\n\n  const configResizable = useDataTableConfigElement('resizable');\n\n  const [columnSizing, setColumnSizing] = useControllableState({\n    value: props.columnSizing,\n    defaultValue: props.defaultColumnSizing ?? {},\n    onChange: props.onColumnSizingChange,\n  });\n\n  const onColumnSizingChangeCallback = useCallback(\n    (updater: Updater<DataTableColumnSizingState>) => {\n      const newValue = functionalUpdate(updater, columnSizing);\n      setColumnSizing(newValue);\n    },\n    [setColumnSizing, columnSizing],\n  );\n\n  if (configResizable === true || props.resizable === true) {\n    options.enableColumnResizing = true;\n    options.state = {\n      ...options.state,\n      columnSizing,\n    };\n\n    options.onColumnSizingChange = onColumnSizingChangeCallback;\n  }\n}\n"],
-  "mappings": "AACA;AAAA,EACE;AAAA,OAGK;AACP,SAAS,mBAAmB;AAM5B,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;AAQnC,SAAS,gBACd,OACA,SACM;AACN,UAAQ,uBAAuB;AAE/B,QAAM,kBAAkB,0BAA0B,WAAW;AAE7D,QAAM,CAAC,cAAc,eAAe,IAAI,qBAAqB;AAAA,IAC3D,OAAO,MAAM;AAAA,IACb,cAAc,MAAM,uBAAuB,CAAC;AAAA,IAC5C,UAAU,MAAM;AAAA,EAClB,CAAC;AAED,QAAM,+BAA+B;AAAA,IACnC,CAAC,YAAiD;AAChD,YAAM,WAAW,iBAAiB,SAAS,YAAY;AACvD,sBAAgB,QAAQ;AAAA,IAC1B;AAAA,IACA,CAAC,iBAAiB,YAAY;AAAA,EAChC;AAEA,MAAI,oBAAoB,QAAQ,MAAM,cAAc,MAAM;AACxD,YAAQ,uBAAuB;AAC/B,YAAQ,QAAQ;AAAA,MACd,GAAG,QAAQ;AAAA,MACX;AAAA,IACF;AAEA,YAAQ,uBAAuB;AAAA,EACjC;AACF;",
+  "sourcesContent": ["/* oxlint-disable react-hooks/immutability */\nimport { functionalUpdate, type Updater } from '@tanstack/react-table';\nimport { useCallback } from 'react';\n\nimport type {\n  DataTableColumnSizingProps,\n  DataTableColumnSizingState,\n} from './column-sizing-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { DataTableOptions } from '../types/table.types.js';\n\n/**\n * Configuration hook for column sizing feature, to manage the column sizing state and enable column resizing in the table options.\n * @internal\n */\nexport function useColumnSizing<TData extends DataTableRowData>(\n  props: DataTableColumnSizingProps,\n  options: DataTableOptions<Exclude<TData, unknown>>,\n): void {\n  options.enableColumnResizing = false;\n\n  const configResizable = useDataTableConfigElement('resizable');\n\n  const [columnSizing, setColumnSizing] = useControllableState({\n    value: props.columnSizing,\n    defaultValue: props.defaultColumnSizing ?? {},\n    onChange: props.onColumnSizingChange,\n  });\n\n  const onColumnSizingChangeCallback = useCallback(\n    (updater: Updater<DataTableColumnSizingState>) => {\n      const newValue = functionalUpdate(updater, columnSizing);\n      setColumnSizing(newValue);\n    },\n    [setColumnSizing, columnSizing],\n  );\n\n  if (configResizable === true || props.resizable === true) {\n    options.enableColumnResizing = true;\n    options.state = {\n      ...options.state,\n      columnSizing,\n    };\n\n    options.onColumnSizingChange = onColumnSizingChangeCallback;\n  }\n}\n"],
+  "mappings": "AACA,SAAS,wBAAsC;AAC/C,SAAS,mBAAmB;AAM5B,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;AAQnC,SAAS,gBACd,OACA,SACM;AACN,UAAQ,uBAAuB;AAE/B,QAAM,kBAAkB,0BAA0B,WAAW;AAE7D,QAAM,CAAC,cAAc,eAAe,IAAI,qBAAqB;AAAA,IAC3D,OAAO,MAAM;AAAA,IACb,cAAc,MAAM,uBAAuB,CAAC;AAAA,IAC5C,UAAU,MAAM;AAAA,EAClB,CAAC;AAED,QAAM,+BAA+B;AAAA,IACnC,CAAC,YAAiD;AAChD,YAAM,WAAW,iBAAiB,SAAS,YAAY;AACvD,sBAAgB,QAAQ;AAAA,IAC1B;AAAA,IACA,CAAC,iBAAiB,YAAY;AAAA,EAChC;AAEA,MAAI,oBAAoB,QAAQ,MAAM,cAAc,MAAM;AACxD,YAAQ,uBAAuB;AAC/B,YAAQ,QAAQ;AAAA,MACd,GAAG,QAAQ;AAAA,MACX;AAAA,IACF;AAEA,YAAQ,uBAAuB;AAAA,EACjC;AACF;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._19nyr521-3-12-2 {
+._19nyr521-3-13-0 {
   overflow: hidden;
   text-overflow: ellipsis;
 }