@dynatrace/strato-components 3.13.2 → 3.14.0

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsListItem.sty.js

@@ -1,12 +1,12 @@
 import "./DataTableColumnsListItem.css";
-var columnName = "_13ypmcy5-3-13-2";
-var columnNameContainer = "_13ypmcy4-3-13-2";
-var columnNameIndented = "_13ypmcy6-3-13-2";
-var columnNameSubdued = "_13ypmcy7-3-13-2";
-var columnsListItem = "_13ypmcy0-3-13-2";
-var dragging = "_13ypmcy3-3-13-2";
-var lastInSection = "_13ypmcy1-3-13-2";
-var noDragHandle = "_13ypmcy2-3-13-2";
+var columnName = "_13ypmcy5-3-14-0";
+var columnNameContainer = "_13ypmcy4-3-14-0";
+var columnNameIndented = "_13ypmcy6-3-14-0";
+var columnNameSubdued = "_13ypmcy7-3-14-0";
+var columnsListItem = "_13ypmcy0-3-14-0";
+var dragging = "_13ypmcy3-3-14-0";
+var lastInSection = "_13ypmcy1-3-14-0";
+var noDragHandle = "_13ypmcy2-3-14-0";
 export {
   columnName,
   columnNameContainer,

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsListItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsListItem.css.ts"],
-  "sourcesContent": ["import './DataTableColumnsListItem.css';\nexport var columnName = '_13ypmcy5-3-13-2';\nexport var columnNameContainer = '_13ypmcy4-3-13-2';\nexport var columnNameIndented = '_13ypmcy6-3-13-2';\nexport var columnNameSubdued = '_13ypmcy7-3-13-2';\nexport var columnsListItem = '_13ypmcy0-3-13-2';\nexport var dragging = '_13ypmcy3-3-13-2';\nexport var lastInSection = '_13ypmcy1-3-13-2';\nexport var noDragHandle = '_13ypmcy2-3-13-2';"],
+  "sourcesContent": ["import './DataTableColumnsListItem.css';\nexport var columnName = '_13ypmcy5-3-14-0';\nexport var columnNameContainer = '_13ypmcy4-3-14-0';\nexport var columnNameIndented = '_13ypmcy6-3-14-0';\nexport var columnNameSubdued = '_13ypmcy7-3-14-0';\nexport var columnsListItem = '_13ypmcy0-3-14-0';\nexport var dragging = '_13ypmcy3-3-14-0';\nexport var lastInSection = '_13ypmcy1-3-14-0';\nexport var noDragHandle = '_13ypmcy2-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,sBAAsB;AAC1B,IAAI,qBAAqB;AACzB,IAAI,oBAAoB;AACxB,IAAI,kBAAkB;AACtB,IAAI,WAAW;AACf,IAAI,gBAAgB;AACpB,IAAI,eAAe;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsSectionHeader.css

@@ -1,4 +1,4 @@
-._1o0bw490-3-13-2 {
+._1o0bw490-3-14-0 {
   display: flex;
   align-items: center;
   margin: 0;
@@ -7,6 +7,6 @@
   padding-left: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-4, 4px);
 }
-._1o0bw491-3-13-2 {
+._1o0bw491-3-14-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsSectionHeader.sty.js

@@ -1,6 +1,6 @@
 import "./DataTableColumnsSectionHeader.css";
-var sectionHeader = "_1o0bw490-3-13-2";
-var sectionHeaderLabel = "_1o0bw491-3-13-2";
+var sectionHeader = "_1o0bw490-3-14-0";
+var sectionHeaderLabel = "_1o0bw491-3-14-0";
 export {
   sectionHeader,
   sectionHeaderLabel

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsSectionHeader.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableColumnsSectionHeader.css.ts"],
-  "sourcesContent": ["import './DataTableColumnsSectionHeader.css';\nexport var sectionHeader = '_1o0bw490-3-13-2';\nexport var sectionHeaderLabel = '_1o0bw491-3-13-2';"],
+  "sourcesContent": ["import './DataTableColumnsSectionHeader.css';\nexport var sectionHeader = '_1o0bw490-3-14-0';\nexport var sectionHeaderLabel = '_1o0bw491-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableNoFilterResultsEmptyState.css

@@ -1,3 +1,3 @@
-._cuj2fe0-3-13-2 {
+._cuj2fe0-3-14-0 {
   text-align: center;
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableNoFilterResultsEmptyState.sty.js

@@ -1,5 +1,5 @@
 import "./DataTableNoFilterResultsEmptyState.css";
-var container = "_cuj2fe0-3-13-2";
+var container = "_cuj2fe0-3-14-0";
 export {
   container
 };

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableNoFilterResultsEmptyState.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableNoFilterResultsEmptyState.css.ts"],
-  "sourcesContent": ["import './DataTableNoFilterResultsEmptyState.css';\nexport var container = '_cuj2fe0-3-13-2';"],
+  "sourcesContent": ["import './DataTableNoFilterResultsEmptyState.css';\nexport var container = '_cuj2fe0-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableVisibilityFilterControls.css

@@ -1,14 +1,14 @@
-._1rh6hs00-3-13-2 {
+._1rh6hs00-3-14-0 {
   flex: 1 1 0;
 }
-._1rh6hs00-3-13-2._1rh6hs00-3-13-2 {
+._1rh6hs00-3-14-0._1rh6hs00-3-14-0 {
   min-width: unset;
 }
-._1rh6hs01-3-13-2 {
+._1rh6hs01-3-14-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   flex-shrink: 0;
   white-space: nowrap;
 }
-._dmotjm0-3-13-2 div:has(> ._1rh6hs02-3-13-2) {
+._dmotjm0-3-14-0 div:has(> ._1rh6hs02-3-14-0) {
   padding-top: var(--dt-spacings-size-0, 0);
 }

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableVisibilityFilterControls.sty.js

@@ -1,8 +1,8 @@
 import "../../../../../overlays/modal/Modal.css";
 import "./DataTableVisibilityFilterControls.css";
-var columnCount = "_1rh6hs01-3-13-2";
-var filterControls = "_1rh6hs02-3-13-2";
-var searchInput = "_1rh6hs00-3-13-2";
+var columnCount = "_1rh6hs01-3-14-0";
+var filterControls = "_1rh6hs02-3-14-0";
+var searchInput = "_1rh6hs00-3-14-0";
 export {
   columnCount,
   filterControls,

package/esm/tables/DataTable/components/Toolbar/ColumnSettings/DataTableVisibilityFilterControls.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/ColumnSettings/DataTableVisibilityFilterControls.css.ts"],
-  "sourcesContent": ["import '../../../../../overlays/modal/Modal.css';\nimport './DataTableVisibilityFilterControls.css';\nexport var columnCount = '_1rh6hs01-3-13-2';\nexport var filterControls = '_1rh6hs02-3-13-2';\nexport var searchInput = '_1rh6hs00-3-13-2';"],
+  "sourcesContent": ["import '../../../../../overlays/modal/Modal.css';\nimport './DataTableVisibilityFilterControls.css';\nexport var columnCount = '_1rh6hs01-3-14-0';\nexport var filterControls = '_1rh6hs02-3-14-0';\nexport var searchInput = '_1rh6hs00-3-14-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,cAAc;",
   "names": []
 }

package/esm/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.css

@@ -1,9 +1,9 @@
-._1gjma320-3-13-2 {
+._1gjma320-3-14-0 {
   gap: var(--dt-spacings-size-24, 24px);
 }
-._1gjma321-3-13-2 {
+._1gjma321-3-14-0 {
   white-space: nowrap;
 }
-._1m01arl7-3-13-2 ._1gjma321-3-13-2 {
+._1m01arl8-3-14-0 ._1gjma321-3-14-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }

package/esm/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.sty.js

@@ -1,7 +1,7 @@
 import "../../../../../navigation/menu/Menu.css";
 import "./DataTableDownloadData.css";
-var downloadMenuItem = "_1gjma320-3-13-2";
-var downloadMenuSuffix = "_1gjma321-3-13-2";
+var downloadMenuItem = "_1gjma320-3-14-0";
+var downloadMenuSuffix = "_1gjma321-3-14-0";
 export {
   downloadMenuItem,
   downloadMenuSuffix

package/esm/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/tables/DataTable/components/Toolbar/Download/DataTableDownloadData.css.ts"],
-  "sourcesContent": ["import '../../../../../navigation/menu/Menu.css';\nimport './DataTableDownloadData.css';\nexport var downloadMenuItem = '_1gjma320-3-13-2';\nexport var downloadMenuSuffix = '_1gjma321-3-13-2';"],
+  "sourcesContent": ["import '../../../../../navigation/menu/Menu.css';\nimport './DataTableDownloadData.css';\nexport var downloadMenuItem = '_1gjma320-3-14-0';\nexport var downloadMenuSuffix = '_1gjma321-3-14-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;AACvB,IAAI,qBAAqB;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnFontStyle/ColumnFontStyle.tsx"],
-  "sourcesContent": ["import {\n  type CellData,\n  type Column,\n  type RowData,\n  type Table,\n  type TableFeature,\n  type Updater,\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  functionalUpdate,\n} from '@tanstack/react-table';\n\nimport type {\n  DataTableColumnFontStyleProps,\n  DataTableColumnFontStyleState,\n} from './column-font-style-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';\nimport {\n  createPrototypeConstructor,\n  createTableConstructor,\n} from '../types/table.types.js';\nimport type { DataTableOptions } from '../types/table.types.js';\n\n/**\n * Configuration hook for the DataTable FontStyle feature.\n * @internal\n */\nexport function useColumnFontStyle<TData extends DataTableRowData>(\n  props: DataTableColumnFontStyleProps,\n  options: DataTableOptions<Exclude<TData, unknown>>,\n): void {\n  const configFontStyle = useDataTableConfigElement('fontStyle');\n\n  const [columnFontStyle, onColumnFontStyleChange] = useControllableState({\n    value: props.fontStyle ?? configFontStyle,\n    defaultValue: props.defaultFontStyle,\n    onChange: props.onFontStyleChange,\n  });\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    columnFontStyle,\n  };\n  // eslint-disable-next-line react-hooks/immutability\n  options.onColumnFontStyleChange = onColumnFontStyleChange;\n}\n\n/**\n * Helper function that will allow access to the columnFontStyle state of an individual column.\n */\nfunction table_setColumnFontStyle<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  updater: Updater<DataTableColumnFontStyleState>,\n): void {\n  const newValue = functionalUpdate(\n    updater,\n    table.atoms.columnFontStyle?.get() ?? {},\n  );\n  table.options.onColumnFontStyleChange?.(newValue);\n}\n\n// Add a toggleFontStyle function onto the column so that it can be accessed\n// during rendering.\nfunction column_toggleFontStyle<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column<TDataTableFeatures, TData, TValue>,\n  value?: 'code' | 'text',\n): void {\n  table_setColumnFontStyle(column.table, (old) => {\n    let newValue = value;\n    // If there is no passed value, apply the toggle logic\n    if (newValue === undefined) {\n      if (old[column.id] !== undefined) {\n        newValue = old[column.id] === 'code' ? 'text' : 'code';\n      } else {\n        newValue =\n          column.table.atoms.visualVariantConfig?.get().fontStyle === 'code'\n            ? 'text'\n            : 'code';\n      }\n    }\n    return {\n      ...old,\n      [column.id]: newValue,\n    };\n  });\n}\n\n/**\n * Helper function that will allow access to the columnFontStyle state of an individual column.\n * @returns\n */\nfunction column_getFontStyle<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column<TDataTableFeatures, TData, TValue>,\n): 'code' | 'text' | undefined {\n  const fontStyleState = column.table.atoms.columnFontStyle?.get();\n\n  // Check if a font style is defined in the state\n  if (fontStyleState?.[column.id]) {\n    return fontStyleState?.[column.id];\n  }\n  // Check if some font style is defined in the columnDef meta based on column types\n  return (\n    column.columnDef.meta?.fontStyle ??\n    column.table.atoms.visualVariantConfig.get().fontStyle\n  );\n}\n\nexport function constructColumnFontStyleFeature(): TableFeature {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        columnFontStyle: structuredClone({}),\n        ...initialState,\n      };\n    },\n    assignColumnPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs(\n          'DataTableColumnFontStyleFeature',\n          prototype,\n          table,\n          {\n            column_getFontStyle: {\n              fn: (column) => column_getFontStyle(column),\n            },\n            column_toggleFontStyle: {\n              fn: (column, value) => column_toggleFontStyle(column, value),\n            },\n          },\n        );\n      },\n    ),\n    constructTableAPIs: createTableConstructor(\n      (table: Table<TDataTableFeatures, RowData>) => {\n        assignTableAPIs('DataTableColumnFontStyleFeature', table, {\n          table_setColumnFontStyle: {\n            fn: (updater) => table_setColumnFontStyle(table, updater),\n          },\n        });\n      },\n    ),\n  };\n}\n\n/**\n * Feature implementation for FontStyle. This contains the logic that will be given\n * to the tanstack table. The implementing interface is important as these are\n * the function that will be called by the tanstack table core during render.\n * @internal\n */\nexport const DataTableColumnFontStyleFeature =\n  constructColumnFontStyleFeature();\n"],
+  "sourcesContent": ["import {\n  type CellData,\n  type Column,\n  type RowData,\n  type Table,\n  type TableFeature,\n  type Updater,\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  functionalUpdate,\n} from '@tanstack/react-table';\n\nimport type {\n  DataTableColumnFontStyleProps,\n  DataTableColumnFontStyleState,\n} from './column-font-style-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';\nimport {\n  createPrototypeConstructor,\n  createTableConstructor,\n} from '../types/table.types.js';\nimport type { DataTableOptions } from '../types/table.types.js';\n\n/**\n * Configuration hook for the DataTable FontStyle feature.\n * @internal\n */\nexport function useColumnFontStyle<TData extends DataTableRowData>(\n  props: DataTableColumnFontStyleProps,\n  options: DataTableOptions<Exclude<TData, unknown>>,\n): void {\n  const configFontStyle = useDataTableConfigElement('fontStyle');\n\n  const [columnFontStyle, onColumnFontStyleChange] = useControllableState({\n    value: props.fontStyle ?? configFontStyle,\n    defaultValue: props.defaultFontStyle,\n    onChange: props.onFontStyleChange,\n  });\n\n  // oxlint-disable-next-line react/immutability\n  options.state = {\n    ...options.state,\n    columnFontStyle,\n  };\n  // oxlint-disable-next-line react/immutability\n  options.onColumnFontStyleChange = onColumnFontStyleChange;\n}\n\n/**\n * Helper function that will allow access to the columnFontStyle state of an individual column.\n */\nfunction table_setColumnFontStyle<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  updater: Updater<DataTableColumnFontStyleState>,\n): void {\n  const newValue = functionalUpdate(\n    updater,\n    table.atoms.columnFontStyle?.get() ?? {},\n  );\n  table.options.onColumnFontStyleChange?.(newValue);\n}\n\n// Add a toggleFontStyle function onto the column so that it can be accessed\n// during rendering.\nfunction column_toggleFontStyle<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column<TDataTableFeatures, TData, TValue>,\n  value?: 'code' | 'text',\n): void {\n  table_setColumnFontStyle(column.table, (old) => {\n    let newValue = value;\n    // If there is no passed value, apply the toggle logic\n    if (newValue === undefined) {\n      if (old[column.id] !== undefined) {\n        newValue = old[column.id] === 'code' ? 'text' : 'code';\n      } else {\n        newValue =\n          column.table.atoms.visualVariantConfig?.get().fontStyle === 'code'\n            ? 'text'\n            : 'code';\n      }\n    }\n    return {\n      ...old,\n      [column.id]: newValue,\n    };\n  });\n}\n\n/**\n * Helper function that will allow access to the columnFontStyle state of an individual column.\n * @returns\n */\nfunction column_getFontStyle<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column<TDataTableFeatures, TData, TValue>,\n): 'code' | 'text' | undefined {\n  const fontStyleState = column.table.atoms.columnFontStyle?.get();\n\n  // Check if a font style is defined in the state\n  if (fontStyleState?.[column.id]) {\n    return fontStyleState?.[column.id];\n  }\n  // Check if some font style is defined in the columnDef meta based on column types\n  return (\n    column.columnDef.meta?.fontStyle ??\n    column.table.atoms.visualVariantConfig.get().fontStyle\n  );\n}\n\nexport function constructColumnFontStyleFeature(): TableFeature {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        columnFontStyle: structuredClone({}),\n        ...initialState,\n      };\n    },\n    assignColumnPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs(\n          'DataTableColumnFontStyleFeature',\n          prototype,\n          table,\n          {\n            column_getFontStyle: {\n              fn: (column) => column_getFontStyle(column),\n            },\n            column_toggleFontStyle: {\n              fn: (column, value) => column_toggleFontStyle(column, value),\n            },\n          },\n        );\n      },\n    ),\n    constructTableAPIs: createTableConstructor(\n      (table: Table<TDataTableFeatures, RowData>) => {\n        assignTableAPIs('DataTableColumnFontStyleFeature', table, {\n          table_setColumnFontStyle: {\n            fn: (updater) => table_setColumnFontStyle(table, updater),\n          },\n        });\n      },\n    ),\n  };\n}\n\n/**\n * Feature implementation for FontStyle. This contains the logic that will be given\n * to the tanstack table. The implementing interface is important as these are\n * the function that will be called by the tanstack table core during render.\n * @internal\n */\nexport const DataTableColumnFontStyleFeature =\n  constructColumnFontStyleFeature();\n"],
   "mappings": "AAAA;AAAA,EAOE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAMP,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;AAG1C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAOA,SAAS,mBACd,OACA,SACM;AACN,QAAM,kBAAkB,0BAA0B,WAAW;AAE7D,QAAM,CAAC,iBAAiB,uBAAuB,IAAI,qBAAqB;AAAA,IACtE,OAAO,MAAM,aAAa;AAAA,IAC1B,cAAc,MAAM;AAAA,IACpB,UAAU,MAAM;AAAA,EAClB,CAAC;AAGD,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX;AAAA,EACF;AAEA,UAAQ,0BAA0B;AACpC;AAKA,SAAS,yBACP,OACA,SACM;AACN,QAAM,WAAW;AAAA,IACf;AAAA,IACA,MAAM,MAAM,iBAAiB,IAAI,KAAK,CAAC;AAAA,EACzC;AACA,QAAM,QAAQ,0BAA0B,QAAQ;AAClD;AAIA,SAAS,uBAIP,QACA,OACM;AACN,2BAAyB,OAAO,OAAO,CAAC,QAAQ;AAC9C,QAAI,WAAW;AAEf,QAAI,aAAa,QAAW;AAC1B,UAAI,IAAI,OAAO,EAAE,MAAM,QAAW;AAChC,mBAAW,IAAI,OAAO,EAAE,MAAM,SAAS,SAAS;AAAA,MAClD,OAAO;AACL,mBACE,OAAO,MAAM,MAAM,qBAAqB,IAAI,EAAE,cAAc,SACxD,SACA;AAAA,MACR;AAAA,IACF;AACA,WAAO;AAAA,MACL,GAAG;AAAA,MACH,CAAC,OAAO,EAAE,GAAG;AAAA,IACf;AAAA,EACF,CAAC;AACH;AAMA,SAAS,oBAIP,QAC6B;AAC7B,QAAM,iBAAiB,OAAO,MAAM,MAAM,iBAAiB,IAAI;AAG/D,MAAI,iBAAiB,OAAO,EAAE,GAAG;AAC/B,WAAO,iBAAiB,OAAO,EAAE;AAAA,EACnC;AAEA,SACE,OAAO,UAAU,MAAM,aACvB,OAAO,MAAM,MAAM,oBAAoB,IAAI,EAAE;AAEjD;AAEO,SAAS,kCAAgD;AAC9D,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,iBAAiB,gBAAgB,CAAC,CAAC;AAAA,QACnC,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,uBAAuB;AAAA,MACrB,CACE,WACA,UACG;AACH;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,YACE,qBAAqB;AAAA,cACnB,IAAI,CAAC,WAAW,oBAAoB,MAAM;AAAA,YAC5C;AAAA,YACA,wBAAwB;AAAA,cACtB,IAAI,CAAC,QAAQ,UAAU,uBAAuB,QAAQ,KAAK;AAAA,YAC7D;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,oBAAoB;AAAA,MAClB,CAAC,UAA8C;AAC7C,wBAAgB,mCAAmC,OAAO;AAAA,UACxD,0BAA0B;AAAA,YACxB,IAAI,CAAC,YAAY,yBAAyB,OAAO,OAAO;AAAA,UAC1D;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;AAQO,MAAM,kCACX,gCAAgC;",
   "names": []
 }

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

@@ -1,11 +1,11 @@
-._1ku1w3z0-3-13-2 {
+._1ku1w3z0-3-14-0 {
   cursor: grabbing;
   box-shadow: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   z-index: 4;
   overflow: hidden;
 }
-._1ku1w3z1-3-13-2::after {
+._1ku1w3z1-3-14-0::after {
   content: "";
   position: absolute;
   top: 0;
@@ -14,13 +14,13 @@
   width: 3px;
   background: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._1ku1w3z2-3-13-2::after {
+._1ku1w3z2-3-14-0::after {
   left: 0;
 }
-._1ku1w3z3-3-13-2::after {
+._1ku1w3z3-3-14-0::after {
   right: 0;
 }
-._1ku1w3z4-3-13-2::before {
+._1ku1w3z4-3-14-0::before {
   content: "";
   display: block;
   position: absolute;
@@ -29,12 +29,12 @@
   bottom: var(--dt-spacings-size-6, 6px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ku1w3z5-3-13-2 {
+._1ku1w3z5-3-14-0 {
   display: none;
 }
-._1ku1w3z6-3-13-2 {
+._1ku1w3z6-3-14-0 {
   cursor: grab;
 }
-._1ku1w3z7-3-13-2 {
+._1ku1w3z7-3-14-0 {
   pointer-events: none;
 }

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

@@ -1,9 +1,9 @@
 import "./ColumnOrder.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var columnDndOverlay = "_1ku1w3z0-3-13-2";
-var headerDragAndDrop = { dragging: "_1ku1w3z5-3-13-2", enabled: "_1ku1w3z6-3-13-2", inactive: "_1ku1w3z7-3-13-2" };
-var insertPositionIndicator = _7a468({ defaultClassName: "_1ku1w3z1-3-13-2", variantClassNames: { left: { true: "_1ku1w3z2-3-13-2", false: "_1ku1w3z3-3-13-2" } }, defaultVariants: {}, compoundVariants: [] });
-var verticalDividers = "_1ku1w3z4-3-13-2";
+var columnDndOverlay = "_1ku1w3z0-3-14-0";
+var headerDragAndDrop = { dragging: "_1ku1w3z5-3-14-0", enabled: "_1ku1w3z6-3-14-0", inactive: "_1ku1w3z7-3-14-0" };
+var insertPositionIndicator = _7a468({ defaultClassName: "_1ku1w3z1-3-14-0", variantClassNames: { left: { true: "_1ku1w3z2-3-14-0", false: "_1ku1w3z3-3-14-0" } }, defaultVariants: {}, compoundVariants: [] });
+var verticalDividers = "_1ku1w3z4-3-14-0";
 export {
   columnDndOverlay,
   headerDragAndDrop,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnOrder/ColumnOrder.css.ts"],
-  "sourcesContent": ["import './ColumnOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var columnDndOverlay = '_1ku1w3z0-3-13-2';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-13-2',enabled:'_1ku1w3z6-3-13-2',inactive:'_1ku1w3z7-3-13-2'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-13-2',variantClassNames:{left:{true:'_1ku1w3z2-3-13-2',false:'_1ku1w3z3-3-13-2'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-13-2';"],
+  "sourcesContent": ["import './ColumnOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var columnDndOverlay = '_1ku1w3z0-3-14-0';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-14-0',enabled:'_1ku1w3z6-3-14-0',inactive:'_1ku1w3z7-3-14-0'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-14-0',variantClassNames:{left:{true:'_1ku1w3z2-3-14-0',false:'_1ku1w3z3-3-14-0'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-14-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB;AACvB,IAAI,oBAAoB,EAAC,UAAS,oBAAmB,SAAQ,oBAAmB,UAAS,mBAAkB;AAC3G,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7L,IAAI,mBAAmB;",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnOrder/column-order-dnd-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnOrder/column-order-dnd-utils.ts"],
-  "sourcesContent": ["import {\n  type Active,\n  type ClientRect,\n  type CollisionDescriptor,\n  type CollisionDetection,\n  type DragOverEvent,\n  type DroppableContainer,\n  type Modifier,\n  type Over,\n} from '@dnd-kit/core';\nimport type {\n  ColumnPinningState,\n  Column,\n  RowData,\n} from '@tanstack/react-table';\nimport { TouchEvent } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nimport * as styles from './ColumnOrder.sty.js';\nimport { getDataTableBorderWidth } from '../../../utils/data-table-border-width.js';\nimport {\n  DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n  DATA_TABLE_DND_PLACEHOLDER_DIVIDER_CSS_VAR,\n  DATA_TABLE_HORIZONTAL_DIVIDER_HEIGHT,\n} from '../../constants.js';\nimport type { DragAndDropTransform } from '../types/dnd.types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport type { DataTableInstance } from '../types/table.types.js';\n\n//#region DragAndDrop\n\n// DOM Query for filtering out pinned parent headers. A header id is built as\n// `${family}_${depth}_${columnId}`, so the pinned families are an anchored\n// prefix. Matching the family as a substring would also match column ids that\n// merely contain it (`endpoint`, `backend`, `startTime`).\nexport const unpinnedHeaderFilter =\n  ':not([data-headerid^=\"start_\"]):not([data-headerid^=\"end_\"])';\n// Pixels from the scroll boundary at which custom auto-scroll begins.\nexport const SCROLL_PROXIMITY_ZONE = 10;\n/** Offset for column drag-and-drop collision detection (px). */\nconst COLUMN_DND_COLLISION_OFFSET = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH / 2 - 1;\n/** Number of pixels above which a touch move event is considered a drag motion. */\nconst TOUCH_DRAG_MOTION_THRESHOLD = 5;\n// Min custom scroll speed (px/frame) applied at the edge of the proximity zone. Start slow, then speed up to max scroll speed.\nconst MIN_SCROLL_SPEED = 3;\n// Max custom scroll speed (px/frame) applied when fully past the boundary. 15 feels smooth, anything above feels too fast and anything below feels too slow.\nconst MAX_SCROLL_SPEED = 15;\n\n/**\n * Determines if the touch interaction is a drag motion.\n *\n * @param touchMove - The current touch move event.\n * @param touchStart - The preceding touch start event.\n * @returns A boolean indicating whether the touch move event is considered a drag motion.\n * @internal\n */\nexport function isDragMotion(\n  touchMove: TouchEvent,\n  touchStart?: TouchEvent,\n): boolean {\n  const touchStartX = touchStart?.touches[0].clientX;\n  if (touchStartX === undefined) {\n    return false;\n  }\n  const touchMoveX = touchMove.touches[0].clientX;\n  return Math.abs(touchMoveX - touchStartX) > TOUCH_DRAG_MOTION_THRESHOLD;\n}\n\n/**\n * Updates the column order state based on the active and over columns.\n *\n * @param active - The actively dragged item.\n * @param over - The droppable item which the active item is currently dragged over.\n * @param table - The table instance.\n * @param virtualizationContainer - The table's virtualization container.\n * @internal\n */\nexport function updateColumnOrderOnDragEnd(config: {\n  active: Active;\n  over: Over | null;\n  table: DataTableInstance<RowData>;\n  virtualizationContainer?: HTMLDivElement;\n}): void {\n  const { active, over, virtualizationContainer } = config;\n\n  // Always reset drag state, even when there is no valid drop target (e.g. rapid click-release).\n  config.table.setDraggedHeaderColumn(null);\n\n  if (\n    over === null ||\n    active.data.current === undefined ||\n    over.data.current === undefined ||\n    virtualizationContainer === undefined\n  ) {\n    return;\n  }\n\n  const activeColumn = active.data.current.column as Column<\n    TDataTableFeatures,\n    RowData\n  >;\n  const activeChildColumnIds = activeColumn.columns.map((child) => child.id);\n  const activeChildColumnsCount = activeChildColumnIds.length;\n  const activeParentColumnId = activeColumn.parent?.id;\n\n  const overColumn = over.data.current.column as Column<\n    TDataTableFeatures,\n    RowData\n  >;\n  const overParentColumnId = over.data.current?.column?.parent?.id;\n  const overChildColumnIds = overColumn.columns.map((child) => child.id);\n  const overChildColumnsCount = overChildColumnIds.length;\n\n  // move columns if both columns have the same parent or no parent\n  if (activeParentColumnId === overParentColumnId) {\n    const columnOrder = config.table.atoms.columnOrder?.get() ?? [];\n    const moveCount = Math.max(activeChildColumnsCount, 1);\n\n    // get the active and over columns' indexes in the unmodified column order to consider hidden columns during reordering\n    const activeColumnIndex = columnOrder.findIndex((columnId) => {\n      const id =\n        activeChildColumnsCount === 0\n          ? activeColumn.id\n          : // get the index of the first child column if the active column is a parent\n            activeColumn.getLeafColumns()[0].id;\n\n      return columnId === id;\n    });\n    const overColumnIndex = columnOrder.findIndex((columnId) => {\n      const id =\n        overChildColumnsCount === 0\n          ? overColumn.id\n          : // get the index of the first child column if the active column is a parent\n            overColumn.getLeafColumns()[0].id;\n      return columnId === id;\n    });\n\n    // update column order\n    const newColumnOrder = [...columnOrder];\n    const movedColumns = newColumnOrder.splice(activeColumnIndex, moveCount);\n    // if moving more than one column to the right, toIndex needs to be adjusted since more than one column were spliced from the array\n    const toIndex =\n      overColumnIndex > activeColumnIndex\n        ? overColumnIndex - (moveCount - 1)\n        : overColumnIndex;\n\n    newColumnOrder.splice(toIndex, 0, ...movedColumns);\n    config.table.setColumnOrder(newColumnOrder);\n  }\n\n  removeInsertPositionIndicator(lastStyledCells, virtualizationContainer, true);\n}\n\n/**\n * Gets the speed for the custom auto scroll.\n *\n * @param scrollZoneDepth - the mouse pointer position when penetrating the area where auto scroll should kick in\n *\n * @returns scroll speed measured in pixels per frame, a number between MIN_SCROLL_SPEED and MAX_SCROLL_SPEED\n * @internal\n */\nexport const getCustomScrollSpeed = (scrollZoneDepth: number): number => {\n  return Math.round(\n    MIN_SCROLL_SPEED +\n      (Math.min(scrollZoneDepth, SCROLL_PROXIMITY_ZONE) /\n        SCROLL_PROXIMITY_ZONE) *\n        (MAX_SCROLL_SPEED - MIN_SCROLL_SPEED),\n  );\n};\n\n/**\n * Creates a temporary DOM element that is temporarily inserted into the header group\n * during a drag operation to preserve the CSS grid layout when the dragged header cell is portalled out\n * of its original position.\n *\n * @param gridArea - dragged element's position in the grid\n * @param width - dragged element's width\n * @param height - dragged element's height\n * @param verticalDividerOptions - optional config for the vertical divider styling on the placeholder\n *\n * @internal\n */\nexport const createHeaderPlaceholder = (\n  gridArea: string,\n  width: number,\n  height: number,\n  verticalDividerOptions?: {\n    isParentColumn: boolean;\n    heightOffset: number;\n  },\n): HTMLDivElement => {\n  const placeholder = document.createElement('div');\n  placeholder.style.gridArea = gridArea;\n  placeholder.style.width = `${width}px`;\n  placeholder.style.height = `${height}px`;\n\n  if (verticalDividerOptions) {\n    const { isParentColumn, heightOffset } = verticalDividerOptions;\n    placeholder.classList.add(styles.verticalDividers);\n    placeholder.style.setProperty(\n      DATA_TABLE_DND_PLACEHOLDER_DIVIDER_CSS_VAR,\n      !isParentColumn && heightOffset !== 0\n        ? `${heightOffset}px`\n        : Spacings.Size4,\n    );\n  }\n\n  return placeholder;\n};\n\n//#endregion DragAndDrop\n\n//#region PositionIndicator\n// save the cells that last received the indicator styles to be able to remove them again\nconst lastStyledCells = new Set<HTMLElement>();\n\n/**\n * Transforms columns left/right to make space for the column which is currently being dragged (\"active\" column).\n *\n * @param event - contains \"active\" (column being dragged) and \"over\" columns (column where the active column is currently dragged over).\n * @param virtualizationContainer - The table's virtualization container.\n * @internal\n */\nexport function indicateInsertPosition<TData extends RowData>(\n  event: DragOverEvent,\n  virtualizationContainer?: HTMLDivElement,\n): void {\n  if (virtualizationContainer === undefined || !event.active || !event.over) {\n    return;\n  }\n\n  const activeColumnIndex = event.active.data.current?.columnIndex;\n  const overColumnId = event.over.id as string;\n  const overColumnIndex = event.over.data.current?.columnIndex;\n\n  // If the over column is a parent, we also need to render the indicator for the first/last unpinned child\n  // depending on whether the active column is moved left or right\n  const overColumnChildren =\n    (event.over.data.current?.column as Column<TDataTableFeatures, TData> | undefined)\n      ?.getVisibleLeafColumns()\n      .filter(\n        (child) =>\n          !(\n            child as unknown as Column<TDataTableFeatures, RowData>\n          ).getIsPinned(),\n      ) ?? [];\n  const overFirstChildId = overColumnChildren.at(0)?.id;\n  const overLastChildId = overColumnChildren.at(-1)?.id;\n\n  if (activeColumnIndex < overColumnIndex) {\n    // move right\n    const overChildColumnId =\n      overLastChildId !== overColumnId ? overLastChildId : undefined;\n    renderInsertPositionIndicator(\n      virtualizationContainer,\n      overColumnId,\n      overChildColumnId,\n      'right',\n    );\n  } else if (activeColumnIndex > overColumnIndex) {\n    // move left\n    const overChildColumnId =\n      overFirstChildId !== overColumnId ? overFirstChildId : undefined;\n    renderInsertPositionIndicator(\n      virtualizationContainer,\n      overColumnId,\n      overChildColumnId,\n      'left',\n    );\n  } else {\n    removeInsertPositionIndicator(lastStyledCells);\n  }\n}\n\n/**\n * Renders an indicator at the position where the column will be inserted.\n */\nfunction renderInsertPositionIndicator(\n  virtualizationContainer: HTMLDivElement,\n  columnId: string,\n  childColumnId: string | undefined,\n  position: 'left' | 'right',\n): void {\n  const overCell = getHeaderCell(virtualizationContainer, columnId);\n  if (overCell === null) {\n    return;\n  }\n\n  const overChildColumnCell = getHeaderCell(\n    virtualizationContainer,\n    childColumnId,\n  );\n\n  // remove previous styles\n  removeInsertPositionIndicator(lastStyledCells);\n  // hide resize handles so they don't overlap the indicators\n  const resizeHandles = getResizeHandles(virtualizationContainer);\n  for (const resizeHandle of resizeHandles) {\n    resizeHandle.style.display = 'none';\n  }\n\n  // add indicator after element\n  addPositionIndicatorStyle(overCell, position);\n  lastStyledCells.add(overCell);\n\n  // add indicator also to child column if there is one\n  if (overChildColumnCell) {\n    addPositionIndicatorStyle(overChildColumnCell, position);\n    lastStyledCells.add(overChildColumnCell);\n  }\n}\n\nfunction addPositionIndicatorStyle(\n  elem: HTMLElement,\n  position: 'left' | 'right',\n): void {\n  elem.classList.add(\n    styles.insertPositionIndicator.classNames.base,\n    styles.insertPositionIndicator.classNames.variants.left[\n      position === 'left' ? 'true' : 'false'\n    ],\n  );\n}\n\n/**\n * Removes the insert position indicator from the specified cells.\n */\nfunction removeInsertPositionIndicator(\n  cells: Set<HTMLElement>,\n  virtualizationContainer: HTMLDivElement | undefined = undefined,\n  displayResizeHandles: boolean = false,\n): void {\n  if (cells.size <= 0) {\n    return;\n  }\n\n  if (displayResizeHandles && virtualizationContainer) {\n    const resizeHandles = getResizeHandles(virtualizationContainer);\n    for (const resizeHandle of resizeHandles) {\n      resizeHandle.style.removeProperty('display');\n    }\n  }\n\n  for (const cell of cells) {\n    cell.classList.remove(\n      styles.insertPositionIndicator.classNames.base,\n      styles.insertPositionIndicator.classNames.variants.left.true,\n      styles.insertPositionIndicator.classNames.variants.left.false,\n    );\n    lastStyledCells.delete(cell);\n  }\n}\n\n/**\n * Gets all cells with the given column id.\n * @param virtualizationContainer - The table's virtualization container.\n * @param columnId - id of the column (matches against `data-columnid`).\n * @returns matching cells.\n */\nfunction getHeaderCell(\n  virtualizationContainer: HTMLDivElement,\n  columnId?: string,\n): HTMLElement | null {\n  if (columnId === undefined) {\n    return null;\n  }\n\n  return virtualizationContainer.querySelector<HTMLElement>(\n    `[role=\"columnheader\"][data-headerid=${CSS.escape(\n      columnId,\n    )}], [role='columnheader'][data-columnid=\"${CSS.escape(columnId)}\"]`,\n  );\n}\n\n/**\n * Gets all resize handles in the table.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns matching elements.\n */\nfunction getResizeHandles(\n  virtualizationContainer: HTMLDivElement,\n): HTMLElement[] {\n  const resizeHandles = virtualizationContainer.querySelectorAll<HTMLElement>(\n    '[data-trigger=\"resize\"]',\n  );\n  return Array.from(resizeHandles);\n}\n\n//#endregion PositionIndicator\n\n//#region CollisionDetection\n/**\n * Check if a given point is contained within a bounding rectangle\n */\nfunction isPointWithinRectX(pointX: number, rect: ClientRect): boolean {\n  return rect.left <= pointX && pointX <= rect.right;\n}\n\n/**\n * Custom collision detection algorithm for column order drag and drop.\n * Determines the closest droppable target within the X-axis based on the dragging direction.\n *\n * @param param0 - Object containing the droppable containers, the droppable rects, the collision rect and\n *                 the active element, which are needed for the collision detection.\n * @returns An array of collision descriptors, sorted by the distance to the dragged column, or an empty array if none is found.\n */\nconst closestTargetWithinX: CollisionDetection = ({\n  droppableContainers,\n  droppableRects,\n  active,\n  collisionRect,\n}): CollisionDescriptor[] => {\n  const initialRect = active.rect.current.initial;\n\n  if (initialRect === null) {\n    return [];\n  }\n\n  const collisions: CollisionDescriptor[] = [];\n\n  // To make this work for varying column widths, depending on the dragging direction\n  // we take either the left or the right of the dragged column to check for collisions\n  // (minus a small offset, so the columns have to overlap a bit, before they would be swapped)\n  const isDraggingLeft = collisionRect.left < initialRect.left;\n  // min column width is 30px, to ensure the offset is in the left/right half: 30 / 2 - 1 = 14\n  const collisionRectX = isDraggingLeft\n    ? collisionRect.left + COLUMN_DND_COLLISION_OFFSET\n    : collisionRect.right - COLUMN_DND_COLLISION_OFFSET;\n\n  for (const droppableContainer of droppableContainers) {\n    const { id } = droppableContainer;\n    const rect = droppableRects.get(id);\n\n    if (rect === undefined) {\n      continue;\n    }\n\n    if (isPointWithinRectX(collisionRectX, rect)) {\n      // return the container that the active rect is dragged over\n      return [\n        {\n          id,\n          data: { droppableContainer, value: 0 },\n        },\n      ];\n    }\n\n    // in case the dragged column's collisionRectX is not directly within any of the droppable containers\n    // (e.g. when dragging over the scrollbar) we need to find the closest one. Therefore, we calculate\n    // the distance between the droppable container's top/bottom and the collisionRectX coordinate.\n    const droppableContainerX = isDraggingLeft ? rect.left : rect.right;\n    const distance = Math.abs(collisionRectX - droppableContainerX);\n    collisions.push({ id, data: { droppableContainer, value: distance } });\n  }\n\n  return collisions.sort((a, b) => a.data.value - b.data.value);\n};\n\n/**\n * Custom collision detection function that filters droppable containers based on the type of column being dragged,\n * and then applies the custom closestCenterWithinX algorithm on the filtered targets.\n *\n * @param active - The actively dragged item.\n * @param droppableContainers - The list of all droppable containers.\n * @param rest - Additional collision detection parameters.\n * @internal\n */\nexport const customCollisionDetection: CollisionDetection = ({\n  active,\n  droppableContainers,\n  ...rest\n}): CollisionDescriptor[] => {\n  if (active.data.current === undefined) {\n    return [];\n  }\n\n  const activeParentColumnId = active.data.current?.column?.parent?.id;\n  let validTargets: DroppableContainer[];\n\n  // Filter droppable containers based on the type of column being dragged\n  if (activeParentColumnId === undefined) {\n    // Filter out child columns\n    validTargets = droppableContainers.filter((target) => {\n      const targetIsChildColumn =\n        target.data.current?.column?.parent !== undefined;\n      return !targetIsChildColumn;\n    });\n  } else {\n    // Only consider sibling child columns\n    validTargets = droppableContainers.filter((target) => {\n      const targetParentColumnId = target.data.current?.column?.parent?.id;\n      return targetParentColumnId === activeParentColumnId; // Only siblings are valid\n    });\n  }\n\n  // Filter builtin, pinned columns, and pinned parent header fragments, as they are not valid drop targets.\n  // When a parent column has some children pinned, tanstack-table creates separate header objects\n  // per pinning group (e.g. \"right_0_col-0_col-0-c\"). These fragments should not be valid drop targets.\n  validTargets = validTargets.filter((target) => {\n    const id = String(target.id);\n    if (id.startsWith('left_') || id.startsWith('right_')) {\n      return false;\n    }\n\n    const column = target.data.current?.column as\n      | Column<TDataTableFeatures, RowData>\n      | undefined;\n\n    if (!column) {\n      return false;\n    }\n\n    if (column.columnDef.meta?.builtin === true) {\n      return false;\n    }\n\n    // A parent column that still has unpinned children is a valid drop target\n    const childColumns = column?.columns ?? [];\n    if (childColumns.length > 0) {\n      return childColumns.some((child) => !child.getIsPinned());\n    }\n\n    return !column.getIsPinned();\n  });\n\n  // Apply closestCenterWithinX on filtered targets and cast to the expected type\n  return closestTargetWithinX({\n    active,\n    droppableContainers: validTargets,\n    ...rest,\n  }) as CollisionDescriptor[];\n};\n//#endregion CollisionDetection\n\n//#region Modifiers\n/**\n * Retrieves the left and right bounds of a column header.\n *\n * @param columnId -\n * @param virtualizationContainer - table's virtualization container.\n * @param rowIndex - Header row to query. Defaults to 0 (parent header).\n * @param centerOnly - Exclude pinned headers if true. Relevant for parents whose children span\n * multiple pinning groups, where we only need the center fragment's bounds.\n */\nfunction getHeaderBounds(\n  columnId: string,\n  virtualizationContainer: HTMLDivElement,\n  rowIndex: 0 | 1 = 0,\n  centerOnly: boolean = false,\n): {\n  left?: number;\n  right?: number;\n  height?: number;\n} {\n  const element = virtualizationContainer.querySelector<HTMLElement>(\n    `[role=\"columnheader\"][data-header-row=\"${rowIndex}\"][data-columnId=${CSS.escape(\n      columnId,\n    )}]${centerOnly ? unpinnedHeaderFilter : ''}`,\n  );\n\n  if (element) {\n    const { left, right, height } = element.getBoundingClientRect();\n    return { left, right, height };\n  }\n\n  return {\n    left: undefined,\n    right: undefined,\n    height: undefined,\n  };\n}\n\n/**\n * Get table bounds based on table variant, header height and virtualization container\n * @returns A custom dnd kit modifier.\n */\nconst getTableBounds = (\n  containedVariant: boolean,\n  virtualizationContainer: HTMLDivElement,\n  totalHeaderHeight: number,\n): {\n  left?: number;\n  right?: number;\n  top?: number;\n  bottom?: number;\n} => {\n  const parentRect = virtualizationContainer.getBoundingClientRect();\n\n  return {\n    left: containedVariant\n      ? parentRect.left + getDataTableBorderWidth()\n      : parentRect.left,\n    right: containedVariant\n      ? parentRect.right - getDataTableBorderWidth()\n      : parentRect.right,\n    top: containedVariant\n      ? parentRect.top + getDataTableBorderWidth()\n      : parentRect.top,\n    bottom: parentRect.bottom - totalHeaderHeight,\n  };\n};\n\n/**\n * Retrieves the left and right bounds of the draggable area, constrained by any pinned columns\n * @internal\n */\nexport function getDraggableAreaBounds(\n  pinnedColumns: ColumnPinningState,\n  virtualizationContainer?: HTMLDivElement,\n  rowIndex: 0 | 1 = 0,\n): { left: number | undefined; right: number | undefined } {\n  let left: number | undefined;\n  let right: number | undefined;\n\n  const leftPinnedColumns = pinnedColumns.start;\n  const rightPinnedColumns = pinnedColumns.end;\n\n  if (virtualizationContainer) {\n    if (leftPinnedColumns?.length) {\n      const lastLeftPinnedColumn =\n        leftPinnedColumns[leftPinnedColumns.length - 1];\n\n      // left bound should be the right position of the last column pinned to the left\n      left = getHeaderBounds(\n        lastLeftPinnedColumn,\n        virtualizationContainer,\n        rowIndex,\n      ).right;\n    }\n\n    // right bound should be the left position of the first column pinned to the right\n    if (rightPinnedColumns?.length) {\n      right = getHeaderBounds(\n        rightPinnedColumns[0],\n        virtualizationContainer,\n        rowIndex,\n      ).left;\n    }\n  }\n\n  return { left, right };\n}\n\n/**\n * Gets the header element that is being dragged.\n * @internal\n */\nexport function getDraggedHeaderElement(\n  headerId: string,\n  virtualizationContainer?: HTMLDivElement,\n): {\n  headerGroupElement: Element | null;\n  draggedHeaderElement: Element | null | undefined;\n} {\n  if (!virtualizationContainer) {\n    return { headerGroupElement: null, draggedHeaderElement: null };\n  }\n\n  const headerGroupElement =\n    virtualizationContainer.querySelector('[role=\"rowgroup\"]');\n\n  const draggedHeaderElement = headerGroupElement?.querySelector(\n    `[data-headerid=\"${CSS.escape(headerId)}\"]`,\n  );\n\n  return { headerGroupElement, draggedHeaderElement };\n}\n\n/**\n * Restricts the horizontal movement of an element within the specified bounds.\n *\n * @param transform - Transform values of the currently dragged element\n * @param rect - The bounding rectangle of the element being transformed.\n * @param tableBounds - The bounds within which the element should be restricted.\n * @returns The updated transform object with restricted x value.\n * @internal\n */\nexport function restrictToTableBounds(\n  transform: DragAndDropTransform,\n  rect: ClientRect,\n  tableBounds: {\n    left?: number;\n    right?: number;\n    top?: number;\n    bottom?: number;\n  },\n): DragAndDropTransform {\n  const value = {\n    ...transform,\n  };\n\n  // horizontal restriction (only apply if bound is defined)\n  if (typeof tableBounds.left === 'number') {\n    if (rect.left + transform.x <= tableBounds.left) {\n      value.x = tableBounds.left - rect.left;\n    }\n  }\n\n  if (typeof tableBounds.right === 'number') {\n    if (rect.right + transform.x >= tableBounds.right) {\n      value.x = tableBounds.right - rect.right;\n    }\n  }\n\n  // vertical restriction (only apply if bound is defined)\n  if (typeof tableBounds.top === 'number') {\n    if (rect.top + transform.y <= tableBounds.top) {\n      value.y = tableBounds.top - rect.top;\n    }\n  }\n\n  if (typeof tableBounds.bottom === 'number') {\n    if (rect.bottom + transform.y >= tableBounds.bottom) {\n      value.y = tableBounds.bottom - rect.bottom;\n    }\n  }\n\n  return value;\n}\n\n/**\n * Creates a custom modifier to restrict drag and drop for column ordering.\n * This function ensures that columns cannot be dragged outside the table container,\n * and that child columns cannot be dragged past their parent.\n * If the dragging element would be moved past the desired bounds, the movement\n * coordinates will be manually adjusted accordingly.\n *\n * @param totalHeaderHeight - The height of the table header that is subtracted from the table height.\n * @param containedVariant - Whether the table has the `contained` variant set.\n * @param pinnedColumns - pinned columns state.\n * @param hasSubHeaders - Whether the table has nested columns.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns A custom dnd kit modifier.\n * @internal\n */\nexport const createRestrictColumnDragAndDrop = (\n  totalHeaderHeight: number,\n  containedVariant: boolean,\n  pinnedColumns: ColumnPinningState,\n  hasSubHeaders: boolean,\n  virtualizationContainer?: HTMLDivElement,\n): Modifier => {\n  return ({ transform, active, draggingNodeRect }) => {\n    if (!draggingNodeRect || virtualizationContainer === undefined) {\n      return transform;\n    }\n\n    const activeColumnParentId = active?.data.current?.column?.parent?.id;\n    const hasChildColumns =\n      activeColumnParentId === undefined &&\n      active?.data.current?.column?.columns.length > 0;\n    const isChildColumn = activeColumnParentId !== undefined;\n    const hasPinnedColumns = !!(\n      pinnedColumns.start?.length ?? pinnedColumns.end?.length\n    );\n    const headerRowIndex = hasSubHeaders ? 1 : 0;\n\n    const tableBounds = getTableBounds(\n      containedVariant,\n      virtualizationContainer,\n      totalHeaderHeight,\n    );\n\n    let leftPinnedAreaBound: number | undefined,\n      rightPinnedAreaBound: number | undefined;\n\n    if (hasPinnedColumns) {\n      const { left, right } = getDraggableAreaBounds(\n        pinnedColumns,\n        virtualizationContainer,\n        headerRowIndex,\n      );\n\n      leftPinnedAreaBound = left;\n      rightPinnedAreaBound = right;\n      tableBounds.left = left ?? tableBounds.left;\n      tableBounds.right = right ?? tableBounds.right;\n    }\n\n    /**\n     * Update table bounds for parent/nested columns\n     */\n    const updateTableBounds = (\n      left?: number,\n      right?: number,\n      height?: number,\n    ): void => {\n      // This check is necessary because the height of nested headers is smaller than the total header height\n      if (height !== undefined && tableBounds) {\n        const horizontalDividerHeight = hasChildColumns\n          ? DATA_TABLE_HORIZONTAL_DIVIDER_HEIGHT\n          : 0;\n        // Ensure bottom is defined before incrementing to satisfy TypeScript\n        tableBounds.bottom =\n          (tableBounds.bottom ?? 0) + height + horizontalDividerHeight;\n      }\n\n      if (isChildColumn && left !== undefined && right !== undefined) {\n        tableBounds.left = Math.max(left, leftPinnedAreaBound ?? left);\n        tableBounds.right = Math.min(right, rightPinnedAreaBound ?? right);\n      }\n    };\n\n    // If this is a parent or child column, the vertical/horizontal bounds need to be adjusted\n    if (hasChildColumns || isChildColumn) {\n      const activeColumnId = active?.data.current?.column?.id;\n      const columnIdForMeasuringHeaderBounds = hasChildColumns\n        ? activeColumnId\n        : activeColumnParentId;\n\n      const { left, right, height } = getHeaderBounds(\n        columnIdForMeasuringHeaderBounds,\n        virtualizationContainer,\n        0,\n        isChildColumn && hasPinnedColumns,\n      );\n\n      // If this is a parent or child column, vertical dragging should be restricted to the bottom of the table.\n      // for child columns, horizontal dragging should be restricted to the parent header\n      updateTableBounds(left, right, height);\n    }\n\n    return restrictToTableBounds(transform, draggingNodeRect, tableBounds);\n  };\n};\n//#endregion Modifiers\n"],
-  "mappings": "AAiBA,OAAO,cAAc;AAErB,YAAY,YAAY;AACxB,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAWA,MAAM,uBACX;AAEK,MAAM,wBAAwB;AAErC,MAAM,8BAA8B,sCAAsC,IAAI;AAE9E,MAAM,8BAA8B;AAEpC,MAAM,mBAAmB;AAEzB,MAAM,mBAAmB;AAUlB,SAAS,aACd,WACA,YACS;AACT,QAAM,cAAc,YAAY,QAAQ,CAAC,EAAE;AAC3C,MAAI,gBAAgB,QAAW;AAC7B,WAAO;AAAA,EACT;AACA,QAAM,aAAa,UAAU,QAAQ,CAAC,EAAE;AACxC,SAAO,KAAK,IAAI,aAAa,WAAW,IAAI;AAC9C;AAWO,SAAS,2BAA2B,QAKlC;AACP,QAAM,EAAE,QAAQ,MAAM,wBAAwB,IAAI;AAGlD,SAAO,MAAM,uBAAuB,IAAI;AAExC,MACE,SAAS,QACT,OAAO,KAAK,YAAY,UACxB,KAAK,KAAK,YAAY,UACtB,4BAA4B,QAC5B;AACA;AAAA,EACF;AAEA,QAAM,eAAe,OAAO,KAAK,QAAQ;AAIzC,QAAM,uBAAuB,aAAa,QAAQ,IAAI,CAAC,UAAU,MAAM,EAAE;AACzE,QAAM,0BAA0B,qBAAqB;AACrD,QAAM,uBAAuB,aAAa,QAAQ;AAElD,QAAM,aAAa,KAAK,KAAK,QAAQ;AAIrC,QAAM,qBAAqB,KAAK,KAAK,SAAS,QAAQ,QAAQ;AAC9D,QAAM,qBAAqB,WAAW,QAAQ,IAAI,CAAC,UAAU,MAAM,EAAE;AACrE,QAAM,wBAAwB,mBAAmB;AAGjD,MAAI,yBAAyB,oBAAoB;AAC/C,UAAM,cAAc,OAAO,MAAM,MAAM,aAAa,IAAI,KAAK,CAAC;AAC9D,UAAM,YAAY,KAAK,IAAI,yBAAyB,CAAC;AAGrD,UAAM,oBAAoB,YAAY,UAAU,CAAC,aAAa;AAC5D,YAAM,KACJ,4BAA4B,IACxB,aAAa;AAAA;AAAA,QAEb,aAAa,eAAe,EAAE,CAAC,EAAE;AAAA;AAEvC,aAAO,aAAa;AAAA,IACtB,CAAC;AACD,UAAM,kBAAkB,YAAY,UAAU,CAAC,aAAa;AAC1D,YAAM,KACJ,0BAA0B,IACtB,WAAW;AAAA;AAAA,QAEX,WAAW,eAAe,EAAE,CAAC,EAAE;AAAA;AACrC,aAAO,aAAa;AAAA,IACtB,CAAC;AAGD,UAAM,iBAAiB,CAAC,GAAG,WAAW;AACtC,UAAM,eAAe,eAAe,OAAO,mBAAmB,SAAS;AAEvE,UAAM,UACJ,kBAAkB,oBACd,mBAAmB,YAAY,KAC/B;AAEN,mBAAe,OAAO,SAAS,GAAG,GAAG,YAAY;AACjD,WAAO,MAAM,eAAe,cAAc;AAAA,EAC5C;AAEA,gCAA8B,iBAAiB,yBAAyB,IAAI;AAC9E;AAUO,MAAM,uBAAuB,CAAC,oBAAoC;AACvE,SAAO,KAAK;AAAA,IACV,mBACG,KAAK,IAAI,iBAAiB,qBAAqB,IAC9C,yBACC,mBAAmB;AAAA,EAC1B;AACF;AAcO,MAAM,0BAA0B,CACrC,UACA,OACA,QACA,2BAImB;AACnB,QAAM,cAAc,SAAS,cAAc,KAAK;AAChD,cAAY,MAAM,WAAW;AAC7B,cAAY,MAAM,QAAQ,GAAG,KAAK;AAClC,cAAY,MAAM,SAAS,GAAG,MAAM;AAEpC,MAAI,wBAAwB;AAC1B,UAAM,EAAE,gBAAgB,aAAa,IAAI;AACzC,gBAAY,UAAU,IAAI,OAAO,gBAAgB;AACjD,gBAAY,MAAM;AAAA,MAChB;AAAA,MACA,CAAC,kBAAkB,iBAAiB,IAChC,GAAG,YAAY,OACf,SAAS;AAAA,IACf;AAAA,EACF;AAEA,SAAO;AACT;AAMA,MAAM,kBAAkB,oBAAI,IAAiB;AAStC,SAAS,uBACd,OACA,yBACM;AACN,MAAI,4BAA4B,UAAa,CAAC,MAAM,UAAU,CAAC,MAAM,MAAM;AACzE;AAAA,EACF;AAEA,QAAM,oBAAoB,MAAM,OAAO,KAAK,SAAS;AACrD,QAAM,eAAe,MAAM,KAAK;AAChC,QAAM,kBAAkB,MAAM,KAAK,KAAK,SAAS;AAIjD,QAAM,qBACH,MAAM,KAAK,KAAK,SAAS,QACtB,sBAAsB,EACvB;AAAA,IACC,CAAC,UACC,CACE,MACA,YAAY;AAAA,EAClB,KAAK,CAAC;AACV,QAAM,mBAAmB,mBAAmB,GAAG,CAAC,GAAG;AACnD,QAAM,kBAAkB,mBAAmB,GAAG,EAAE,GAAG;AAEnD,MAAI,oBAAoB,iBAAiB;AAEvC,UAAM,oBACJ,oBAAoB,eAAe,kBAAkB;AACvD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,WAAW,oBAAoB,iBAAiB;AAE9C,UAAM,oBACJ,qBAAqB,eAAe,mBAAmB;AACzD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,OAAO;AACL,kCAA8B,eAAe;AAAA,EAC/C;AACF;AAKA,SAAS,8BACP,yBACA,UACA,eACA,UACM;AACN,QAAM,WAAW,cAAc,yBAAyB,QAAQ;AAChE,MAAI,aAAa,MAAM;AACrB;AAAA,EACF;AAEA,QAAM,sBAAsB;AAAA,IAC1B;AAAA,IACA;AAAA,EACF;AAGA,gCAA8B,eAAe;AAE7C,QAAM,gBAAgB,iBAAiB,uBAAuB;AAC9D,aAAW,gBAAgB,eAAe;AACxC,iBAAa,MAAM,UAAU;AAAA,EAC/B;AAGA,4BAA0B,UAAU,QAAQ;AAC5C,kBAAgB,IAAI,QAAQ;AAG5B,MAAI,qBAAqB;AACvB,8BAA0B,qBAAqB,QAAQ;AACvD,oBAAgB,IAAI,mBAAmB;AAAA,EACzC;AACF;AAEA,SAAS,0BACP,MACA,UACM;AACN,OAAK,UAAU;AAAA,IACb,OAAO,wBAAwB,WAAW;AAAA,IAC1C,OAAO,wBAAwB,WAAW,SAAS,KACjD,aAAa,SAAS,SAAS,OACjC;AAAA,EACF;AACF;AAKA,SAAS,8BACP,OACA,0BAAsD,QACtD,uBAAgC,OAC1B;AACN,MAAI,MAAM,QAAQ,GAAG;AACnB;AAAA,EACF;AAEA,MAAI,wBAAwB,yBAAyB;AACnD,UAAM,gBAAgB,iBAAiB,uBAAuB;AAC9D,eAAW,gBAAgB,eAAe;AACxC,mBAAa,MAAM,eAAe,SAAS;AAAA,IAC7C;AAAA,EACF;AAEA,aAAW,QAAQ,OAAO;AACxB,SAAK,UAAU;AAAA,MACb,OAAO,wBAAwB,WAAW;AAAA,MAC1C,OAAO,wBAAwB,WAAW,SAAS,KAAK;AAAA,MACxD,OAAO,wBAAwB,WAAW,SAAS,KAAK;AAAA,IAC1D;AACA,oBAAgB,OAAO,IAAI;AAAA,EAC7B;AACF;AAQA,SAAS,cACP,yBACA,UACoB;AACpB,MAAI,aAAa,QAAW;AAC1B,WAAO;AAAA,EACT;AAEA,SAAO,wBAAwB;AAAA,IAC7B,uCAAuC,IAAI;AAAA,MACzC;AAAA,IACF,CAAC,2CAA2C,IAAI,OAAO,QAAQ,CAAC;AAAA,EAClE;AACF;AAOA,SAAS,iBACP,yBACe;AACf,QAAM,gBAAgB,wBAAwB;AAAA,IAC5C;AAAA,EACF;AACA,SAAO,MAAM,KAAK,aAAa;AACjC;AAQA,SAAS,mBAAmB,QAAgB,MAA2B;AACrE,SAAO,KAAK,QAAQ,UAAU,UAAU,KAAK;AAC/C;AAUA,MAAM,uBAA2C,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AAC3B,QAAM,cAAc,OAAO,KAAK,QAAQ;AAExC,MAAI,gBAAgB,MAAM;AACxB,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,aAAoC,CAAC;AAK3C,QAAM,iBAAiB,cAAc,OAAO,YAAY;AAExD,QAAM,iBAAiB,iBACnB,cAAc,OAAO,8BACrB,cAAc,QAAQ;AAE1B,aAAW,sBAAsB,qBAAqB;AACpD,UAAM,EAAE,GAAG,IAAI;AACf,UAAM,OAAO,eAAe,IAAI,EAAE;AAElC,QAAI,SAAS,QAAW;AACtB;AAAA,IACF;AAEA,QAAI,mBAAmB,gBAAgB,IAAI,GAAG;AAE5C,aAAO;AAAA,QACL;AAAA,UACE;AAAA,UACA,MAAM,EAAE,oBAAoB,OAAO,EAAE;AAAA,QACvC;AAAA,MACF;AAAA,IACF;AAKA,UAAM,sBAAsB,iBAAiB,KAAK,OAAO,KAAK;AAC9D,UAAM,WAAW,KAAK,IAAI,iBAAiB,mBAAmB;AAC9D,eAAW,KAAK,EAAE,IAAI,MAAM,EAAE,oBAAoB,OAAO,SAAS,EAAE,CAAC;AAAA,EACvE;AAEA,SAAO,WAAW,KAAK,CAAC,GAAG,MAAM,EAAE,KAAK,QAAQ,EAAE,KAAK,KAAK;AAC9D;AAWO,MAAM,2BAA+C,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA6B;AAC3B,MAAI,OAAO,KAAK,YAAY,QAAW;AACrC,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,uBAAuB,OAAO,KAAK,SAAS,QAAQ,QAAQ;AAClE,MAAI;AAGJ,MAAI,yBAAyB,QAAW;AAEtC,mBAAe,oBAAoB,OAAO,CAAC,WAAW;AACpD,YAAM,sBACJ,OAAO,KAAK,SAAS,QAAQ,WAAW;AAC1C,aAAO,CAAC;AAAA,IACV,CAAC;AAAA,EACH,OAAO;AAEL,mBAAe,oBAAoB,OAAO,CAAC,WAAW;AACpD,YAAM,uBAAuB,OAAO,KAAK,SAAS,QAAQ,QAAQ;AAClE,aAAO,yBAAyB;AAAA,IAClC,CAAC;AAAA,EACH;AAKA,iBAAe,aAAa,OAAO,CAAC,WAAW;AAC7C,UAAM,KAAK,OAAO,OAAO,EAAE;AAC3B,QAAI,GAAG,WAAW,OAAO,KAAK,GAAG,WAAW,QAAQ,GAAG;AACrD,aAAO;AAAA,IACT;AAEA,UAAM,SAAS,OAAO,KAAK,SAAS;AAIpC,QAAI,CAAC,QAAQ;AACX,aAAO;AAAA,IACT;AAEA,QAAI,OAAO,UAAU,MAAM,YAAY,MAAM;AAC3C,aAAO;AAAA,IACT;AAGA,UAAM,eAAe,QAAQ,WAAW,CAAC;AACzC,QAAI,aAAa,SAAS,GAAG;AAC3B,aAAO,aAAa,KAAK,CAAC,UAAU,CAAC,MAAM,YAAY,CAAC;AAAA,IAC1D;AAEA,WAAO,CAAC,OAAO,YAAY;AAAA,EAC7B,CAAC;AAGD,SAAO,qBAAqB;AAAA,IAC1B;AAAA,IACA,qBAAqB;AAAA,IACrB,GAAG;AAAA,EACL,CAAC;AACH;AAaA,SAAS,gBACP,UACA,yBACA,WAAkB,GAClB,aAAsB,OAKtB;AACA,QAAM,UAAU,wBAAwB;AAAA,IACtC,0CAA0C,QAAQ,oBAAoB,IAAI;AAAA,MACxE;AAAA,IACF,CAAC,IAAI,aAAa,uBAAuB,EAAE;AAAA,EAC7C;AAEA,MAAI,SAAS;AACX,UAAM,EAAE,MAAM,OAAO,OAAO,IAAI,QAAQ,sBAAsB;AAC9D,WAAO,EAAE,MAAM,OAAO,OAAO;AAAA,EAC/B;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AACF;AAMA,MAAM,iBAAiB,CACrB,kBACA,yBACA,sBAMG;AACH,QAAM,aAAa,wBAAwB,sBAAsB;AAEjE,SAAO;AAAA,IACL,MAAM,mBACF,WAAW,OAAO,wBAAwB,IAC1C,WAAW;AAAA,IACf,OAAO,mBACH,WAAW,QAAQ,wBAAwB,IAC3C,WAAW;AAAA,IACf,KAAK,mBACD,WAAW,MAAM,wBAAwB,IACzC,WAAW;AAAA,IACf,QAAQ,WAAW,SAAS;AAAA,EAC9B;AACF;AAMO,SAAS,uBACd,eACA,yBACA,WAAkB,GACuC;AACzD,MAAI;AACJ,MAAI;AAEJ,QAAM,oBAAoB,cAAc;AACxC,QAAM,qBAAqB,cAAc;AAEzC,MAAI,yBAAyB;AAC3B,QAAI,mBAAmB,QAAQ;AAC7B,YAAM,uBACJ,kBAAkB,kBAAkB,SAAS,CAAC;AAGhD,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MACF,EAAE;AAAA,IACJ;AAGA,QAAI,oBAAoB,QAAQ;AAC9B,cAAQ;AAAA,QACN,mBAAmB,CAAC;AAAA,QACpB;AAAA,QACA;AAAA,MACF,EAAE;AAAA,IACJ;AAAA,EACF;AAEA,SAAO,EAAE,MAAM,MAAM;AACvB;AAMO,SAAS,wBACd,UACA,yBAIA;AACA,MAAI,CAAC,yBAAyB;AAC5B,WAAO,EAAE,oBAAoB,MAAM,sBAAsB,KAAK;AAAA,EAChE;AAEA,QAAM,qBACJ,wBAAwB,cAAc,mBAAmB;AAE3D,QAAM,uBAAuB,oBAAoB;AAAA,IAC/C,mBAAmB,IAAI,OAAO,QAAQ,CAAC;AAAA,EACzC;AAEA,SAAO,EAAE,oBAAoB,qBAAqB;AACpD;AAWO,SAAS,sBACd,WACA,MACA,aAMsB;AACtB,QAAM,QAAQ;AAAA,IACZ,GAAG;AAAA,EACL;AAGA,MAAI,OAAO,YAAY,SAAS,UAAU;AACxC,QAAI,KAAK,OAAO,UAAU,KAAK,YAAY,MAAM;AAC/C,YAAM,IAAI,YAAY,OAAO,KAAK;AAAA,IACpC;AAAA,EACF;AAEA,MAAI,OAAO,YAAY,UAAU,UAAU;AACzC,QAAI,KAAK,QAAQ,UAAU,KAAK,YAAY,OAAO;AACjD,YAAM,IAAI,YAAY,QAAQ,KAAK;AAAA,IACrC;AAAA,EACF;AAGA,MAAI,OAAO,YAAY,QAAQ,UAAU;AACvC,QAAI,KAAK,MAAM,UAAU,KAAK,YAAY,KAAK;AAC7C,YAAM,IAAI,YAAY,MAAM,KAAK;AAAA,IACnC;AAAA,EACF;AAEA,MAAI,OAAO,YAAY,WAAW,UAAU;AAC1C,QAAI,KAAK,SAAS,UAAU,KAAK,YAAY,QAAQ;AACnD,YAAM,IAAI,YAAY,SAAS,KAAK;AAAA,IACtC;AAAA,EACF;AAEA,SAAO;AACT;AAiBO,MAAM,kCAAkC,CAC7C,mBACA,kBACA,eACA,eACA,4BACa;AACb,SAAO,CAAC,EAAE,WAAW,QAAQ,iBAAiB,MAAM;AAClD,QAAI,CAAC,oBAAoB,4BAA4B,QAAW;AAC9D,aAAO;AAAA,IACT;AAEA,UAAM,uBAAuB,QAAQ,KAAK,SAAS,QAAQ,QAAQ;AACnE,UAAM,kBACJ,yBAAyB,UACzB,QAAQ,KAAK,SAAS,QAAQ,QAAQ,SAAS;AACjD,UAAM,gBAAgB,yBAAyB;AAC/C,UAAM,mBAAmB,CAAC,EACxB,cAAc,OAAO,UAAU,cAAc,KAAK;AAEpD,UAAM,iBAAiB,gBAAgB,IAAI;AAE3C,UAAM,cAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAEA,QAAI,qBACF;AAEF,QAAI,kBAAkB;AACpB,YAAM,EAAE,MAAM,MAAM,IAAI;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,4BAAsB;AACtB,6BAAuB;AACvB,kBAAY,OAAO,QAAQ,YAAY;AACvC,kBAAY,QAAQ,SAAS,YAAY;AAAA,IAC3C;AAKA,UAAM,oBAAoB,CACxB,MACA,OACA,WACS;AAET,UAAI,WAAW,UAAa,aAAa;AACvC,cAAM,0BAA0B,kBAC5B,uCACA;AAEJ,oBAAY,UACT,YAAY,UAAU,KAAK,SAAS;AAAA,MACzC;AAEA,UAAI,iBAAiB,SAAS,UAAa,UAAU,QAAW;AAC9D,oBAAY,OAAO,KAAK,IAAI,MAAM,uBAAuB,IAAI;AAC7D,oBAAY,QAAQ,KAAK,IAAI,OAAO,wBAAwB,KAAK;AAAA,MACnE;AAAA,IACF;AAGA,QAAI,mBAAmB,eAAe;AACpC,YAAM,iBAAiB,QAAQ,KAAK,SAAS,QAAQ;AACrD,YAAM,mCAAmC,kBACrC,iBACA;AAEJ,YAAM,EAAE,MAAM,OAAO,OAAO,IAAI;AAAA,QAC9B;AAAA,QACA;AAAA,QACA;AAAA,QACA,iBAAiB;AAAA,MACnB;AAIA,wBAAkB,MAAM,OAAO,MAAM;AAAA,IACvC;AAEA,WAAO,sBAAsB,WAAW,kBAAkB,WAAW;AAAA,EACvE;AACF;",
+  "sourcesContent": ["import {\n  type Active,\n  type ClientRect,\n  type CollisionDescriptor,\n  type CollisionDetection,\n  type DragOverEvent,\n  type DroppableContainer,\n  type Modifier,\n  type Over,\n} from '@dnd-kit/core';\nimport type {\n  ColumnPinningState,\n  Column,\n  RowData,\n} from '@tanstack/react-table';\nimport { TouchEvent } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\n\nimport * as styles from './ColumnOrder.sty.js';\nimport { getDataTableBorderWidth } from '../../../utils/data-table-border-width.js';\nimport {\n  DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH,\n  DATA_TABLE_DND_PLACEHOLDER_DIVIDER_CSS_VAR,\n  DATA_TABLE_HORIZONTAL_DIVIDER_HEIGHT,\n} from '../../constants.js';\nimport type { DragAndDropTransform } from '../types/dnd.types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport type { DataTableInstance } from '../types/table.types.js';\n\n//#region DragAndDrop\n\n// DOM Query for filtering out pinned parent headers. A header id is built as\n// `${family}_${depth}_${columnId}`, so the pinned families are an anchored\n// prefix. Matching the family as a substring would also match column ids that\n// merely contain it (`endpoint`, `backend`, `startTime`).\nexport const unpinnedHeaderFilter =\n  ':not([data-headerid^=\"start_\"]):not([data-headerid^=\"end_\"])';\n// Pixels from the scroll boundary at which custom auto-scroll begins.\nexport const SCROLL_PROXIMITY_ZONE = 10;\n/** Offset for column drag-and-drop collision detection (px). */\nconst COLUMN_DND_COLLISION_OFFSET = DATA_TABLE_DEFAULT_MIN_COLUMN_WIDTH / 2 - 1;\n/** Number of pixels above which a touch move event is considered a drag motion. */\nconst TOUCH_DRAG_MOTION_THRESHOLD = 5;\n// Min custom scroll speed (px/frame) applied at the edge of the proximity zone. Start slow, then speed up to max scroll speed.\nconst MIN_SCROLL_SPEED = 3;\n// Max custom scroll speed (px/frame) applied when fully past the boundary. 15 feels smooth, anything above feels too fast and anything below feels too slow.\nconst MAX_SCROLL_SPEED = 15;\n\n/**\n * Determines if the touch interaction is a drag motion.\n *\n * @param touchMove - The current touch move event.\n * @param touchStart - The preceding touch start event.\n * @returns A boolean indicating whether the touch move event is considered a drag motion.\n * @internal\n */\nexport function isDragMotion(\n  touchMove: TouchEvent,\n  touchStart?: TouchEvent,\n): boolean {\n  const touchStartX = touchStart?.touches[0].clientX;\n  if (touchStartX === undefined) {\n    return false;\n  }\n  const touchMoveX = touchMove.touches[0].clientX;\n  return Math.abs(touchMoveX - touchStartX) > TOUCH_DRAG_MOTION_THRESHOLD;\n}\n\n/**\n * Updates the column order state based on the active and over columns.\n *\n * @param active - The actively dragged item.\n * @param over - The droppable item which the active item is currently dragged over.\n * @param table - The table instance.\n * @param virtualizationContainer - The table's virtualization container.\n * @internal\n */\nexport function updateColumnOrderOnDragEnd(config: {\n  active: Active;\n  over: Over | null;\n  table: DataTableInstance<RowData>;\n  virtualizationContainer?: HTMLDivElement;\n}): void {\n  const { active, over, virtualizationContainer } = config;\n\n  // Always reset drag state, even when there is no valid drop target (e.g. rapid click-release).\n  config.table.setDraggedHeaderColumn(null);\n\n  if (\n    over === null ||\n    active.data.current === undefined ||\n    over.data.current === undefined ||\n    virtualizationContainer === undefined\n  ) {\n    return;\n  }\n\n  const activeColumn = active.data.current.column as Column<\n    TDataTableFeatures,\n    RowData\n  >;\n  const activeChildColumnIds = activeColumn.columns.map((child) => child.id);\n  const activeChildColumnsCount = activeChildColumnIds.length;\n  const activeParentColumnId = activeColumn.parent?.id;\n\n  const overColumn = over.data.current.column as Column<\n    TDataTableFeatures,\n    RowData\n  >;\n  const overParentColumnId = over.data.current?.column?.parent?.id;\n  const overChildColumnIds = overColumn.columns.map((child) => child.id);\n  const overChildColumnsCount = overChildColumnIds.length;\n\n  // move columns if both columns have the same parent or no parent\n  if (activeParentColumnId === overParentColumnId) {\n    const columnOrder = config.table.atoms.columnOrder?.get() ?? [];\n    const moveCount = Math.max(activeChildColumnsCount, 1);\n\n    // get the active and over columns' indexes in the unmodified column order to consider hidden columns during reordering\n    const activeColumnIndex = columnOrder.findIndex((columnId) => {\n      const id =\n        activeChildColumnsCount === 0\n          ? activeColumn.id\n          : // get the index of the first child column if the active column is a parent\n            activeColumn.getLeafColumns()[0].id;\n\n      return columnId === id;\n    });\n    const overColumnIndex = columnOrder.findIndex((columnId) => {\n      const id =\n        overChildColumnsCount === 0\n          ? overColumn.id\n          : // get the index of the first child column if the active column is a parent\n            overColumn.getLeafColumns()[0].id;\n      return columnId === id;\n    });\n\n    // update column order\n    const newColumnOrder = [...columnOrder];\n    const movedColumns = newColumnOrder.splice(activeColumnIndex, moveCount);\n    // if moving more than one column to the right, toIndex needs to be adjusted since more than one column were spliced from the array\n    const toIndex =\n      overColumnIndex > activeColumnIndex\n        ? overColumnIndex - (moveCount - 1)\n        : overColumnIndex;\n\n    newColumnOrder.splice(toIndex, 0, ...movedColumns);\n    config.table.setColumnOrder(newColumnOrder);\n  }\n\n  removeInsertPositionIndicator(lastStyledCells, virtualizationContainer, true);\n}\n\n/**\n * Gets the speed for the custom auto scroll.\n *\n * @param scrollZoneDepth - the mouse pointer position when penetrating the area where auto scroll should kick in\n *\n * @returns scroll speed measured in pixels per frame, a number between MIN_SCROLL_SPEED and MAX_SCROLL_SPEED\n * @internal\n */\nexport const getCustomScrollSpeed = (scrollZoneDepth: number): number => {\n  return Math.round(\n    MIN_SCROLL_SPEED +\n      (Math.min(scrollZoneDepth, SCROLL_PROXIMITY_ZONE) /\n        SCROLL_PROXIMITY_ZONE) *\n        (MAX_SCROLL_SPEED - MIN_SCROLL_SPEED),\n  );\n};\n\n/**\n * Creates a temporary DOM element that is temporarily inserted into the header group\n * during a drag operation to preserve the CSS grid layout when the dragged header cell is portalled out\n * of its original position.\n *\n * @param gridArea - dragged element's position in the grid\n * @param width - dragged element's width\n * @param height - dragged element's height\n * @param verticalDividerOptions - optional config for the vertical divider styling on the placeholder\n *\n * @internal\n */\nexport const createHeaderPlaceholder = (\n  gridArea: string,\n  width: number,\n  height: number,\n  verticalDividerOptions?: {\n    isParentColumn: boolean;\n    heightOffset: number;\n  },\n): HTMLDivElement => {\n  const placeholder = document.createElement('div');\n  placeholder.style.gridArea = gridArea;\n  placeholder.style.width = `${width}px`;\n  placeholder.style.height = `${height}px`;\n\n  if (verticalDividerOptions) {\n    const { isParentColumn, heightOffset } = verticalDividerOptions;\n    placeholder.classList.add(styles.verticalDividers);\n    placeholder.style.setProperty(\n      DATA_TABLE_DND_PLACEHOLDER_DIVIDER_CSS_VAR,\n      !isParentColumn && heightOffset !== 0\n        ? `${heightOffset}px`\n        : Spacings.Size4,\n    );\n  }\n\n  return placeholder;\n};\n\n//#endregion DragAndDrop\n\n//#region PositionIndicator\n// save the cells that last received the indicator styles to be able to remove them again\nconst lastStyledCells = new Set<HTMLElement>();\n\n/**\n * Transforms columns left/right to make space for the column which is currently being dragged (\"active\" column).\n *\n * @param event - contains \"active\" (column being dragged) and \"over\" columns (column where the active column is currently dragged over).\n * @param virtualizationContainer - The table's virtualization container.\n * @internal\n */\nexport function indicateInsertPosition<TData extends RowData>(\n  event: DragOverEvent,\n  virtualizationContainer?: HTMLDivElement,\n): void {\n  if (virtualizationContainer === undefined || !event.active || !event.over) {\n    return;\n  }\n\n  const activeColumnIndex = event.active.data.current?.columnIndex;\n  const overColumnId = event.over.id as string;\n  const overColumnIndex = event.over.data.current?.columnIndex;\n\n  // If the over column is a parent, we also need to render the indicator for the first/last unpinned child\n  // depending on whether the active column is moved left or right\n  const overColumnChildren =\n    (\n      event.over.data.current?.column as\n        | Column<TDataTableFeatures, TData>\n        | undefined\n    )\n      ?.getVisibleLeafColumns()\n      .filter(\n        (child) =>\n          !(\n            child as unknown as Column<TDataTableFeatures, RowData>\n          ).getIsPinned(),\n      ) ?? [];\n  const overFirstChildId = overColumnChildren.at(0)?.id;\n  const overLastChildId = overColumnChildren.at(-1)?.id;\n\n  if (activeColumnIndex < overColumnIndex) {\n    // move right\n    const overChildColumnId =\n      overLastChildId !== overColumnId ? overLastChildId : undefined;\n    renderInsertPositionIndicator(\n      virtualizationContainer,\n      overColumnId,\n      overChildColumnId,\n      'right',\n    );\n  } else if (activeColumnIndex > overColumnIndex) {\n    // move left\n    const overChildColumnId =\n      overFirstChildId !== overColumnId ? overFirstChildId : undefined;\n    renderInsertPositionIndicator(\n      virtualizationContainer,\n      overColumnId,\n      overChildColumnId,\n      'left',\n    );\n  } else {\n    removeInsertPositionIndicator(lastStyledCells);\n  }\n}\n\n/**\n * Renders an indicator at the position where the column will be inserted.\n */\nfunction renderInsertPositionIndicator(\n  virtualizationContainer: HTMLDivElement,\n  columnId: string,\n  childColumnId: string | undefined,\n  position: 'left' | 'right',\n): void {\n  const overCell = getHeaderCell(virtualizationContainer, columnId);\n  if (overCell === null) {\n    return;\n  }\n\n  const overChildColumnCell = getHeaderCell(\n    virtualizationContainer,\n    childColumnId,\n  );\n\n  // remove previous styles\n  removeInsertPositionIndicator(lastStyledCells);\n  // hide resize handles so they don't overlap the indicators\n  const resizeHandles = getResizeHandles(virtualizationContainer);\n  for (const resizeHandle of resizeHandles) {\n    resizeHandle.style.display = 'none';\n  }\n\n  // add indicator after element\n  addPositionIndicatorStyle(overCell, position);\n  lastStyledCells.add(overCell);\n\n  // add indicator also to child column if there is one\n  if (overChildColumnCell) {\n    addPositionIndicatorStyle(overChildColumnCell, position);\n    lastStyledCells.add(overChildColumnCell);\n  }\n}\n\nfunction addPositionIndicatorStyle(\n  elem: HTMLElement,\n  position: 'left' | 'right',\n): void {\n  elem.classList.add(\n    styles.insertPositionIndicator.classNames.base,\n    styles.insertPositionIndicator.classNames.variants.left[\n      position === 'left' ? 'true' : 'false'\n    ],\n  );\n}\n\n/**\n * Removes the insert position indicator from the specified cells.\n */\nfunction removeInsertPositionIndicator(\n  cells: Set<HTMLElement>,\n  virtualizationContainer: HTMLDivElement | undefined = undefined,\n  displayResizeHandles: boolean = false,\n): void {\n  if (cells.size <= 0) {\n    return;\n  }\n\n  if (displayResizeHandles && virtualizationContainer) {\n    const resizeHandles = getResizeHandles(virtualizationContainer);\n    for (const resizeHandle of resizeHandles) {\n      resizeHandle.style.removeProperty('display');\n    }\n  }\n\n  for (const cell of cells) {\n    cell.classList.remove(\n      styles.insertPositionIndicator.classNames.base,\n      styles.insertPositionIndicator.classNames.variants.left.true,\n      styles.insertPositionIndicator.classNames.variants.left.false,\n    );\n    lastStyledCells.delete(cell);\n  }\n}\n\n/**\n * Gets all cells with the given column id.\n * @param virtualizationContainer - The table's virtualization container.\n * @param columnId - id of the column (matches against `data-columnid`).\n * @returns matching cells.\n */\nfunction getHeaderCell(\n  virtualizationContainer: HTMLDivElement,\n  columnId?: string,\n): HTMLElement | null {\n  if (columnId === undefined) {\n    return null;\n  }\n\n  return virtualizationContainer.querySelector<HTMLElement>(\n    `[role=\"columnheader\"][data-headerid=${CSS.escape(\n      columnId,\n    )}], [role='columnheader'][data-columnid=\"${CSS.escape(columnId)}\"]`,\n  );\n}\n\n/**\n * Gets all resize handles in the table.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns matching elements.\n */\nfunction getResizeHandles(\n  virtualizationContainer: HTMLDivElement,\n): HTMLElement[] {\n  const resizeHandles = virtualizationContainer.querySelectorAll<HTMLElement>(\n    '[data-trigger=\"resize\"]',\n  );\n  return Array.from(resizeHandles);\n}\n\n//#endregion PositionIndicator\n\n//#region CollisionDetection\n/**\n * Check if a given point is contained within a bounding rectangle\n */\nfunction isPointWithinRectX(pointX: number, rect: ClientRect): boolean {\n  return rect.left <= pointX && pointX <= rect.right;\n}\n\n/**\n * Custom collision detection algorithm for column order drag and drop.\n * Determines the closest droppable target within the X-axis based on the dragging direction.\n *\n * @param param0 - Object containing the droppable containers, the droppable rects, the collision rect and\n *                 the active element, which are needed for the collision detection.\n * @returns An array of collision descriptors, sorted by the distance to the dragged column, or an empty array if none is found.\n */\nconst closestTargetWithinX: CollisionDetection = ({\n  droppableContainers,\n  droppableRects,\n  active,\n  collisionRect,\n}): CollisionDescriptor[] => {\n  const initialRect = active.rect.current.initial;\n\n  if (initialRect === null) {\n    return [];\n  }\n\n  const collisions: CollisionDescriptor[] = [];\n\n  // To make this work for varying column widths, depending on the dragging direction\n  // we take either the left or the right of the dragged column to check for collisions\n  // (minus a small offset, so the columns have to overlap a bit, before they would be swapped)\n  const isDraggingLeft = collisionRect.left < initialRect.left;\n  // min column width is 30px, to ensure the offset is in the left/right half: 30 / 2 - 1 = 14\n  const collisionRectX = isDraggingLeft\n    ? collisionRect.left + COLUMN_DND_COLLISION_OFFSET\n    : collisionRect.right - COLUMN_DND_COLLISION_OFFSET;\n\n  for (const droppableContainer of droppableContainers) {\n    const { id } = droppableContainer;\n    const rect = droppableRects.get(id);\n\n    if (rect === undefined) {\n      continue;\n    }\n\n    if (isPointWithinRectX(collisionRectX, rect)) {\n      // return the container that the active rect is dragged over\n      return [\n        {\n          id,\n          data: { droppableContainer, value: 0 },\n        },\n      ];\n    }\n\n    // in case the dragged column's collisionRectX is not directly within any of the droppable containers\n    // (e.g. when dragging over the scrollbar) we need to find the closest one. Therefore, we calculate\n    // the distance between the droppable container's top/bottom and the collisionRectX coordinate.\n    const droppableContainerX = isDraggingLeft ? rect.left : rect.right;\n    const distance = Math.abs(collisionRectX - droppableContainerX);\n    collisions.push({ id, data: { droppableContainer, value: distance } });\n  }\n\n  return collisions.sort((a, b) => a.data.value - b.data.value);\n};\n\n/**\n * Custom collision detection function that filters droppable containers based on the type of column being dragged,\n * and then applies the custom closestCenterWithinX algorithm on the filtered targets.\n *\n * @param active - The actively dragged item.\n * @param droppableContainers - The list of all droppable containers.\n * @param rest - Additional collision detection parameters.\n * @internal\n */\nexport const customCollisionDetection: CollisionDetection = ({\n  active,\n  droppableContainers,\n  ...rest\n}): CollisionDescriptor[] => {\n  if (active.data.current === undefined) {\n    return [];\n  }\n\n  const activeParentColumnId = active.data.current?.column?.parent?.id;\n  let validTargets: DroppableContainer[];\n\n  // Filter droppable containers based on the type of column being dragged\n  if (activeParentColumnId === undefined) {\n    // Filter out child columns\n    validTargets = droppableContainers.filter((target) => {\n      const targetIsChildColumn =\n        target.data.current?.column?.parent !== undefined;\n      return !targetIsChildColumn;\n    });\n  } else {\n    // Only consider sibling child columns\n    validTargets = droppableContainers.filter((target) => {\n      const targetParentColumnId = target.data.current?.column?.parent?.id;\n      return targetParentColumnId === activeParentColumnId; // Only siblings are valid\n    });\n  }\n\n  // Filter builtin, pinned columns, and pinned parent header fragments, as they are not valid drop targets.\n  // When a parent column has some children pinned, tanstack-table creates separate header objects\n  // per pinning group (e.g. \"right_0_col-0_col-0-c\"). These fragments should not be valid drop targets.\n  validTargets = validTargets.filter((target) => {\n    const id = String(target.id);\n    if (id.startsWith('left_') || id.startsWith('right_')) {\n      return false;\n    }\n\n    const column = target.data.current?.column as\n      | Column<TDataTableFeatures, RowData>\n      | undefined;\n\n    if (!column) {\n      return false;\n    }\n\n    if (column.columnDef.meta?.builtin === true) {\n      return false;\n    }\n\n    // A parent column that still has unpinned children is a valid drop target\n    const childColumns = column?.columns ?? [];\n    if (childColumns.length > 0) {\n      return childColumns.some((child) => !child.getIsPinned());\n    }\n\n    return !column.getIsPinned();\n  });\n\n  // Apply closestCenterWithinX on filtered targets and cast to the expected type\n  return closestTargetWithinX({\n    active,\n    droppableContainers: validTargets,\n    ...rest,\n  }) as CollisionDescriptor[];\n};\n//#endregion CollisionDetection\n\n//#region Modifiers\n/**\n * Retrieves the left and right bounds of a column header.\n *\n * @param columnId -\n * @param virtualizationContainer - table's virtualization container.\n * @param rowIndex - Header row to query. Defaults to 0 (parent header).\n * @param centerOnly - Exclude pinned headers if true. Relevant for parents whose children span\n * multiple pinning groups, where we only need the center fragment's bounds.\n */\nfunction getHeaderBounds(\n  columnId: string,\n  virtualizationContainer: HTMLDivElement,\n  rowIndex: 0 | 1 = 0,\n  centerOnly: boolean = false,\n): {\n  left?: number;\n  right?: number;\n  height?: number;\n} {\n  const element = virtualizationContainer.querySelector<HTMLElement>(\n    `[role=\"columnheader\"][data-header-row=\"${rowIndex}\"][data-columnId=${CSS.escape(\n      columnId,\n    )}]${centerOnly ? unpinnedHeaderFilter : ''}`,\n  );\n\n  if (element) {\n    const { left, right, height } = element.getBoundingClientRect();\n    return { left, right, height };\n  }\n\n  return {\n    left: undefined,\n    right: undefined,\n    height: undefined,\n  };\n}\n\n/**\n * Get table bounds based on table variant, header height and virtualization container\n * @returns A custom dnd kit modifier.\n */\nconst getTableBounds = (\n  containedVariant: boolean,\n  virtualizationContainer: HTMLDivElement,\n  totalHeaderHeight: number,\n): {\n  left?: number;\n  right?: number;\n  top?: number;\n  bottom?: number;\n} => {\n  const parentRect = virtualizationContainer.getBoundingClientRect();\n\n  return {\n    left: containedVariant\n      ? parentRect.left + getDataTableBorderWidth()\n      : parentRect.left,\n    right: containedVariant\n      ? parentRect.right - getDataTableBorderWidth()\n      : parentRect.right,\n    top: containedVariant\n      ? parentRect.top + getDataTableBorderWidth()\n      : parentRect.top,\n    bottom: parentRect.bottom - totalHeaderHeight,\n  };\n};\n\n/**\n * Retrieves the left and right bounds of the draggable area, constrained by any pinned columns\n * @internal\n */\nexport function getDraggableAreaBounds(\n  pinnedColumns: ColumnPinningState,\n  virtualizationContainer?: HTMLDivElement,\n  rowIndex: 0 | 1 = 0,\n): { left: number | undefined; right: number | undefined } {\n  let left: number | undefined;\n  let right: number | undefined;\n\n  const leftPinnedColumns = pinnedColumns.start;\n  const rightPinnedColumns = pinnedColumns.end;\n\n  if (virtualizationContainer) {\n    if (leftPinnedColumns?.length) {\n      const lastLeftPinnedColumn =\n        leftPinnedColumns[leftPinnedColumns.length - 1];\n\n      // left bound should be the right position of the last column pinned to the left\n      left = getHeaderBounds(\n        lastLeftPinnedColumn,\n        virtualizationContainer,\n        rowIndex,\n      ).right;\n    }\n\n    // right bound should be the left position of the first column pinned to the right\n    if (rightPinnedColumns?.length) {\n      right = getHeaderBounds(\n        rightPinnedColumns[0],\n        virtualizationContainer,\n        rowIndex,\n      ).left;\n    }\n  }\n\n  return { left, right };\n}\n\n/**\n * Gets the header element that is being dragged.\n * @internal\n */\nexport function getDraggedHeaderElement(\n  headerId: string,\n  virtualizationContainer?: HTMLDivElement,\n): {\n  headerGroupElement: Element | null;\n  draggedHeaderElement: Element | null | undefined;\n} {\n  if (!virtualizationContainer) {\n    return { headerGroupElement: null, draggedHeaderElement: null };\n  }\n\n  const headerGroupElement =\n    virtualizationContainer.querySelector('[role=\"rowgroup\"]');\n\n  const draggedHeaderElement = headerGroupElement?.querySelector(\n    `[data-headerid=\"${CSS.escape(headerId)}\"]`,\n  );\n\n  return { headerGroupElement, draggedHeaderElement };\n}\n\n/**\n * Restricts the horizontal movement of an element within the specified bounds.\n *\n * @param transform - Transform values of the currently dragged element\n * @param rect - The bounding rectangle of the element being transformed.\n * @param tableBounds - The bounds within which the element should be restricted.\n * @returns The updated transform object with restricted x value.\n * @internal\n */\nexport function restrictToTableBounds(\n  transform: DragAndDropTransform,\n  rect: ClientRect,\n  tableBounds: {\n    left?: number;\n    right?: number;\n    top?: number;\n    bottom?: number;\n  },\n): DragAndDropTransform {\n  const value = {\n    ...transform,\n  };\n\n  // horizontal restriction (only apply if bound is defined)\n  if (typeof tableBounds.left === 'number') {\n    if (rect.left + transform.x <= tableBounds.left) {\n      value.x = tableBounds.left - rect.left;\n    }\n  }\n\n  if (typeof tableBounds.right === 'number') {\n    if (rect.right + transform.x >= tableBounds.right) {\n      value.x = tableBounds.right - rect.right;\n    }\n  }\n\n  // vertical restriction (only apply if bound is defined)\n  if (typeof tableBounds.top === 'number') {\n    if (rect.top + transform.y <= tableBounds.top) {\n      value.y = tableBounds.top - rect.top;\n    }\n  }\n\n  if (typeof tableBounds.bottom === 'number') {\n    if (rect.bottom + transform.y >= tableBounds.bottom) {\n      value.y = tableBounds.bottom - rect.bottom;\n    }\n  }\n\n  return value;\n}\n\n/**\n * Creates a custom modifier to restrict drag and drop for column ordering.\n * This function ensures that columns cannot be dragged outside the table container,\n * and that child columns cannot be dragged past their parent.\n * If the dragging element would be moved past the desired bounds, the movement\n * coordinates will be manually adjusted accordingly.\n *\n * @param totalHeaderHeight - The height of the table header that is subtracted from the table height.\n * @param containedVariant - Whether the table has the `contained` variant set.\n * @param pinnedColumns - pinned columns state.\n * @param hasSubHeaders - Whether the table has nested columns.\n * @param virtualizationContainer - The table's virtualization container.\n * @returns A custom dnd kit modifier.\n * @internal\n */\nexport const createRestrictColumnDragAndDrop = (\n  totalHeaderHeight: number,\n  containedVariant: boolean,\n  pinnedColumns: ColumnPinningState,\n  hasSubHeaders: boolean,\n  virtualizationContainer?: HTMLDivElement,\n): Modifier => {\n  return ({ transform, active, draggingNodeRect }) => {\n    if (!draggingNodeRect || virtualizationContainer === undefined) {\n      return transform;\n    }\n\n    const activeColumnParentId = active?.data.current?.column?.parent?.id;\n    const hasChildColumns =\n      activeColumnParentId === undefined &&\n      active?.data.current?.column?.columns.length > 0;\n    const isChildColumn = activeColumnParentId !== undefined;\n    const hasPinnedColumns = !!(\n      pinnedColumns.start?.length ?? pinnedColumns.end?.length\n    );\n    const headerRowIndex = hasSubHeaders ? 1 : 0;\n\n    const tableBounds = getTableBounds(\n      containedVariant,\n      virtualizationContainer,\n      totalHeaderHeight,\n    );\n\n    let leftPinnedAreaBound: number | undefined,\n      rightPinnedAreaBound: number | undefined;\n\n    if (hasPinnedColumns) {\n      const { left, right } = getDraggableAreaBounds(\n        pinnedColumns,\n        virtualizationContainer,\n        headerRowIndex,\n      );\n\n      leftPinnedAreaBound = left;\n      rightPinnedAreaBound = right;\n      tableBounds.left = left ?? tableBounds.left;\n      tableBounds.right = right ?? tableBounds.right;\n    }\n\n    /**\n     * Update table bounds for parent/nested columns\n     */\n    const updateTableBounds = (\n      left?: number,\n      right?: number,\n      height?: number,\n    ): void => {\n      // This check is necessary because the height of nested headers is smaller than the total header height\n      if (height !== undefined && tableBounds) {\n        const horizontalDividerHeight = hasChildColumns\n          ? DATA_TABLE_HORIZONTAL_DIVIDER_HEIGHT\n          : 0;\n        // Ensure bottom is defined before incrementing to satisfy TypeScript\n        tableBounds.bottom =\n          (tableBounds.bottom ?? 0) + height + horizontalDividerHeight;\n      }\n\n      if (isChildColumn && left !== undefined && right !== undefined) {\n        tableBounds.left = Math.max(left, leftPinnedAreaBound ?? left);\n        tableBounds.right = Math.min(right, rightPinnedAreaBound ?? right);\n      }\n    };\n\n    // If this is a parent or child column, the vertical/horizontal bounds need to be adjusted\n    if (hasChildColumns || isChildColumn) {\n      const activeColumnId = active?.data.current?.column?.id;\n      const columnIdForMeasuringHeaderBounds = hasChildColumns\n        ? activeColumnId\n        : activeColumnParentId;\n\n      const { left, right, height } = getHeaderBounds(\n        columnIdForMeasuringHeaderBounds,\n        virtualizationContainer,\n        0,\n        isChildColumn && hasPinnedColumns,\n      );\n\n      // If this is a parent or child column, vertical dragging should be restricted to the bottom of the table.\n      // for child columns, horizontal dragging should be restricted to the parent header\n      updateTableBounds(left, right, height);\n    }\n\n    return restrictToTableBounds(transform, draggingNodeRect, tableBounds);\n  };\n};\n//#endregion Modifiers\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnOrder/useColumnOrder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnOrder/useColumnOrder.ts"],
-  "sourcesContent": ["import {\n  type ColumnOrderState,\n  functionalUpdate,\n  type Updater,\n} from '@tanstack/react-table';\nimport { isEqual } from 'lodash-es';\nimport { useCallback, useLayoutEffect, useRef } from 'react';\n\nimport type { DataTableColumnOrderProps } from './column-order-types.js';\nimport {\n  extractColumnOrderAndGroups,\n  validateColumnOrder,\n} from './column-order-validation.js';\nimport { useCallbackRef } from '../../../../core/hooks/useCallbackRef.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport type { DataTableColumnDef } from '../../public.api.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { DataTableOptions } from '../types/table.types.js';\n\n/**\n * Configuration hook for the DataTable ColumnOrder feature.\n * @internal\n */\nexport function useColumnOrder<TData extends DataTableRowData>(\n  props: DataTableColumnOrderProps & {\n    columns: DataTableColumnDef<TData>[];\n  },\n  options: DataTableOptions<Exclude<TData, unknown>>,\n): void {\n  // eslint-disable-next-line react-hooks/immutability\n  options.enableColumnOrdering = false;\n\n  const { columnOrder: columnOrderFromDefinition, columnGroups } =\n    extractColumnOrderAndGroups<TData>(props.columns);\n\n  // save the last valid column order to be able to check the validity of a new one\n  const lastValidColumnOrder = useRef<string[] | undefined>(\n    columnOrderFromDefinition,\n  );\n  // save the column order inferred from the column definition to be able to check if it changed\n  const lastColumnOrderFromDefinition = useRef<string[] | undefined>(\n    columnOrderFromDefinition,\n  );\n\n  const [columnOrder, setColumnOrder] = useControllableState({\n    value: props.columnOrder,\n    // if no order was specified, initialize with column definition order\n    defaultValue: props.defaultColumnOrder || columnOrderFromDefinition,\n  });\n\n  const onColumnOrderChangeProp = useCallbackRef(props.onColumnOrderChange);\n\n  const onColumnOrderChangeCallback = useCallback(\n    (\n      updater: Updater<ColumnOrderState>,\n      trigger: 'user' | 'internal' = 'user',\n    ): void => {\n      const nextState = functionalUpdate(\n        updater,\n        options.state?.columnOrder ?? columnOrder,\n      );\n\n      if (!isEqual(nextState, columnOrder)) {\n        setColumnOrder(nextState);\n        if (trigger !== 'internal') {\n          onColumnOrderChangeProp(nextState, trigger);\n        }\n      }\n    },\n    [setColumnOrder, onColumnOrderChangeProp, columnOrder, options],\n  );\n\n  // Apply internal corrections (invalid order, or column definition changes). Calling\n  // setColumnOrder in render would notify every store subscriber synchronously,\n  // possibly causing \"Maximum update depth exceeded\" errors.\n  // useLayoutEffect runs before paint, so the brief invalid order is never visible.\n  useLayoutEffect(() => {\n    if (!props.columnOrdering) {\n      return;\n    }\n\n    // Column definitions changed while uncontrolled \u2014 adopt the new order.\n    if (\n      props.columnOrder === undefined &&\n      !isEqual(lastColumnOrderFromDefinition.current, columnOrderFromDefinition)\n    ) {\n      lastColumnOrderFromDefinition.current = columnOrderFromDefinition;\n      setColumnOrder(columnOrderFromDefinition);\n      onColumnOrderChangeProp(columnOrderFromDefinition, 'internal');\n      return;\n    }\n\n    // Validate the column order when the current order is not equal\n    // with the last valid order or if the current order has different\n    // elements than the order extracted from the column definition.\n    if (!isEqual(columnOrder, lastValidColumnOrder.current)) {\n      const validColumnOrder = validateColumnOrder(\n        columnOrder,\n        columnOrderFromDefinition,\n        columnGroups,\n      );\n      if (validColumnOrder === null) {\n        // Order is valid \u2014 track it so the same order does not get re-validated.\n        lastValidColumnOrder.current = columnOrder;\n      } else {\n        // Track the corrected order, so the same order does not get re-validated.\n        // Only notify if the order was invalid and has been corrected.\n        lastValidColumnOrder.current = validColumnOrder;\n        setColumnOrder(validColumnOrder);\n        onColumnOrderChangeProp(validColumnOrder, 'internal');\n      }\n    }\n  });\n\n  if (!props.columnOrdering) {\n    return;\n  }\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.enableColumnOrdering = true;\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    columnOrder,\n  };\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.onColumnOrderChange = onColumnOrderChangeCallback;\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.originalColumnOrder =\n    props.defaultColumnOrder ?? lastValidColumnOrder.current;\n}\n"],
+  "sourcesContent": ["import {\n  type ColumnOrderState,\n  functionalUpdate,\n  type Updater,\n} from '@tanstack/react-table';\nimport { isEqual } from 'lodash-es';\nimport { useCallback, useLayoutEffect, useRef } from 'react';\n\nimport type { DataTableColumnOrderProps } from './column-order-types.js';\nimport {\n  extractColumnOrderAndGroups,\n  validateColumnOrder,\n} from './column-order-validation.js';\nimport { useCallbackRef } from '../../../../core/hooks/useCallbackRef.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport type { DataTableColumnDef } from '../../public.api.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { DataTableOptions } from '../types/table.types.js';\n\n/**\n * Configuration hook for the DataTable ColumnOrder feature.\n * @internal\n */\nexport function useColumnOrder<TData extends DataTableRowData>(\n  props: DataTableColumnOrderProps & {\n    columns: DataTableColumnDef<TData>[];\n  },\n  options: DataTableOptions<Exclude<TData, unknown>>,\n): void {\n  // oxlint-disable-next-line react/immutability\n  options.enableColumnOrdering = false;\n\n  const { columnOrder: columnOrderFromDefinition, columnGroups } =\n    extractColumnOrderAndGroups<TData>(props.columns);\n\n  // save the last valid column order to be able to check the validity of a new one\n  const lastValidColumnOrder = useRef<string[] | undefined>(\n    columnOrderFromDefinition,\n  );\n  // save the column order inferred from the column definition to be able to check if it changed\n  const lastColumnOrderFromDefinition = useRef<string[] | undefined>(\n    columnOrderFromDefinition,\n  );\n\n  const [columnOrder, setColumnOrder] = useControllableState({\n    value: props.columnOrder,\n    // if no order was specified, initialize with column definition order\n    defaultValue: props.defaultColumnOrder || columnOrderFromDefinition,\n  });\n\n  const onColumnOrderChangeProp = useCallbackRef(props.onColumnOrderChange);\n\n  const onColumnOrderChangeCallback = useCallback(\n    (\n      updater: Updater<ColumnOrderState>,\n      trigger: 'user' | 'internal' = 'user',\n    ): void => {\n      const nextState = functionalUpdate(\n        updater,\n        options.state?.columnOrder ?? columnOrder,\n      );\n\n      if (!isEqual(nextState, columnOrder)) {\n        setColumnOrder(nextState);\n        if (trigger !== 'internal') {\n          onColumnOrderChangeProp(nextState, trigger);\n        }\n      }\n    },\n    [setColumnOrder, onColumnOrderChangeProp, columnOrder, options],\n  );\n\n  // Apply internal corrections (invalid order, or column definition changes). Calling\n  // setColumnOrder in render would notify every store subscriber synchronously,\n  // possibly causing \"Maximum update depth exceeded\" errors.\n  // useLayoutEffect runs before paint, so the brief invalid order is never visible.\n  useLayoutEffect(() => {\n    if (!props.columnOrdering) {\n      return;\n    }\n\n    // Column definitions changed while uncontrolled \u2014 adopt the new order.\n    if (\n      props.columnOrder === undefined &&\n      !isEqual(lastColumnOrderFromDefinition.current, columnOrderFromDefinition)\n    ) {\n      lastColumnOrderFromDefinition.current = columnOrderFromDefinition;\n      setColumnOrder(columnOrderFromDefinition);\n      onColumnOrderChangeProp(columnOrderFromDefinition, 'internal');\n      return;\n    }\n\n    // Validate the column order when the current order is not equal\n    // with the last valid order or if the current order has different\n    // elements than the order extracted from the column definition.\n    if (!isEqual(columnOrder, lastValidColumnOrder.current)) {\n      const validColumnOrder = validateColumnOrder(\n        columnOrder,\n        columnOrderFromDefinition,\n        columnGroups,\n      );\n      if (validColumnOrder === null) {\n        // Order is valid \u2014 track it so the same order does not get re-validated.\n        lastValidColumnOrder.current = columnOrder;\n      } else {\n        // Track the corrected order, so the same order does not get re-validated.\n        // Only notify if the order was invalid and has been corrected.\n        lastValidColumnOrder.current = validColumnOrder;\n        setColumnOrder(validColumnOrder);\n        onColumnOrderChangeProp(validColumnOrder, 'internal');\n      }\n    }\n  });\n\n  if (!props.columnOrdering) {\n    return;\n  }\n\n  // oxlint-disable-next-line react/immutability\n  options.enableColumnOrdering = true;\n  // oxlint-disable-next-line react/immutability\n  options.state = {\n    ...options.state,\n    columnOrder,\n  };\n\n  // oxlint-disable-next-line react/immutability\n  options.onColumnOrderChange = onColumnOrderChangeCallback;\n\n  // oxlint-disable-next-line react/immutability\n  options.originalColumnOrder =\n    props.defaultColumnOrder ?? lastValidColumnOrder.current;\n}\n"],
   "mappings": "AAAA;AAAA,EAEE;AAAA,OAEK;AACP,SAAS,eAAe;AACxB,SAAS,aAAa,iBAAiB,cAAc;AAGrD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAS9B,SAAS,eACd,OAGA,SACM;AAEN,UAAQ,uBAAuB;AAE/B,QAAM,EAAE,aAAa,2BAA2B,aAAa,IAC3D,4BAAmC,MAAM,OAAO;AAGlD,QAAM,uBAAuB;AAAA,IAC3B;AAAA,EACF;AAEA,QAAM,gCAAgC;AAAA,IACpC;AAAA,EACF;AAEA,QAAM,CAAC,aAAa,cAAc,IAAI,qBAAqB;AAAA,IACzD,OAAO,MAAM;AAAA;AAAA,IAEb,cAAc,MAAM,sBAAsB;AAAA,EAC5C,CAAC;AAED,QAAM,0BAA0B,eAAe,MAAM,mBAAmB;AAExE,QAAM,8BAA8B;AAAA,IAClC,CACE,SACA,UAA+B,WACtB;AACT,YAAM,YAAY;AAAA,QAChB;AAAA,QACA,QAAQ,OAAO,eAAe;AAAA,MAChC;AAEA,UAAI,CAAC,QAAQ,WAAW,WAAW,GAAG;AACpC,uBAAe,SAAS;AACxB,YAAI,YAAY,YAAY;AAC1B,kCAAwB,WAAW,OAAO;AAAA,QAC5C;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,yBAAyB,aAAa,OAAO;AAAA,EAChE;AAMA,kBAAgB,MAAM;AACpB,QAAI,CAAC,MAAM,gBAAgB;AACzB;AAAA,IACF;AAGA,QACE,MAAM,gBAAgB,UACtB,CAAC,QAAQ,8BAA8B,SAAS,yBAAyB,GACzE;AACA,oCAA8B,UAAU;AACxC,qBAAe,yBAAyB;AACxC,8BAAwB,2BAA2B,UAAU;AAC7D;AAAA,IACF;AAKA,QAAI,CAAC,QAAQ,aAAa,qBAAqB,OAAO,GAAG;AACvD,YAAM,mBAAmB;AAAA,QACvB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,UAAI,qBAAqB,MAAM;AAE7B,6BAAqB,UAAU;AAAA,MACjC,OAAO;AAGL,6BAAqB,UAAU;AAC/B,uBAAe,gBAAgB;AAC/B,gCAAwB,kBAAkB,UAAU;AAAA,MACtD;AAAA,IACF;AAAA,EACF,CAAC;AAED,MAAI,CAAC,MAAM,gBAAgB;AACzB;AAAA,EACF;AAGA,UAAQ,uBAAuB;AAE/B,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX;AAAA,EACF;AAGA,UAAQ,sBAAsB;AAG9B,UAAQ,sBACN,MAAM,sBAAsB,qBAAqB;AACrD;",
   "names": []
 }

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 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"],
+  "sourcesContent": ["/* oxlint-disable react/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-13-2 {
+._17437gx0-3-14-0 {
   cursor: col-resize;
 }
-._17437gx0-3-13-2 > * {
+._17437gx0-3-14-0 > * {
   pointer-events: none;
 }
-._17437gx0-3-13-2 ._14sp6az0-3-13-2 * {
+._17437gx0-3-14-0 ._14sp6az0-3-14-0 * {
   pointer-events: none;
 }

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

@@ -1,6 +1,6 @@
 import "../../DataTable.css";
 import "./ColumnSizing.css";
-var tableColumnResizing = "_17437gx0-3-13-2";
+var tableColumnResizing = "_17437gx0-3-14-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-13-2';"],
+  "sourcesContent": ["import '../../DataTable.css';\nimport './ColumnSizing.css';\nexport var tableColumnResizing = '_17437gx0-3-14-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,sBAAsB;",
   "names": []
 }

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

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