@dynatrace/strato-components 3.12.1 → 3.13.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/LineWrap/LineWrap.tsx"],
-  "sourcesContent": ["import {\n  type CellData,\n  type Column_Internal,\n  type RowData,\n  type TableFeature,\n  type TableFeatures,\n  type Table_Internal,\n  type Updater,\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  functionalUpdate,\n} from '@tanstack/react-table';\n\nimport type {\n  ColumnLineWrapFeatureConstructors,\n  DataTableLineWrapState,\n} from './line-wrap-types.js';\n\n/**\n * Global line wrap action for the DataTable to be used in the DataTable.Toolbar\n *\n * @public\n */\nexport function DataTableGlobalLineWrapAction() {\n  return null;\n}\n\n/**\n * Determines which columns need to have their lineWrap state updated.\n * @param column - The column for which lineWrap was toggled.\n * @param value - The new lineWrap value to set. If not provided, the current value will be toggled.\n * @returns a record of column IDs and their new lineWrap states.\n */\nfunction computeLineWrapStateUpdate<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column_Internal<TFeatures, TData, TValue>,\n  value?: boolean,\n): Record<string, boolean> {\n  const newValue = value ?? !column.getIsLineWrapped();\n  const childColumns = column.columns;\n\n  if (childColumns.length === 0) {\n    // For leaf or standalone columns, we only need to update the toggled column\n    return {\n      [column.id]: newValue,\n    };\n  }\n  // If the toggled column is a parent column, we need to toggle all its child columns\n  return Object.fromEntries(childColumns.map((child) => [child.id, newValue]));\n}\n\n/**\n * Helper function to toggle line wrap for a specific column, taking into account the current state and the column's capabilities.\n * @internal\n */\nexport function column_toggleLineWrap<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>, value: boolean): void {\n  if (!column.getCanLineWrap()) {\n    return;\n  }\n\n  column.table.setColumnLineWrap((oldValue) => {\n    const columnsStatesToUpdate = computeLineWrapStateUpdate(column, value);\n\n    // Check if the lineWrap was set as a global first\n    if (typeof oldValue === 'boolean') {\n      const columnIds = column.table\n        .getAllLeafColumnsWithoutBuiltin()\n        .map((col) => col.id);\n\n      // when switching from a boolean, we need to preserve the current state of the other columns\n      const currentColumnsState: Record<string, boolean> = Object.fromEntries(\n        columnIds.map((id) => [id, oldValue]),\n      );\n\n      // When toggling a parent column, we need to set the state of all child columns\n      return {\n        ...currentColumnsState,\n        ...columnsStatesToUpdate,\n      };\n    }\n\n    return {\n      ...oldValue,\n      ...columnsStatesToUpdate,\n    };\n  });\n}\n\n/**\n * Helper function to determine if a specific column is currently line wrapped, taking into account global settings and parent-child relationships.\n * @internal\n */\nexport function column_getIsLineWrapped<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>): boolean {\n  const lineWrapState = column.table.atoms.columnLineWrap?.get();\n  // Boolean values define a global line wrapping on the table.\n  if (typeof lineWrapState === 'boolean') {\n    return lineWrapState;\n  }\n\n  const childColumns = column.columns;\n  if (childColumns.length > 0) {\n    // If the current column is a parent, we consider it line wrapped only if all child columns are line wrapped\n    return childColumns.every((child) => child.getIsLineWrapped());\n  }\n  return lineWrapState?.[column.id] ?? false;\n}\n\n/**\n * Helper function to determine if a specific column can be line wrapped, based on the table's global settings.\n * @internal\n */\nexport function column_getCanLineWrap<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  return column.table.options.enableLineWrap ?? true;\n}\n\n/**\n * Helper function to update the global line wrap state on the table, which can be called from column-level actions to ensure consistent state management.\n * @internal\n */\nexport function table_setColumnLineWrap<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  updater: Updater<DataTableLineWrapState>,\n): void {\n  const newValue = functionalUpdate(\n    updater,\n    table.atoms.columnLineWrap?.get() ?? false,\n  );\n  table.options.onColumnLineWrapChange?.(newValue);\n}\n\n/**\n * Constructs the column line wrap feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructColumnLineWrapFeature(): TableFeature<ColumnLineWrapFeatureConstructors> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        columnLineWrap: null,\n        ...initialState,\n      };\n      // This is safe here as the DataTableFeatures configuration, so it is a valid part of\n      // TableState<TFeatures> at runtime \u2014 TypeScript just can't prove it\n      // through the UnionToIntersection generic constraint.\n    },\n    assignColumnPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableColumnLineWrapFeature', prototype, table, {\n        column_toggleLineWrap: {\n          fn: (column, value: boolean) => column_toggleLineWrap(column, value),\n        },\n        column_getIsLineWrapped: {\n          fn: (column) => column_getIsLineWrapped(column),\n        },\n        column_getCanLineWrap: {\n          fn: (column) => column_getCanLineWrap(column),\n        },\n      });\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('DataTableColumnLineWrapFeature', table, {\n        table_setColumnLineWrap: {\n          fn: (updater: Updater<DataTableLineWrapState>) =>\n            table_setColumnLineWrap(table, updater),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Feature implementation for LineWrap. This contains the logic that will be given\n * to the tanstack table. The implementing interface is important as these are\n * the function that will be called by the tanstack table core during render.\n * @internal\n */\nexport const DataTableColumnLineWrapFeature = constructColumnLineWrapFeature();\n"],
-  "mappings": "AAAA;AAAA,EAQE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAYA,SAAS,gCAAgC;AAC9C,SAAO;AACT;AAQA,SAAS,2BAKP,QACA,OACyB;AACzB,QAAM,WAAW,SAAS,CAAC,OAAO,iBAAiB;AACnD,QAAM,eAAe,OAAO;AAE5B,MAAI,aAAa,WAAW,GAAG;AAE7B,WAAO;AAAA,MACL,CAAC,OAAO,EAAE,GAAG;AAAA,IACf;AAAA,EACF;AAEA,SAAO,OAAO,YAAY,aAAa,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAC;AAC7E;AAMO,SAAS,sBAId,QAAmD,OAAsB;AACzE,MAAI,CAAC,OAAO,eAAe,GAAG;AAC5B;AAAA,EACF;AAEA,SAAO,MAAM,kBAAkB,CAAC,aAAa;AAC3C,UAAM,wBAAwB,2BAA2B,QAAQ,KAAK;AAGtE,QAAI,OAAO,aAAa,WAAW;AACjC,YAAM,YAAY,OAAO,MACtB,gCAAgC,EAChC,IAAI,CAAC,QAAQ,IAAI,EAAE;AAGtB,YAAM,sBAA+C,OAAO;AAAA,QAC1D,UAAU,IAAI,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC;AAAA,MACtC;AAGA,aAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAEA,WAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF,CAAC;AACH;AAMO,SAAS,wBAId,QAA4D;AAC5D,QAAM,gBAAgB,OAAO,MAAM,MAAM,gBAAgB,IAAI;AAE7D,MAAI,OAAO,kBAAkB,WAAW;AACtC,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,OAAO;AAC5B,MAAI,aAAa,SAAS,GAAG;AAE3B,WAAO,aAAa,MAAM,CAAC,UAAU,MAAM,iBAAiB,CAAC;AAAA,EAC/D;AACA,SAAO,gBAAgB,OAAO,EAAE,KAAK;AACvC;AAMO,SAAS,sBAId,QAAmD;AACnD,SAAO,OAAO,MAAM,QAAQ,kBAAkB;AAChD;AAMO,SAAS,wBAId,OACA,SACM;AACN,QAAM,WAAW;AAAA,IACf;AAAA,IACA,MAAM,MAAM,gBAAgB,IAAI,KAAK;AAAA,EACvC;AACA,QAAM,QAAQ,yBAAyB,QAAQ;AACjD;AAOO,SAAS,iCAAkF;AAChG,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,gBAAgB;AAAA,QAChB,GAAG;AAAA,MACL;AAAA,IAIF;AAAA,IACA,uBAAuB,CAAC,WAAW,UAAU;AAC3C,0BAAoB,kCAAkC,WAAW,OAAO;AAAA,QACtE,uBAAuB;AAAA,UACrB,IAAI,CAAC,QAAQ,UAAmB,sBAAsB,QAAQ,KAAK;AAAA,QACrE;AAAA,QACA,yBAAyB;AAAA,UACvB,IAAI,CAAC,WAAW,wBAAwB,MAAM;AAAA,QAChD;AAAA,QACA,uBAAuB;AAAA,UACrB,IAAI,CAAC,WAAW,sBAAsB,MAAM;AAAA,QAC9C;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,oBAAoB,CAAC,UAAU;AAC7B,sBAAgB,kCAAkC,OAAO;AAAA,QACvD,yBAAyB;AAAA,UACvB,IAAI,CAAC,YACH,wBAAwB,OAAO,OAAO;AAAA,QAC1C;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAQO,MAAM,iCAAiC,+BAA+B;",
+  "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 { DataTableLineWrapState } from './line-wrap-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport {\n  createPrototypeConstructor,\n  createTableConstructor,\n} from '../types/table.types.js';\n\n/**\n * Global line wrap action for the DataTable to be used in the DataTable.Toolbar\n *\n * @public\n */\nexport function DataTableGlobalLineWrapAction() {\n  return null;\n}\n\n/**\n * Determines which columns need to have their lineWrap state updated.\n * @param column - The column for which lineWrap was toggled.\n * @param value - The new lineWrap value to set. If not provided, the current value will be toggled.\n * @returns a record of column IDs and their new lineWrap states.\n */\nfunction computeLineWrapStateUpdate<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  column: Column<TDataTableFeatures, TData, TValue>,\n  value?: boolean,\n): Record<string, boolean> {\n  const newValue = value ?? !column.getIsLineWrapped();\n  const childColumns = column.columns;\n\n  if (childColumns.length === 0) {\n    // For leaf or standalone columns, we only need to update the toggled column\n    return {\n      [column.id]: newValue,\n    };\n  }\n  // If the toggled column is a parent column, we need to toggle all its child columns\n  return Object.fromEntries(childColumns.map((child) => [child.id, newValue]));\n}\n\n/**\n * Helper function to toggle line wrap for a specific column, taking into account the current state and the column's capabilities.\n * @internal\n */\nexport function column_toggleLineWrap<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column<TDataTableFeatures, TData, TValue>, value: boolean): void {\n  if (!column.getCanLineWrap()) {\n    return;\n  }\n\n  column.table.setColumnLineWrap((oldValue) => {\n    const columnsStatesToUpdate = computeLineWrapStateUpdate(column, value);\n\n    // Check if the lineWrap was set as a global first\n    if (typeof oldValue === 'boolean') {\n      const columnIds = column.table\n        .getAllLeafColumnsWithoutBuiltin()\n        .map((col) => col.id);\n\n      // when switching from a boolean, we need to preserve the current state of the other columns\n      const currentColumnsState: Record<string, boolean> = Object.fromEntries(\n        columnIds.map((id) => [id, oldValue]),\n      );\n\n      // When toggling a parent column, we need to set the state of all child columns\n      return {\n        ...currentColumnsState,\n        ...columnsStatesToUpdate,\n      };\n    }\n\n    return {\n      ...oldValue,\n      ...columnsStatesToUpdate,\n    };\n  });\n}\n\n/**\n * Helper function to determine if a specific column is currently line wrapped, taking into account global settings and parent-child relationships.\n * @internal\n */\nexport function column_getIsLineWrapped<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column<TDataTableFeatures, TData, TValue>): boolean {\n  const lineWrapState = column.table.atoms.columnLineWrap?.get();\n  // Boolean values define a global line wrapping on the table.\n  if (typeof lineWrapState === 'boolean') {\n    return lineWrapState;\n  }\n\n  const childColumns = column.columns;\n  if (childColumns.length > 0) {\n    // If the current column is a parent, we consider it line wrapped only if all child columns are line wrapped\n    return childColumns.every((child) => child.getIsLineWrapped());\n  }\n  return lineWrapState?.[column.id] ?? false;\n}\n\n/**\n * Helper function to determine if a specific column can be line wrapped, based on the table's global settings.\n * @internal\n */\nexport function column_getCanLineWrap<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column<TDataTableFeatures, TData, TValue>) {\n  return column.table.options.enableLineWrap ?? true;\n}\n\n/**\n * Helper function to update the global line wrap state on the table, which can be called from column-level actions to ensure consistent state management.\n * @internal\n */\nexport function table_setColumnLineWrap<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  updater: Updater<DataTableLineWrapState>,\n): void {\n  const newValue = functionalUpdate(\n    updater,\n    table.atoms.columnLineWrap?.get() ?? false,\n  );\n  table.options.onColumnLineWrapChange?.(newValue);\n}\n\n/**\n * Constructs the column line wrap feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructColumnLineWrapFeature(): TableFeature {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        columnLineWrap: null,\n        ...initialState,\n      };\n      // This is safe here as the DataTableFeatures configuration, so it is a valid part of\n      // TableState<TDataTableFeatures> at runtime \u2014 TypeScript just can't prove it\n      // through the UnionToIntersection generic constraint.\n    },\n    assignColumnPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs(\n          'DataTableColumnLineWrapFeature',\n          prototype,\n          table,\n          {\n            column_toggleLineWrap: {\n              fn: (column, value: boolean) =>\n                column_toggleLineWrap(column, value),\n            },\n            column_getIsLineWrapped: {\n              fn: (column) => column_getIsLineWrapped(column),\n            },\n            column_getCanLineWrap: {\n              fn: (column) => column_getCanLineWrap(column),\n            },\n          },\n        );\n      },\n    ),\n    constructTableAPIs: createTableConstructor(\n      (table: Table<TDataTableFeatures, RowData>) => {\n        assignTableAPIs('DataTableColumnLineWrapFeature', table, {\n          table_setColumnLineWrap: {\n            fn: (updater: Updater<DataTableLineWrapState>) =>\n              table_setColumnLineWrap(table, updater),\n          },\n        });\n      },\n    ),\n  };\n}\n\n/**\n * Feature implementation for LineWrap. This contains the logic that will be given\n * to the tanstack table. The implementing interface is important as these are\n * the function that will be called by the tanstack table core during render.\n * @internal\n */\nexport const DataTableColumnLineWrapFeature = constructColumnLineWrapFeature();\n"],
+  "mappings": "AAAA;AAAA,EAOE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAOA,SAAS,gCAAgC;AAC9C,SAAO;AACT;AAQA,SAAS,2BAIP,QACA,OACyB;AACzB,QAAM,WAAW,SAAS,CAAC,OAAO,iBAAiB;AACnD,QAAM,eAAe,OAAO;AAE5B,MAAI,aAAa,WAAW,GAAG;AAE7B,WAAO;AAAA,MACL,CAAC,OAAO,EAAE,GAAG;AAAA,IACf;AAAA,EACF;AAEA,SAAO,OAAO,YAAY,aAAa,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAC;AAC7E;AAMO,SAAS,sBAGd,QAAmD,OAAsB;AACzE,MAAI,CAAC,OAAO,eAAe,GAAG;AAC5B;AAAA,EACF;AAEA,SAAO,MAAM,kBAAkB,CAAC,aAAa;AAC3C,UAAM,wBAAwB,2BAA2B,QAAQ,KAAK;AAGtE,QAAI,OAAO,aAAa,WAAW;AACjC,YAAM,YAAY,OAAO,MACtB,gCAAgC,EAChC,IAAI,CAAC,QAAQ,IAAI,EAAE;AAGtB,YAAM,sBAA+C,OAAO;AAAA,QAC1D,UAAU,IAAI,CAAC,OAAO,CAAC,IAAI,QAAQ,CAAC;AAAA,MACtC;AAGA,aAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,IACF;AAEA,WAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF,CAAC;AACH;AAMO,SAAS,wBAGd,QAA4D;AAC5D,QAAM,gBAAgB,OAAO,MAAM,MAAM,gBAAgB,IAAI;AAE7D,MAAI,OAAO,kBAAkB,WAAW;AACtC,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,OAAO;AAC5B,MAAI,aAAa,SAAS,GAAG;AAE3B,WAAO,aAAa,MAAM,CAAC,UAAU,MAAM,iBAAiB,CAAC;AAAA,EAC/D;AACA,SAAO,gBAAgB,OAAO,EAAE,KAAK;AACvC;AAMO,SAAS,sBAGd,QAAmD;AACnD,SAAO,OAAO,MAAM,QAAQ,kBAAkB;AAChD;AAMO,SAAS,wBACd,OACA,SACM;AACN,QAAM,WAAW;AAAA,IACf;AAAA,IACA,MAAM,MAAM,gBAAgB,IAAI,KAAK;AAAA,EACvC;AACA,QAAM,QAAQ,yBAAyB,QAAQ;AACjD;AAOO,SAAS,iCAA+C;AAC7D,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,gBAAgB;AAAA,QAChB,GAAG;AAAA,MACL;AAAA,IAIF;AAAA,IACA,uBAAuB;AAAA,MACrB,CACE,WACA,UACG;AACH;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,YACE,uBAAuB;AAAA,cACrB,IAAI,CAAC,QAAQ,UACX,sBAAsB,QAAQ,KAAK;AAAA,YACvC;AAAA,YACA,yBAAyB;AAAA,cACvB,IAAI,CAAC,WAAW,wBAAwB,MAAM;AAAA,YAChD;AAAA,YACA,uBAAuB;AAAA,cACrB,IAAI,CAAC,WAAW,sBAAsB,MAAM;AAAA,YAC9C;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,oBAAoB;AAAA,MAClB,CAAC,UAA8C;AAC7C,wBAAgB,kCAAkC,OAAO;AAAA,UACvD,yBAAyB;AAAA,YACvB,IAAI,CAAC,YACH,wBAAwB,OAAO,OAAO;AAAA,UAC1C;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;AAQO,MAAM,iCAAiC,+BAA+B;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/LineWrap/useLineWrap.ts"],
-  "sourcesContent": ["import type { RowData, TableOptions } from '@tanstack/react-table';\n\nimport type { DataTableLineWrapProps } from './line-wrap-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Configuration hook for the DataTable LineWrap feature.\n * @internal\n */\nexport function useColumnLineWrap<TData extends RowData>(\n  props: DataTableLineWrapProps,\n  options: TableOptions<TDataTableFeatures, TData>,\n): void {\n  const configLineWrap = useDataTableConfigElement('lineWrap');\n\n  const [columnLineWrap, onColumnLineWrapChange] = useControllableState({\n    value: props.lineWrap ?? configLineWrap,\n    defaultValue: props.defaultLineWrap,\n    onChange: props.onLineWrapChange,\n  });\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    columnLineWrap,\n  };\n  // eslint-disable-next-line react-hooks/immutability\n  options.onColumnLineWrapChange = onColumnLineWrapChange;\n}\n"],
+  "sourcesContent": ["import type { RowData } from '@tanstack/react-table';\n\nimport type { DataTableLineWrapProps } from './line-wrap-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport type { DataTableOptions } from '../types/table.types.js';\n\n/**\n * Configuration hook for the DataTable LineWrap feature.\n * @internal\n */\nexport function useColumnLineWrap<TData extends RowData>(\n  props: DataTableLineWrapProps,\n  options: DataTableOptions<TData>,\n): void {\n  const configLineWrap = useDataTableConfigElement('lineWrap');\n\n  const [columnLineWrap, onColumnLineWrapChange] = useControllableState({\n    value: props.lineWrap ?? configLineWrap,\n    defaultValue: props.defaultLineWrap,\n    onChange: props.onLineWrapChange,\n  });\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    columnLineWrap,\n  };\n  // eslint-disable-next-line react-hooks/immutability\n  options.onColumnLineWrapChange = onColumnLineWrapChange;\n}\n"],
   "mappings": "AAGA,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;AAOnC,SAAS,kBACd,OACA,SACM;AACN,QAAM,iBAAiB,0BAA0B,UAAU;AAE3D,QAAM,CAAC,gBAAgB,sBAAsB,IAAI,qBAAqB;AAAA,IACpE,OAAO,MAAM,YAAY;AAAA,IACzB,cAAc,MAAM;AAAA,IACpB,UAAU,MAAM;AAAA,EAClB,CAAC;AAGD,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX;AAAA,EACF;AAEA,UAAQ,yBAAyB;AACnC;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
-._14flfjk2-3-12-1 {
+._14flfjk2-3-13-0 {
   z-index: 1;
   position: absolute;
   inset: 0;
-  top: calc(var(--_14flfjk0-3-12-1) + var(--_14flfjk1-3-12-1));
-  bottom: calc(var(--_14flfjk1-3-12-1) * -1);
+  top: calc(var(--_14flfjk0-3-13-0) + var(--_14flfjk1-3-13-0));
+  bottom: calc(var(--_14flfjk1-3-13-0) * -1);
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/LoadingState/LoadingState.tsx"],
-  "sourcesContent": ["import type { TableFeature } from '@tanstack/react-table';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { type JSX, useEffect, useRef, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport type { LoadingStateFeatureConstructors } from './loading-state-types.js';\nimport * as styles from './LoadingState.sty.js';\nimport { ProgressCircle } from '../../../../content/progress/ProgressCircle.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { dataTableMessages } from '../../messages.js';\n\n/** Progress circle height breakpoint (px). */\nexport const PROGRESS_CIRCLE_HEIGHT_BREAKPOINT = 120;\n\n/**\n * Small wrapper that makes sure to only render the defined actions when the menu\n * is open.\n * @internal\n */\nexport function LoadingState(\n  props: Readonly<{ headerHeight: number; scrollOffset: number }>,\n): JSX.Element {\n  const { headerHeight, scrollOffset } = props;\n  const loadingContainerRef = useRef<HTMLDivElement | null>(null);\n  const [height, setHeight] = useState<number | undefined>(undefined);\n  const intl = useIntl();\n\n  useEffect(() => {\n    if (!loadingContainerRef.current) {\n      return;\n    }\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      if (entries.length > 0) {\n        setHeight(entries[0].contentRect.height);\n      }\n    });\n    resizeObserver.observe(loadingContainerRef.current);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, []);\n\n  return (\n    <Flex\n      ref={loadingContainerRef}\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      className={styles.loadingState}\n      style={assignInlineVars({\n        [styles.dataTableHeaderHeight]: `${headerHeight}px`,\n        [styles.dataTableScrollOffset]: `${scrollOffset}px`,\n      })}\n    >\n      <ProgressCircle\n        size={\n          height !== undefined && height > PROGRESS_CIRCLE_HEIGHT_BREAKPOINT\n            ? 'large'\n            : 'small'\n        }\n        aria-label={intl.formatMessage(dataTableMessages.loadingData)}\n      />\n    </Flex>\n  );\n}\n\nexport function constructLoadingStateFeature(): TableFeature<LoadingStateFeatureConstructors> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        loading: false,\n        ...initialState,\n      };\n    },\n  };\n}\n\n/**\n * DataTableLoadingStateFeature is the plugin that provides the loading state for the DataTable,\n * which can be used to display a loading indicator while the table's columns and/or data are being loaded.\n */\nexport const DataTableLoadingStateFeature = constructLoadingStateFeature();\n"],
-  "mappings": "AAuDM;AAtDN,SAAS,wBAAwB;AACjC,SAAmB,WAAW,QAAQ,gBAAgB;AACtD,SAAS,eAAe;AAGxB,YAAY,YAAY;AACxB,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAG3B,MAAM,oCAAoC;AAO1C,SAAS,aACd,OACa;AACb,QAAM,EAAE,cAAc,aAAa,IAAI;AACvC,QAAM,sBAAsB,OAA8B,IAAI;AAC9D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B,MAAS;AAClE,QAAM,OAAO,QAAQ;AAErB,YAAU,MAAM;AACd,QAAI,CAAC,oBAAoB,SAAS;AAChC;AAAA,IACF;AAEA,UAAM,iBAAiB,IAAI,eAAe,CAAC,YAAY;AACrD,UAAI,QAAQ,SAAS,GAAG;AACtB,kBAAU,QAAQ,CAAC,EAAE,YAAY,MAAM;AAAA,MACzC;AAAA,IACF,CAAC;AACD,mBAAe,QAAQ,oBAAoB,OAAO;AAElD,WAAO,MAAM;AACX,qBAAe,WAAW;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,WAAW,OAAO;AAAA,MAClB,OAAO,iBAAiB;AAAA,QACtB,CAAC,OAAO,qBAAqB,GAAG,GAAG,YAAY;AAAA,QAC/C,CAAC,OAAO,qBAAqB,GAAG,GAAG,YAAY;AAAA,MACjD,CAAC;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACC,MACE,WAAW,UAAa,SAAS,oCAC7B,UACA;AAAA,UAEN,cAAY,KAAK,cAAc,kBAAkB,WAAW;AAAA;AAAA,MAC9D;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,+BAA8E;AAC5F,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,SAAS;AAAA,QACT,GAAG;AAAA,MACL;AAAA,IACF;AAAA,EACF;AACF;AAMO,MAAM,+BAA+B,6BAA6B;",
+  "sourcesContent": ["import type { TableFeature } from '@tanstack/react-table';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { type JSX, useEffect, useRef, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './LoadingState.sty.js';\nimport { ProgressCircle } from '../../../../content/progress/ProgressCircle.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { dataTableMessages } from '../../messages.js';\n\n/** Progress circle height breakpoint (px). */\nexport const PROGRESS_CIRCLE_HEIGHT_BREAKPOINT = 120;\n\n/**\n * Small wrapper that makes sure to only render the defined actions when the menu\n * is open.\n * @internal\n */\nexport function LoadingState(\n  props: Readonly<{ headerHeight: number; scrollOffset: number }>,\n): JSX.Element {\n  const { headerHeight, scrollOffset } = props;\n  const loadingContainerRef = useRef<HTMLDivElement | null>(null);\n  const [height, setHeight] = useState<number | undefined>(undefined);\n  const intl = useIntl();\n\n  useEffect(() => {\n    if (!loadingContainerRef.current) {\n      return;\n    }\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      if (entries.length > 0) {\n        setHeight(entries[0].contentRect.height);\n      }\n    });\n    resizeObserver.observe(loadingContainerRef.current);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, []);\n\n  return (\n    <Flex\n      ref={loadingContainerRef}\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      className={styles.loadingState}\n      style={assignInlineVars({\n        [styles.dataTableHeaderHeight]: `${headerHeight}px`,\n        [styles.dataTableScrollOffset]: `${scrollOffset}px`,\n      })}\n    >\n      <ProgressCircle\n        size={\n          height !== undefined && height > PROGRESS_CIRCLE_HEIGHT_BREAKPOINT\n            ? 'large'\n            : 'small'\n        }\n        aria-label={intl.formatMessage(dataTableMessages.loadingData)}\n      />\n    </Flex>\n  );\n}\n\nexport function constructLoadingStateFeature(): TableFeature {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        loading: false,\n        ...initialState,\n      };\n    },\n  };\n}\n\n/**\n * DataTableLoadingStateFeature is the plugin that provides the loading state for the DataTable,\n * which can be used to display a loading indicator while the table's columns and/or data are being loaded.\n */\nexport const DataTableLoadingStateFeature = constructLoadingStateFeature();\n"],
+  "mappings": "AAsDM;AArDN,SAAS,wBAAwB;AACjC,SAAmB,WAAW,QAAQ,gBAAgB;AACtD,SAAS,eAAe;AAExB,YAAY,YAAY;AACxB,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAG3B,MAAM,oCAAoC;AAO1C,SAAS,aACd,OACa;AACb,QAAM,EAAE,cAAc,aAAa,IAAI;AACvC,QAAM,sBAAsB,OAA8B,IAAI;AAC9D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B,MAAS;AAClE,QAAM,OAAO,QAAQ;AAErB,YAAU,MAAM;AACd,QAAI,CAAC,oBAAoB,SAAS;AAChC;AAAA,IACF;AAEA,UAAM,iBAAiB,IAAI,eAAe,CAAC,YAAY;AACrD,UAAI,QAAQ,SAAS,GAAG;AACtB,kBAAU,QAAQ,CAAC,EAAE,YAAY,MAAM;AAAA,MACzC;AAAA,IACF,CAAC;AACD,mBAAe,QAAQ,oBAAoB,OAAO;AAElD,WAAO,MAAM;AACX,qBAAe,WAAW;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,WAAW,OAAO;AAAA,MAClB,OAAO,iBAAiB;AAAA,QACtB,CAAC,OAAO,qBAAqB,GAAG,GAAG,YAAY;AAAA,QAC/C,CAAC,OAAO,qBAAqB,GAAG,GAAG,YAAY;AAAA,MACjD,CAAC;AAAA,MAED;AAAA,QAAC;AAAA;AAAA,UACC,MACE,WAAW,UAAa,SAAS,oCAC7B,UACA;AAAA,UAEN,cAAY,KAAK,cAAc,kBAAkB,WAAW;AAAA;AAAA,MAC9D;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,+BAA6C;AAC3D,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,SAAS;AAAA,QACT,GAAG;AAAA,MACL;AAAA,IACF;AAAA,EACF;AACF;AAMO,MAAM,+BAA+B,6BAA6B;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 import "./LoadingState.css";
-var dataTableHeaderHeight = "var(--_14flfjk0-3-12-1)";
-var dataTableScrollOffset = "var(--_14flfjk1-3-12-1)";
-var loadingState = "_14flfjk2-3-12-1";
+var dataTableHeaderHeight = "var(--_14flfjk0-3-13-0)";
+var dataTableScrollOffset = "var(--_14flfjk1-3-13-0)";
+var loadingState = "_14flfjk2-3-13-0";
 export {
   dataTableHeaderHeight,
   dataTableScrollOffset,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/LoadingState/LoadingState.css.ts"],
-  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-12-1)';\nexport var dataTableScrollOffset = 'var(--_14flfjk1-3-12-1)';\nexport var loadingState = '_14flfjk2-3-12-1';"],
+  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-13-0)';\nexport var dataTableScrollOffset = 'var(--_14flfjk1-3-13-0)';\nexport var loadingState = '_14flfjk2-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,eAAe;",
   "names": []
 }

package/esm/tables/DataTable/features/LoadingState/useLoadingState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/LoadingState/useLoadingState.ts"],
-  "sourcesContent": ["import type { TableOptions } from '@tanstack/react-table';\n\nimport type { DataTableLoadingStateProps } from './loading-state-types.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/** Progress circle height breakpoint (px). */\nexport const PROGRESS_CIRCLE_HEIGHT_BREAKPOINT = 120;\n\n/**\n * Configuration hook for the DataTable LoadingState feature.\n * @internal\n */\nexport function useLoadingState<TData extends DataTableRowData>(\n  props: DataTableLoadingStateProps,\n  options: TableOptions<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  options.state = {\n    ...options.state,\n    loading: props.loading,\n  };\n}\n"],
-  "mappings": "AAOO,MAAM,oCAAoC;AAM1C,SAAS,gBACd,OACA,SACM;AACN,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX,SAAS,MAAM;AAAA,EACjB;AACF;",
+  "sourcesContent": ["import type { DataTableLoadingStateProps } from './loading-state-types.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { DataTableOptions } from '../types/table.types.js';\n\n/** Progress circle height breakpoint (px). */\nexport const PROGRESS_CIRCLE_HEIGHT_BREAKPOINT = 120;\n\n/**\n * Configuration hook for the DataTable LoadingState feature.\n * @internal\n */\nexport function useLoadingState<TData extends DataTableRowData>(\n  props: DataTableLoadingStateProps,\n  options: DataTableOptions<Exclude<TData, unknown>>,\n): void {\n  options.state = {\n    ...options.state,\n    loading: props.loading,\n  };\n}\n"],
+  "mappings": "AAKO,MAAM,oCAAoC;AAM1C,SAAS,gBACd,OACA,SACM;AACN,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX,SAAS,MAAM;AAAA,EACjB;AACF;",
   "names": []
 }

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

@@ -1,13 +1,13 @@
-._116rojq0-3-12-1 {
+._116rojq0-3-13-0 {
   display: flex;
   align-items: center;
   width: 100%;
   gap: var(--dt-spacings-size-8, 8px);
 }
-._116rojq1-3-12-1 {
+._116rojq1-3-13-0 {
   display: contents;
 }
-._116rojq2-3-12-1 {
+._116rojq2-3-13-0 {
   flex-shrink: 0;
   min-width: var(--dt-spacings-size-48, 48px);
   max-width: 50%;
@@ -17,9 +17,9 @@
   text-overflow: ellipsis;
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._116rojq3-3-12-1 {
+._116rojq3-3-13-0 {
   order: -1;
 }
-._116rojq4-3-12-1 {
+._116rojq4-3-13-0 {
   order: 1;
 }

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

@@ -40,7 +40,7 @@ function resolveShowThresholdIndicators(config) {
     return config.showThresholdIndicators;
   }
   return collapseThresholdShowIndicators(
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    // oxlint-disable-next-line typescript/no-deprecated
     (config?.thresholds ?? []).map((threshold) => threshold.showIndicator),
     "[Table - MeterBar] The deprecated per-threshold `showIndicator` config has mixed values and can no longer be represented per threshold. Use the column-level `showThresholdIndicators` config to show or hide all threshold indicators at once."
   );

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/MeterBarChart/MeterBarChart.tsx"],
-  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\nimport type {\n  CellData,\n  Column,\n  RowData,\n  TableFeature,\n  TableOptions,\n} from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { isEmpty, isNumber } from 'lodash-es';\nimport { useEffect, useMemo, useRef, type JSX } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\nimport {\n  type ConvertibleUnit,\n  format,\n  type FormatOptions,\n  type Unit,\n} from '@dynatrace-sdk/units';\n\nimport type { MeterBarChartColumnTypeFeatureConstructors } from './meterbar-chart-types.js';\nimport * as styles from './MeterBarChart.sty.js';\nimport {\n  isFormatterOptions,\n  type Formatter,\n} from '../../../../charts/core/types/formatter.js';\nimport { MultiMeterBarChart } from '../../../../charts/meter-bar/multi-meter-bar/MultiMeterBarChart.js';\nimport { METER_BAR_SIZE } from '../../../../charts/meter-bar/shared/constants.js';\nimport type { MeterBarChartElementRef } from '../../../../charts/meter-bar/shared/types/meter-bars.js';\nimport { collapseThresholdShowIndicators } from '../../../../charts/meter-bar/shared/utils/collapse-threshold-show-indicators.js';\nimport { MeterBarChart } from '../../../../charts/meter-bar/single-meter-bar/MeterBarChart.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { isDisplayColumnDefConfig } from '../../hooks/useTable/datatable-typeguards.js';\nimport type {\n  DataTableColumnDef,\n  DataTableDisplayColumnDef,\n  DataTableRowData,\n} from '../../public.api.js';\nimport { isDatatableMeterBarColumnConfig } from '../ColumnTypes/column-types-types.js';\nimport type { DataTableMeterbarColumnConfig } from '../ColumnTypes/column-types-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/** Default max value for meterbar column. */\nconst DEFAULT_MAX_VALUE = 100;\n\n/**\n * Type guard function ensures that the defined column contains the 'accessor' property.\n * @internal\n */\nfunction isColumnDefWithAccessor<TData extends DataTableRowData, TValue>(\n  column: unknown,\n): column is DataTableDisplayColumnDef<TData, TValue> {\n  return (\n    column !== null &&\n    column !== undefined &&\n    typeof column === 'object' &&\n    'accessor' in column\n  );\n}\n\ntype MeterBarChartRendererType<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> = {\n  value: number | { name: string; value: number; color?: string }[];\n  column: Column<TDataTableFeatures, TData, TValue>;\n};\n\n/**\n * Type guard to check value against MultiMeterBar values.\n * @internal\n */\nexport function isMultiMeterBarData(\n  value: unknown,\n): value is Array<{ name: string; value: number; color?: string }> {\n  return (\n    Array.isArray(value) &&\n    value.every(\n      (item) =>\n        typeof item === 'object' &&\n        typeof item.name === 'string' &&\n        typeof item.value === 'number' &&\n        (item.color === undefined || typeof item.color === 'string'),\n    )\n  );\n}\n\n/**\n * Formats the value for the meterbar chart based on the provided formatter or format options.\n * @param value - The numeric value to be formatted.\n * @param formatter - Optional formatter function or format options to format the value.\n * @returns The formatted value as a string.\n * @internal\n */\nfunction formatMeterBarValue(\n  value: number,\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>,\n): string {\n  if (!formatter) {\n    return String(value);\n  }\n  if (isFormatterOptions(formatter)) {\n    return format(value, formatter);\n  }\n  return formatter(value);\n}\n\n/**\n * Resolves the effective column-level `showThresholdIndicators` value.\n *\n * The new column-level `showThresholdIndicators` flag always takes precedence.\n * When it is omitted, we fall back to the deprecated per-threshold\n * `showIndicator` flags so existing configs keep working without a breaking\n * change.\n * @internal\n */\nexport function resolveShowThresholdIndicators(\n  config: DataTableMeterbarColumnConfig,\n): boolean | undefined {\n  if (config?.showThresholdIndicators !== undefined) {\n    return config.showThresholdIndicators;\n  }\n\n  return collapseThresholdShowIndicators(\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    (config?.thresholds ?? []).map((threshold) => threshold.showIndicator),\n    '[Table - MeterBar] The deprecated per-threshold `showIndicator` config ' +\n      'has mixed values and can no longer be represented per threshold. Use ' +\n      'the column-level `showThresholdIndicators` config to show or hide all ' +\n      'threshold indicators at once.',\n  );\n}\n\n/**\n * Intended for configuring and rendering the meterbar chart component.\n */\nexport function MeterBarChartRenderer<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>({\n  value,\n  column,\n}: Readonly<MeterBarChartRendererType<TData, TValue>>): JSX.Element {\n  const chartRef = useRef<MeterBarChartElementRef>(null);\n\n  let config: DataTableMeterbarColumnConfig = {};\n  if (\n    column?.columnDef.meta &&\n    isDatatableMeterBarColumnConfig(\n      column.columnDef.meta.config,\n      column.columnDef.columnType,\n    )\n  ) {\n    config = column.columnDef.meta.config;\n  }\n\n  const columnId = column.columnDef.id ?? '';\n\n  const maxValuesFromState = column.table.atoms.meterbarChartMaxValues?.get();\n\n  const maxValue = !isEmpty(maxValuesFromState)\n    ? maxValuesFromState[columnId]\n    : DEFAULT_MAX_VALUE;\n\n  const listenerRef = useRef<((e?: PointerEvent) => void) | null>(null);\n\n  useEffect(() => {\n    // clean possible leftover event on unmount\n    return () => {\n      listenerRef.current?.();\n    };\n  }, []);\n\n  const registerUnpinOnPointerUp = config?.showTooltip\n    ? () => {\n        if (listenerRef.current) {\n          return;\n        }\n        const handler = (event: PointerEvent) => {\n          if (\n            (event.target as HTMLElement).closest('[role=\"tooltip\"]') !== null\n          ) {\n            return;\n          }\n\n          chartRef.current?.unpinTooltip();\n          listenerRef.current?.();\n          listenerRef.current = null;\n        };\n        listenerRef.current = () =>\n          document.removeEventListener('pointerup', handler);\n        document.addEventListener('pointerup', handler);\n      }\n    : undefined;\n\n  // simple MeterBar\n  if (typeof value === 'number') {\n    const showValue = config?.showValue ?? false;\n    const showThresholdIndicators = resolveShowThresholdIndicators(config);\n    const hasVisibleThresholds =\n      showThresholdIndicators !== false &&\n      (config?.thresholds?.length ?? 0) > 0;\n\n    const chart = (\n      <MeterBarChart\n        value={value}\n        min={config?.min}\n        max={maxValue}\n        color={config?.color as string}\n        size={METER_BAR_SIZE.Size8}\n        width=\"100%\"\n        // Override the chart's default height: '100%'.\n        height=\"auto\"\n        showThresholdIndicators={showThresholdIndicators}\n        // The threshold interval bars add height below the bar\n        // so trim the vertical padding when they are visible\n        // to keep the cell height consistent.\n        style={{\n          padding: `${\n            hasVisibleThresholds ? Spacings.Size4 : Spacings.Size6\n          } 0`,\n        }}\n        formatter={config?.formatter}\n        ref={chartRef}\n      >\n        <MeterBarChart.Tooltip hidden={!config?.showTooltip} />\n        {config?.thresholds?.map((threshold) => (\n          <MeterBarChart.ThresholdIndicator\n            key={`threshold-${threshold.color}-${threshold.value}`}\n            // DEPRECATION: [APPDEV-15843] BREAKING-CHANGE: Remove `name` from `thresholds`\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            name={threshold.name}\n            color={threshold.color}\n            value={threshold.value}\n          />\n        ))}\n      </MeterBarChart>\n    );\n\n    return (\n      <span\n        className={clsx({\n          [styles.wrapperVariants.shown]: showValue !== false,\n          [styles.wrapperVariants.hidden]: showValue === false,\n        })}\n        onClick={registerUnpinOnPointerUp}\n        role=\"none\"\n      >\n        {showValue !== false && (\n          <span className={styles.inlineValueVariants[showValue]}>\n            {formatMeterBarValue(value, config?.formatter)}\n          </span>\n        )}\n        {chart}\n      </span>\n    );\n  }\n\n  const isMultiMeterData = isMultiMeterBarData(value);\n  if (!isMultiMeterData) {\n    devLog('Invalid meter chart data.');\n  }\n\n  return (\n    <span\n      style={{ display: 'contents' }}\n      onClick={registerUnpinOnPointerUp}\n      role=\"none\"\n    >\n      <MultiMeterBarChart\n        size={METER_BAR_SIZE.Size8}\n        min={config?.min}\n        max={maxValue}\n        colorPalette={config?.colorPalette || 'categorical'}\n        width=\"100%\"\n        // Override the chart's default height: '100%'.\n        height=\"auto\"\n        style={{ padding: `${Spacings.Size6} 0` }}\n        formatter={config?.formatter}\n        ref={chartRef}\n      >\n        {\n          // only if this is multi meter data render segments\n          isMultiMeterData &&\n            value.map((data) => (\n              <MultiMeterBarChart.Segment\n                key={`${data.name}-${data.value}`}\n                name={data.name}\n                value={data.value}\n                color={data?.color}\n              />\n            ))\n        }\n        <MultiMeterBarChart.Tooltip\n          variant=\"shared\"\n          hidden={!config?.showTooltip}\n        />\n      </MultiMeterBarChart>\n    </span>\n  );\n}\n\n/**\n * Gets the highest total max values in a meterbar column.\n *\n * @param data - table data\n * @param columns - table column definition\n * @returns record of highest total max value per column\n * @internal\n */\nexport function getTotalMaxFromMeterbarChartData<\n  TData extends DataTableRowData,\n>(data: TData[], columns: DataTableColumnDef<TData>[]): Record<string, number> {\n  const meterbarColumns = columns.filter(\n    (columnDef) =>\n      isDisplayColumnDefConfig<TData>(columnDef) &&\n      columnDef.columnType === 'meterbar',\n  );\n\n  const maxValuesStorage: Record<string, number> = {};\n\n  for (const row of data) {\n    for (const columnDef of meterbarColumns) {\n      if (isColumnDefWithAccessor(columnDef)) {\n        const { accessor, config, id: columnId } = columnDef;\n\n        const configuredMax: number | 'data-max' | undefined =\n          isDatatableMeterBarColumnConfig(config, columnDef.columnType)\n            ? config.max\n            : undefined;\n\n        const meterbarValue = row as Record<string, unknown>;\n\n        const meterbarDataEntry =\n          typeof accessor === 'string'\n            ? meterbarValue[accessor]\n            : accessor(row);\n\n        let totalValue = DEFAULT_MAX_VALUE;\n\n        if (isNumber(configuredMax)) {\n          maxValuesStorage[columnId] = configuredMax;\n          continue;\n        }\n\n        if (meterbarDataEntry) {\n          if (Array.isArray(meterbarDataEntry)) {\n            totalValue = meterbarDataEntry.reduce(\n              (acc, current) => acc + current.value,\n              0,\n            );\n          } else {\n            const entry = isNumber(meterbarDataEntry)\n              ? meterbarDataEntry\n              : DEFAULT_MAX_VALUE;\n            totalValue =\n              configuredMax === 'data-max'\n                ? entry\n                : Math.max(entry, DEFAULT_MAX_VALUE);\n          }\n        }\n\n        maxValuesStorage[columnId] = Math.max(\n          maxValuesStorage[columnId] ?? totalValue,\n          totalValue,\n        );\n      }\n    }\n  }\n\n  return maxValuesStorage;\n}\n\n/**\n * Configuration hook for the DataTable Meterbar Chart feature.\n * @internal\n */\nexport function useMeterBarChartMaxValuesCalc<TData extends DataTableRowData>(\n  props: {\n    data: TData[];\n    columns: DataTableColumnDef<TData>[];\n  },\n  options: TableOptions<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  const meterbarChartMaxValues = useMemo(\n    () => getTotalMaxFromMeterbarChartData<TData>(props.data, props.columns),\n    [props.columns, props.data],\n  );\n\n  options.state = {\n    ...options.state,\n    meterbarChartMaxValues,\n  };\n}\n\nexport function constructMeterBarChartColumnTypeFeature(): TableFeature<MeterBarChartColumnTypeFeatureConstructors> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        meterbarChartMaxValues: null,\n        ...initialState,\n      };\n    },\n  };\n}\n\n/**\n * DataTableMeterBarChartColumnTypeFeature is the plugin that provides the loading state for the DataTable,\n * which can be used to display a loading indicator while the table's columns and/or data are being loaded.\n */\nexport const DataTableMeterBarChartColumnTypeFeature =\n  constructMeterBarChartColumnTypeFeature();\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\nimport type {\n  CellData,\n  Column,\n  RowData,\n  TableFeature,\n} from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { isEmpty, isNumber } from 'lodash-es';\nimport { useEffect, useMemo, useRef, type JSX } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\nimport {\n  type ConvertibleUnit,\n  format,\n  type FormatOptions,\n  type Unit,\n} from '@dynatrace-sdk/units';\n\nimport * as styles from './MeterBarChart.sty.js';\nimport {\n  isFormatterOptions,\n  type Formatter,\n} from '../../../../charts/core/types/formatter.js';\nimport { MultiMeterBarChart } from '../../../../charts/meter-bar/multi-meter-bar/MultiMeterBarChart.js';\nimport { METER_BAR_SIZE } from '../../../../charts/meter-bar/shared/constants.js';\nimport type { MeterBarChartElementRef } from '../../../../charts/meter-bar/shared/types/meter-bars.js';\nimport { collapseThresholdShowIndicators } from '../../../../charts/meter-bar/shared/utils/collapse-threshold-show-indicators.js';\nimport { MeterBarChart } from '../../../../charts/meter-bar/single-meter-bar/MeterBarChart.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { isDisplayColumnDefConfig } from '../../hooks/useTable/datatable-typeguards.js';\nimport type {\n  DataTableColumnDef,\n  DataTableDisplayColumnDef,\n  DataTableRowData,\n} from '../../public.api.js';\nimport { isDatatableMeterBarColumnConfig } from '../ColumnTypes/column-types-types.js';\nimport type { DataTableMeterbarColumnConfig } from '../ColumnTypes/column-types-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport type { DataTableOptions } from '../types/table.types.js';\n\n/** Default max value for meterbar column. */\nconst DEFAULT_MAX_VALUE = 100;\n\n/**\n * Type guard function ensures that the defined column contains the 'accessor' property.\n * @internal\n */\nfunction isColumnDefWithAccessor<TData extends DataTableRowData, TValue>(\n  column: unknown,\n): column is DataTableDisplayColumnDef<TData, TValue> {\n  return (\n    column !== null &&\n    column !== undefined &&\n    typeof column === 'object' &&\n    'accessor' in column\n  );\n}\n\ntype MeterBarChartRendererType<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> = {\n  value: number | { name: string; value: number; color?: string }[];\n  column: Column<TDataTableFeatures, TData, TValue>;\n};\n\n/**\n * Type guard to check value against MultiMeterBar values.\n * @internal\n */\nexport function isMultiMeterBarData(\n  value: unknown,\n): value is Array<{ name: string; value: number; color?: string }> {\n  return (\n    Array.isArray(value) &&\n    value.every(\n      (item) =>\n        typeof item === 'object' &&\n        typeof item.name === 'string' &&\n        typeof item.value === 'number' &&\n        (item.color === undefined || typeof item.color === 'string'),\n    )\n  );\n}\n\n/**\n * Formats the value for the meterbar chart based on the provided formatter or format options.\n * @param value - The numeric value to be formatted.\n * @param formatter - Optional formatter function or format options to format the value.\n * @returns The formatted value as a string.\n * @internal\n */\nfunction formatMeterBarValue(\n  value: number,\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>,\n): string {\n  if (!formatter) {\n    return String(value);\n  }\n  if (isFormatterOptions(formatter)) {\n    return format(value, formatter);\n  }\n  return formatter(value);\n}\n\n/**\n * Resolves the effective column-level `showThresholdIndicators` value.\n *\n * The new column-level `showThresholdIndicators` flag always takes precedence.\n * When it is omitted, we fall back to the deprecated per-threshold\n * `showIndicator` flags so existing configs keep working without a breaking\n * change.\n * @internal\n */\nexport function resolveShowThresholdIndicators(\n  config: DataTableMeterbarColumnConfig,\n): boolean | undefined {\n  if (config?.showThresholdIndicators !== undefined) {\n    return config.showThresholdIndicators;\n  }\n\n  return collapseThresholdShowIndicators(\n    // oxlint-disable-next-line typescript/no-deprecated\n    (config?.thresholds ?? []).map((threshold) => threshold.showIndicator),\n    '[Table - MeterBar] The deprecated per-threshold `showIndicator` config ' +\n      'has mixed values and can no longer be represented per threshold. Use ' +\n      'the column-level `showThresholdIndicators` config to show or hide all ' +\n      'threshold indicators at once.',\n  );\n}\n\n/**\n * Intended for configuring and rendering the meterbar chart component.\n */\nexport function MeterBarChartRenderer<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>({\n  value,\n  column,\n}: Readonly<MeterBarChartRendererType<TData, TValue>>): JSX.Element {\n  const chartRef = useRef<MeterBarChartElementRef>(null);\n\n  let config: DataTableMeterbarColumnConfig = {};\n  if (\n    column?.columnDef.meta &&\n    isDatatableMeterBarColumnConfig(\n      column.columnDef.meta.config,\n      column.columnDef.columnType,\n    )\n  ) {\n    config = column.columnDef.meta.config;\n  }\n\n  const columnId = column.columnDef.id ?? '';\n\n  const maxValuesFromState = column.table.atoms.meterbarChartMaxValues?.get();\n\n  const maxValue = !isEmpty(maxValuesFromState)\n    ? maxValuesFromState[columnId]\n    : DEFAULT_MAX_VALUE;\n\n  const listenerRef = useRef<((e?: PointerEvent) => void) | null>(null);\n\n  useEffect(() => {\n    // clean possible leftover event on unmount\n    return () => {\n      listenerRef.current?.();\n    };\n  }, []);\n\n  const registerUnpinOnPointerUp = config?.showTooltip\n    ? () => {\n        if (listenerRef.current) {\n          return;\n        }\n        const handler = (event: PointerEvent) => {\n          if (\n            (event.target as HTMLElement).closest('[role=\"tooltip\"]') !== null\n          ) {\n            return;\n          }\n\n          chartRef.current?.unpinTooltip();\n          listenerRef.current?.();\n          listenerRef.current = null;\n        };\n        listenerRef.current = () =>\n          document.removeEventListener('pointerup', handler);\n        document.addEventListener('pointerup', handler);\n      }\n    : undefined;\n\n  // simple MeterBar\n  if (typeof value === 'number') {\n    const showValue = config?.showValue ?? false;\n    const showThresholdIndicators = resolveShowThresholdIndicators(config);\n    const hasVisibleThresholds =\n      showThresholdIndicators !== false &&\n      (config?.thresholds?.length ?? 0) > 0;\n\n    const chart = (\n      <MeterBarChart\n        value={value}\n        min={config?.min}\n        max={maxValue}\n        color={config?.color as string}\n        size={METER_BAR_SIZE.Size8}\n        width=\"100%\"\n        // Override the chart's default height: '100%'.\n        height=\"auto\"\n        showThresholdIndicators={showThresholdIndicators}\n        // The threshold interval bars add height below the bar\n        // so trim the vertical padding when they are visible\n        // to keep the cell height consistent.\n        style={{\n          padding: `${\n            hasVisibleThresholds ? Spacings.Size4 : Spacings.Size6\n          } 0`,\n        }}\n        formatter={config?.formatter}\n        ref={chartRef}\n      >\n        <MeterBarChart.Tooltip hidden={!config?.showTooltip} />\n        {config?.thresholds?.map((threshold) => (\n          <MeterBarChart.ThresholdIndicator\n            key={`threshold-${threshold.color}-${threshold.value}`}\n            // DEPRECATION: [APPDEV-15843] BREAKING-CHANGE: Remove `name` from `thresholds`\n            // oxlint-disable-next-line typescript/no-deprecated\n            name={threshold.name}\n            color={threshold.color}\n            value={threshold.value}\n          />\n        ))}\n      </MeterBarChart>\n    );\n\n    return (\n      <span\n        className={clsx({\n          [styles.wrapperVariants.shown]: showValue !== false,\n          [styles.wrapperVariants.hidden]: showValue === false,\n        })}\n        onClick={registerUnpinOnPointerUp}\n        role=\"none\"\n      >\n        {showValue !== false && (\n          <span className={styles.inlineValueVariants[showValue]}>\n            {formatMeterBarValue(value, config?.formatter)}\n          </span>\n        )}\n        {chart}\n      </span>\n    );\n  }\n\n  const isMultiMeterData = isMultiMeterBarData(value);\n  if (!isMultiMeterData) {\n    devLog('Invalid meter chart data.');\n  }\n\n  return (\n    <span\n      style={{ display: 'contents' }}\n      onClick={registerUnpinOnPointerUp}\n      role=\"none\"\n    >\n      <MultiMeterBarChart\n        size={METER_BAR_SIZE.Size8}\n        min={config?.min}\n        max={maxValue}\n        colorPalette={config?.colorPalette || 'categorical'}\n        width=\"100%\"\n        // Override the chart's default height: '100%'.\n        height=\"auto\"\n        style={{ padding: `${Spacings.Size6} 0` }}\n        formatter={config?.formatter}\n        ref={chartRef}\n      >\n        {\n          // only if this is multi meter data render segments\n          isMultiMeterData &&\n            value.map((data) => (\n              <MultiMeterBarChart.Segment\n                key={`${data.name}-${data.value}`}\n                name={data.name}\n                value={data.value}\n                color={data?.color}\n              />\n            ))\n        }\n        <MultiMeterBarChart.Tooltip\n          variant=\"shared\"\n          hidden={!config?.showTooltip}\n        />\n      </MultiMeterBarChart>\n    </span>\n  );\n}\n\n/**\n * Gets the highest total max values in a meterbar column.\n *\n * @param data - table data\n * @param columns - table column definition\n * @returns record of highest total max value per column\n * @internal\n */\nexport function getTotalMaxFromMeterbarChartData<\n  TData extends DataTableRowData,\n>(data: TData[], columns: DataTableColumnDef<TData>[]): Record<string, number> {\n  const meterbarColumns = columns.filter(\n    (columnDef) =>\n      isDisplayColumnDefConfig<TData>(columnDef) &&\n      columnDef.columnType === 'meterbar',\n  );\n\n  const maxValuesStorage: Record<string, number> = {};\n\n  for (const row of data) {\n    for (const columnDef of meterbarColumns) {\n      if (isColumnDefWithAccessor(columnDef)) {\n        const { accessor, config, id: columnId } = columnDef;\n\n        const configuredMax: number | 'data-max' | undefined =\n          isDatatableMeterBarColumnConfig(config, columnDef.columnType)\n            ? config.max\n            : undefined;\n\n        const meterbarValue = row as Record<string, unknown>;\n\n        const meterbarDataEntry =\n          typeof accessor === 'string'\n            ? meterbarValue[accessor]\n            : accessor(row);\n\n        let totalValue = DEFAULT_MAX_VALUE;\n\n        if (isNumber(configuredMax)) {\n          maxValuesStorage[columnId] = configuredMax;\n          continue;\n        }\n\n        if (meterbarDataEntry) {\n          if (Array.isArray(meterbarDataEntry)) {\n            totalValue = meterbarDataEntry.reduce(\n              (acc, current) => acc + current.value,\n              0,\n            );\n          } else {\n            const entry = isNumber(meterbarDataEntry)\n              ? meterbarDataEntry\n              : DEFAULT_MAX_VALUE;\n            totalValue =\n              configuredMax === 'data-max'\n                ? entry\n                : Math.max(entry, DEFAULT_MAX_VALUE);\n          }\n        }\n\n        maxValuesStorage[columnId] = Math.max(\n          maxValuesStorage[columnId] ?? totalValue,\n          totalValue,\n        );\n      }\n    }\n  }\n\n  return maxValuesStorage;\n}\n\n/**\n * Configuration hook for the DataTable Meterbar Chart feature.\n * @internal\n */\nexport function useMeterBarChartMaxValuesCalc<TData extends DataTableRowData>(\n  props: {\n    data: TData[];\n    columns: DataTableColumnDef<TData>[];\n  },\n  options: DataTableOptions<Exclude<TData, unknown>>,\n): void {\n  const meterbarChartMaxValues = useMemo(\n    () => getTotalMaxFromMeterbarChartData<TData>(props.data, props.columns),\n    [props.columns, props.data],\n  );\n\n  options.state = {\n    ...options.state,\n    meterbarChartMaxValues,\n  };\n}\n\nexport function constructMeterBarChartColumnTypeFeature(): TableFeature {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        meterbarChartMaxValues: null,\n        ...initialState,\n      };\n    },\n  };\n}\n\n/**\n * DataTableMeterBarChartColumnTypeFeature is the plugin that provides the loading state for the DataTable,\n * which can be used to display a loading indicator while the table's columns and/or data are being loaded.\n */\nexport const DataTableMeterBarChartColumnTypeFeature =\n  constructMeterBarChartColumnTypeFeature();\n"],
+  "mappings": "AA2MM,SAqBE,KArBF;AApMN,OAAO,UAAU;AACjB,SAAS,SAAS,gBAAgB;AAClC,SAAS,WAAW,SAAS,cAAwB;AAErD,OAAO,cAAc;AACrB;AAAA,EAEE;AAAA,OAGK;AAEP,YAAY,YAAY;AACxB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAE/B,SAAS,uCAAuC;AAChD,SAAS,qBAAqB;AAC9B,SAAS,cAAc;AACvB,SAAS,gCAAgC;AAMzC,SAAS,uCAAuC;AAMhD,MAAM,oBAAoB;AAM1B,SAAS,wBACP,QACoD;AACpD,SACE,WAAW,QACX,WAAW,UACX,OAAO,WAAW,YAClB,cAAc;AAElB;AAcO,SAAS,oBACd,OACiE;AACjE,SACE,MAAM,QAAQ,KAAK,KACnB,MAAM;AAAA,IACJ,CAAC,SACC,OAAO,SAAS,YAChB,OAAO,KAAK,SAAS,YACrB,OAAO,KAAK,UAAU,aACrB,KAAK,UAAU,UAAa,OAAO,KAAK,UAAU;AAAA,EACvD;AAEJ;AASA,SAAS,oBACP,OACA,WACQ;AACR,MAAI,CAAC,WAAW;AACd,WAAO,OAAO,KAAK;AAAA,EACrB;AACA,MAAI,mBAAmB,SAAS,GAAG;AACjC,WAAO,OAAO,OAAO,SAAS;AAAA,EAChC;AACA,SAAO,UAAU,KAAK;AACxB;AAWO,SAAS,+BACd,QACqB;AACrB,MAAI,QAAQ,4BAA4B,QAAW;AACjD,WAAO,OAAO;AAAA,EAChB;AAEA,SAAO;AAAA;AAAA,KAEJ,QAAQ,cAAc,CAAC,GAAG,IAAI,CAAC,cAAc,UAAU,aAAa;AAAA,IACrE;AAAA,EAIF;AACF;AAKO,SAAS,sBAGd;AAAA,EACA;AAAA,EACA;AACF,GAAoE;AAClE,QAAM,WAAW,OAAgC,IAAI;AAErD,MAAI,SAAwC,CAAC;AAC7C,MACE,QAAQ,UAAU,QAClB;AAAA,IACE,OAAO,UAAU,KAAK;AAAA,IACtB,OAAO,UAAU;AAAA,EACnB,GACA;AACA,aAAS,OAAO,UAAU,KAAK;AAAA,EACjC;AAEA,QAAM,WAAW,OAAO,UAAU,MAAM;AAExC,QAAM,qBAAqB,OAAO,MAAM,MAAM,wBAAwB,IAAI;AAE1E,QAAM,WAAW,CAAC,QAAQ,kBAAkB,IACxC,mBAAmB,QAAQ,IAC3B;AAEJ,QAAM,cAAc,OAA4C,IAAI;AAEpE,YAAU,MAAM;AAEd,WAAO,MAAM;AACX,kBAAY,UAAU;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,2BAA2B,QAAQ,cACrC,MAAM;AACJ,QAAI,YAAY,SAAS;AACvB;AAAA,IACF;AACA,UAAM,UAAU,CAAC,UAAwB;AACvC,UACG,MAAM,OAAuB,QAAQ,kBAAkB,MAAM,MAC9D;AACA;AAAA,MACF;AAEA,eAAS,SAAS,aAAa;AAC/B,kBAAY,UAAU;AACtB,kBAAY,UAAU;AAAA,IACxB;AACA,gBAAY,UAAU,MACpB,SAAS,oBAAoB,aAAa,OAAO;AACnD,aAAS,iBAAiB,aAAa,OAAO;AAAA,EAChD,IACA;AAGJ,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM,YAAY,QAAQ,aAAa;AACvC,UAAM,0BAA0B,+BAA+B,MAAM;AACrE,UAAM,uBACJ,4BAA4B,UAC3B,QAAQ,YAAY,UAAU,KAAK;AAEtC,UAAM,QACJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK,QAAQ;AAAA,QACb,KAAK;AAAA,QACL,OAAO,QAAQ;AAAA,QACf,MAAM,eAAe;AAAA,QACrB,OAAM;AAAA,QAEN,QAAO;AAAA,QACP;AAAA,QAIA,OAAO;AAAA,UACL,SAAS,GACP,uBAAuB,SAAS,QAAQ,SAAS,KACnD;AAAA,QACF;AAAA,QACA,WAAW,QAAQ;AAAA,QACnB,KAAK;AAAA,QAEL;AAAA,8BAAC,cAAc,SAAd,EAAsB,QAAQ,CAAC,QAAQ,aAAa;AAAA,UACpD,QAAQ,YAAY,IAAI,CAAC,cACxB;AAAA,YAAC,cAAc;AAAA,YAAd;AAAA,cAIC,MAAM,UAAU;AAAA,cAChB,OAAO,UAAU;AAAA,cACjB,OAAO,UAAU;AAAA;AAAA,YALZ,aAAa,UAAU,KAAK,IAAI,UAAU,KAAK;AAAA,UAMtD,CACD;AAAA;AAAA;AAAA,IACH;AAGF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK;AAAA,UACd,CAAC,OAAO,gBAAgB,KAAK,GAAG,cAAc;AAAA,UAC9C,CAAC,OAAO,gBAAgB,MAAM,GAAG,cAAc;AAAA,QACjD,CAAC;AAAA,QACD,SAAS;AAAA,QACT,MAAK;AAAA,QAEJ;AAAA,wBAAc,SACb,oBAAC,UAAK,WAAW,OAAO,oBAAoB,SAAS,GAClD,8BAAoB,OAAO,QAAQ,SAAS,GAC/C;AAAA,UAED;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,QAAM,mBAAmB,oBAAoB,KAAK;AAClD,MAAI,CAAC,kBAAkB;AACrB,WAAO,2BAA2B;AAAA,EACpC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,SAAS,WAAW;AAAA,MAC7B,SAAS;AAAA,MACT,MAAK;AAAA,MAEL;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,eAAe;AAAA,UACrB,KAAK,QAAQ;AAAA,UACb,KAAK;AAAA,UACL,cAAc,QAAQ,gBAAgB;AAAA,UACtC,OAAM;AAAA,UAEN,QAAO;AAAA,UACP,OAAO,EAAE,SAAS,GAAG,SAAS,KAAK,KAAK;AAAA,UACxC,WAAW,QAAQ;AAAA,UACnB,KAAK;AAAA;AAAA,UAIH;AAAA,gCACE,MAAM,IAAI,CAAC,SACT;AAAA,cAAC,mBAAmB;AAAA,cAAnB;AAAA,gBAEC,MAAM,KAAK;AAAA,gBACX,OAAO,KAAK;AAAA,gBACZ,OAAO,MAAM;AAAA;AAAA,cAHR,GAAG,KAAK,IAAI,IAAI,KAAK,KAAK;AAAA,YAIjC,CACD;AAAA,YAEL;AAAA,cAAC,mBAAmB;AAAA,cAAnB;AAAA,gBACC,SAAQ;AAAA,gBACR,QAAQ,CAAC,QAAQ;AAAA;AAAA,YACnB;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAUO,SAAS,iCAEd,MAAe,SAA8D;AAC7E,QAAM,kBAAkB,QAAQ;AAAA,IAC9B,CAAC,cACC,yBAAgC,SAAS,KACzC,UAAU,eAAe;AAAA,EAC7B;AAEA,QAAM,mBAA2C,CAAC;AAElD,aAAW,OAAO,MAAM;AACtB,eAAW,aAAa,iBAAiB;AACvC,UAAI,wBAAwB,SAAS,GAAG;AACtC,cAAM,EAAE,UAAU,QAAQ,IAAI,SAAS,IAAI;AAE3C,cAAM,gBACJ,gCAAgC,QAAQ,UAAU,UAAU,IACxD,OAAO,MACP;AAEN,cAAM,gBAAgB;AAEtB,cAAM,oBACJ,OAAO,aAAa,WAChB,cAAc,QAAQ,IACtB,SAAS,GAAG;AAElB,YAAI,aAAa;AAEjB,YAAI,SAAS,aAAa,GAAG;AAC3B,2BAAiB,QAAQ,IAAI;AAC7B;AAAA,QACF;AAEA,YAAI,mBAAmB;AACrB,cAAI,MAAM,QAAQ,iBAAiB,GAAG;AACpC,yBAAa,kBAAkB;AAAA,cAC7B,CAAC,KAAK,YAAY,MAAM,QAAQ;AAAA,cAChC;AAAA,YACF;AAAA,UACF,OAAO;AACL,kBAAM,QAAQ,SAAS,iBAAiB,IACpC,oBACA;AACJ,yBACE,kBAAkB,aACd,QACA,KAAK,IAAI,OAAO,iBAAiB;AAAA,UACzC;AAAA,QACF;AAEA,yBAAiB,QAAQ,IAAI,KAAK;AAAA,UAChC,iBAAiB,QAAQ,KAAK;AAAA,UAC9B;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAMO,SAAS,8BACd,OAIA,SACM;AACN,QAAM,yBAAyB;AAAA,IAC7B,MAAM,iCAAwC,MAAM,MAAM,MAAM,OAAO;AAAA,IACvE,CAAC,MAAM,SAAS,MAAM,IAAI;AAAA,EAC5B;AAEA,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX;AAAA,EACF;AACF;AAEO,SAAS,0CAAwD;AACtE,SAAO;AAAA,IACL,iBAAiB,CAAC,iBAAiB;AACjC,aAAO;AAAA,QACL,wBAAwB;AAAA,QACxB,GAAG;AAAA,MACL;AAAA,IACF;AAAA,EACF;AACF;AAMO,MAAM,0CACX,wCAAwC;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 import "./MeterBarChart.css";
-var inlineValueVariants = { left: "_116rojq3-3-12-1 _116rojq2-3-12-1", right: "_116rojq4-3-12-1 _116rojq2-3-12-1" };
-var wrapperVariants = { shown: "_116rojq0-3-12-1", hidden: "_116rojq1-3-12-1" };
+var inlineValueVariants = { left: "_116rojq3-3-13-0 _116rojq2-3-13-0", right: "_116rojq4-3-13-0 _116rojq2-3-13-0" };
+var wrapperVariants = { shown: "_116rojq0-3-13-0", hidden: "_116rojq1-3-13-0" };
 export {
   inlineValueVariants,
   wrapperVariants

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/MeterBarChart/MeterBarChart.css.ts"],
-  "sourcesContent": ["import './MeterBarChart.css';\nexport var inlineValueVariants = {left:'_116rojq3-3-12-1 _116rojq2-3-12-1',right:'_116rojq4-3-12-1 _116rojq2-3-12-1'};\nexport var wrapperVariants = {shown:'_116rojq0-3-12-1',hidden:'_116rojq1-3-12-1'};"],
+  "sourcesContent": ["import './MeterBarChart.css';\nexport var inlineValueVariants = {left:'_116rojq3-3-13-0 _116rojq2-3-13-0',right:'_116rojq4-3-13-0 _116rojq2-3-13-0'};\nexport var wrapperVariants = {shown:'_116rojq0-3-13-0',hidden:'_116rojq1-3-13-0'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,sBAAsB,EAAC,MAAK,qCAAoC,OAAM,oCAAmC;AAC7G,IAAI,kBAAkB,EAAC,OAAM,oBAAmB,QAAO,mBAAkB;",
   "names": []
 }

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

@@ -6,6 +6,7 @@ import {
   DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION,
   DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX
 } from "../../constants.js";
+import { createTableConstructor } from "../types/table.types.js";
 function table_getPrePaginatedRowModel(table) {
   return table.getRowOrderRowModel();
 }
@@ -63,31 +64,33 @@ function table_resetPageIndex(table, defaultState) {
 }
 function constructRowPaginationFeature() {
   return {
-    constructTableAPIs: (table) => {
-      assignTableAPIs("rowPaginationFeature", table, {
-        table_autoResetPageIndex: {
-          fn: () => table_autoResetPageIndex(table)
-        },
-        table_setPagination: {
-          fn: (updater, trigger) => table_setPagination(table, updater, trigger)
-        },
-        table_setPageIndex: {
-          fn: (updater, trigger) => table_setPageIndex(table, updater, trigger)
-        },
-        table_setPageSize: {
-          fn: (updater) => table_setPageSize(table, updater)
-        },
-        table_resetPageIndex: {
-          fn: (defaultState) => table_resetPageIndex(table, defaultState)
-        },
-        table_resetPageSize: {
-          fn: (defaultState) => table_resetPageSize(table, defaultState)
-        },
-        table_getPrePaginatedRowModel: {
-          fn: () => table_getPrePaginatedRowModel(table)
-        }
-      });
-    }
+    constructTableAPIs: createTableConstructor(
+      (table) => {
+        assignTableAPIs("rowPaginationFeature", table, {
+          table_autoResetPageIndex: {
+            fn: () => table_autoResetPageIndex(table)
+          },
+          table_setPagination: {
+            fn: (updater, trigger) => table_setPagination(table, updater, trigger)
+          },
+          table_setPageIndex: {
+            fn: (updater, trigger) => table_setPageIndex(table, updater, trigger)
+          },
+          table_setPageSize: {
+            fn: (updater) => table_setPageSize(table, updater)
+          },
+          table_resetPageIndex: {
+            fn: (defaultState) => table_resetPageIndex(table, defaultState)
+          },
+          table_resetPageSize: {
+            fn: (defaultState) => table_resetPageSize(table, defaultState)
+          },
+          table_getPrePaginatedRowModel: {
+            fn: () => table_getPrePaginatedRowModel(table)
+          }
+        });
+      }
+    )
   };
 }
 const DataTableRowPaginationFeature = constructRowPaginationFeature();

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Pagination/Pagination.tsx"],
-  "sourcesContent": ["import {\n  type RowModel,\n  assignTableAPIs,\n  functionalUpdate,\n  type RowData,\n  type Table_Internal,\n  type TableFeature,\n  type TableFeatures,\n  type Updater,\n} from '@tanstack/react-table';\n\nimport type {\n  DataTablePaginationState,\n  RowPaginationFeatureConstructors,\n} from './pagination-types.js';\nimport {\n  DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION,\n  DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX,\n} from '../../constants.js';\n\n/**\n * @internal\n */\nexport function table_getPrePaginatedRowModel<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>): RowModel<TFeatures, TData> {\n  return table.getRowOrderRowModel();\n}\n\n/**\n * Helper function to update the pagination state with the provided updater function or value.\n * @internal\n */\nexport function table_setPagination<\n  TFeatues extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatues, TData>,\n  updater: Updater<DataTablePaginationState>,\n  trigger?: 'user' | 'internal',\n) {\n  const safeUpdater: Updater<DataTablePaginationState> = (old) => {\n    const newState: DataTablePaginationState = functionalUpdate(updater, old);\n\n    return newState;\n  };\n\n  return table.options.onPaginationChange?.(safeUpdater, trigger);\n}\n\n/**\n * Helper function to update the page index with the provided updater function or value.\n * @internal\n */\nexport function table_setPageIndex<\n  TFeatues extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatues, TData>,\n  updater: Updater<number>,\n  trigger?: 'user' | 'internal',\n) {\n  table_setPagination(\n    table,\n    (old) => {\n      let pageIndex = functionalUpdate(updater, old.pageIndex);\n\n      const maxPageIndex =\n        typeof table.options.pageCount === 'undefined' ||\n        table.options.pageCount === -1\n          ? Number.MAX_SAFE_INTEGER\n          : table.options.pageCount - 1;\n\n      pageIndex = Math.max(0, Math.min(pageIndex, maxPageIndex));\n\n      return {\n        ...old,\n        pageIndex,\n      };\n    },\n    trigger,\n  );\n}\n\n/**\n * Override of tanstack function in order to call the correct table_setPagination\n */\nexport function table_setPageSize<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, updater: Updater<number>) {\n  table_setPagination(table, (old) => {\n    const pageSize = Math.max(1, functionalUpdate(updater, old.pageSize));\n    const topRowIndex = old.pageSize * old.pageIndex;\n    const pageIndex = Math.floor(topRowIndex / pageSize);\n\n    return {\n      ...old,\n      pageIndex,\n      pageSize,\n    };\n  });\n}\n\nexport function table_resetPageSize<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>, defaultState?: boolean) {\n  table_setPageSize(\n    table,\n    defaultState\n      ? DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION\n      : table.initialState.pagination?.pageSize ??\n          DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION,\n  );\n}\n\n/**\n * Override of tanstack function in order to call the correct table_setPageIndex\n * @internal\n */\nexport function table_autoResetPageIndex<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>) {\n  if (\n    table.options.autoResetAll ??\n    table.options.autoResetPageIndex ??\n    !table.options.manualPagination\n  ) {\n    table_resetPageIndex(table);\n  }\n}\n/**\n * Helper function to reset the page index to the default page index.\n * @internal\n */\nexport function table_resetPageIndex<\n  TFeatues extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatues, TData>, defaultState?: boolean) {\n  table_setPageIndex(\n    table,\n    defaultState\n      ? DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX\n      : table.initialState?.pagination?.pageIndex ??\n          DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX,\n    'internal',\n  );\n}\n\n/**\n * Constructs the pagination feature for the table.\n * @internal\n */\nexport function constructRowPaginationFeature<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(): TableFeature<RowPaginationFeatureConstructors<TFeatures, TData>> {\n  return {\n    constructTableAPIs: (table) => {\n      assignTableAPIs('rowPaginationFeature', table, {\n        table_autoResetPageIndex: {\n          fn: () => table_autoResetPageIndex(table),\n        },\n        table_setPagination: {\n          fn: (\n            updater: Updater<DataTablePaginationState>,\n            trigger?: 'user' | 'internal',\n          ) => table_setPagination(table, updater, trigger),\n        },\n        table_setPageIndex: {\n          fn: (updater: Updater<number>, trigger?: 'user' | 'internal') =>\n            table_setPageIndex(table, updater, trigger),\n        },\n        table_setPageSize: {\n          fn: (updater) => table_setPageSize(table, updater),\n        },\n        table_resetPageIndex: {\n          fn: (defaultState?: boolean) =>\n            table_resetPageIndex(table, defaultState),\n        },\n        table_resetPageSize: {\n          fn: (defaultState) => table_resetPageSize(table, defaultState),\n        },\n        table_getPrePaginatedRowModel: {\n          fn: () => table_getPrePaginatedRowModel(table),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Feature implementation for row pagination.\n * @internal\n */\nexport const DataTableRowPaginationFeature = constructRowPaginationFeature();\n"],
-  "mappings": "AAAA;AAAA,EAEE;AAAA,EACA;AAAA,OAMK;AAMP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAKA,SAAS,8BAGd,OAAqE;AACrE,SAAO,MAAM,oBAAoB;AACnC;AAMO,SAAS,oBAId,OACA,SACA,SACA;AACA,QAAM,cAAiD,CAAC,QAAQ;AAC9D,UAAM,WAAqC,iBAAiB,SAAS,GAAG;AAExE,WAAO;AAAA,EACT;AAEA,SAAO,MAAM,QAAQ,qBAAqB,aAAa,OAAO;AAChE;AAMO,SAAS,mBAId,OACA,SACA,SACA;AACA;AAAA,IACE;AAAA,IACA,CAAC,QAAQ;AACP,UAAI,YAAY,iBAAiB,SAAS,IAAI,SAAS;AAEvD,YAAM,eACJ,OAAO,MAAM,QAAQ,cAAc,eACnC,MAAM,QAAQ,cAAc,KACxB,OAAO,mBACP,MAAM,QAAQ,YAAY;AAEhC,kBAAY,KAAK,IAAI,GAAG,KAAK,IAAI,WAAW,YAAY,CAAC;AAEzD,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;AAKO,SAAS,kBAGd,OAAyC,SAA0B;AACnE,sBAAoB,OAAO,CAAC,QAAQ;AAClC,UAAM,WAAW,KAAK,IAAI,GAAG,iBAAiB,SAAS,IAAI,QAAQ,CAAC;AACpE,UAAM,cAAc,IAAI,WAAW,IAAI;AACvC,UAAM,YAAY,KAAK,MAAM,cAAc,QAAQ;AAEnD,WAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,SAAS,oBAGd,OAAyC,cAAwB;AACjE;AAAA,IACE;AAAA,IACA,eACI,sCACA,MAAM,aAAa,YAAY,YAC7B;AAAA,EACR;AACF;AAMO,SAAS,yBAGd,OAAyC;AACzC,MACE,MAAM,QAAQ,gBACd,MAAM,QAAQ,sBACd,CAAC,MAAM,QAAQ,kBACf;AACA,yBAAqB,KAAK;AAAA,EAC5B;AACF;AAKO,SAAS,qBAGd,OAAwC,cAAwB;AAChE;AAAA,IACE;AAAA,IACA,eACI,2CACA,MAAM,cAAc,YAAY,aAC9B;AAAA,IACN;AAAA,EACF;AACF;AAMO,SAAS,gCAGsD;AACpE,SAAO;AAAA,IACL,oBAAoB,CAAC,UAAU;AAC7B,sBAAgB,wBAAwB,OAAO;AAAA,QAC7C,0BAA0B;AAAA,UACxB,IAAI,MAAM,yBAAyB,KAAK;AAAA,QAC1C;AAAA,QACA,qBAAqB;AAAA,UACnB,IAAI,CACF,SACA,YACG,oBAAoB,OAAO,SAAS,OAAO;AAAA,QAClD;AAAA,QACA,oBAAoB;AAAA,UAClB,IAAI,CAAC,SAA0B,YAC7B,mBAAmB,OAAO,SAAS,OAAO;AAAA,QAC9C;AAAA,QACA,mBAAmB;AAAA,UACjB,IAAI,CAAC,YAAY,kBAAkB,OAAO,OAAO;AAAA,QACnD;AAAA,QACA,sBAAsB;AAAA,UACpB,IAAI,CAAC,iBACH,qBAAqB,OAAO,YAAY;AAAA,QAC5C;AAAA,QACA,qBAAqB;AAAA,UACnB,IAAI,CAAC,iBAAiB,oBAAoB,OAAO,YAAY;AAAA,QAC/D;AAAA,QACA,+BAA+B;AAAA,UAC7B,IAAI,MAAM,8BAA8B,KAAK;AAAA,QAC/C;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAMO,MAAM,gCAAgC,8BAA8B;",
+  "sourcesContent": ["import {\n  type RowModel,\n  assignTableAPIs,\n  functionalUpdate,\n  type RowData,\n  type Table,\n  type TableFeature,\n  type Updater,\n} from '@tanstack/react-table';\n\nimport type { DataTablePaginationState } from './pagination-types.js';\nimport {\n  DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION,\n  DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX,\n} from '../../constants.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport { createTableConstructor } from '../types/table.types.js';\n\n/**\n * @internal\n */\nexport function table_getPrePaginatedRowModel<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n): RowModel<TDataTableFeatures, TData> {\n  return table.getRowOrderRowModel();\n}\n\n/**\n * Helper function to update the pagination state with the provided updater function or value.\n * @internal\n */\nexport function table_setPagination<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  updater: Updater<DataTablePaginationState>,\n  trigger?: 'user' | 'internal',\n) {\n  const safeUpdater: Updater<DataTablePaginationState> = (old) => {\n    const newState: DataTablePaginationState = functionalUpdate(updater, old);\n\n    return newState;\n  };\n\n  return table.options.onPaginationChange?.(safeUpdater, trigger);\n}\n\n/**\n * Helper function to update the page index with the provided updater function or value.\n * @internal\n */\nexport function table_setPageIndex<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  updater: Updater<number>,\n  trigger?: 'user' | 'internal',\n) {\n  table_setPagination(\n    table,\n    (old) => {\n      let pageIndex = functionalUpdate(updater, old.pageIndex);\n\n      const maxPageIndex =\n        typeof table.options.pageCount === 'undefined' ||\n        table.options.pageCount === -1\n          ? Number.MAX_SAFE_INTEGER\n          : table.options.pageCount - 1;\n\n      pageIndex = Math.max(0, Math.min(pageIndex, maxPageIndex));\n\n      return {\n        ...old,\n        pageIndex,\n      };\n    },\n    trigger,\n  );\n}\n\n/**\n * Override of tanstack function in order to call the correct table_setPagination\n */\nexport function table_setPageSize<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  updater: Updater<number>,\n) {\n  table_setPagination(table, (old) => {\n    const pageSize = Math.max(1, functionalUpdate(updater, old.pageSize));\n    const topRowIndex = old.pageSize * old.pageIndex;\n    const pageIndex = Math.floor(topRowIndex / pageSize);\n\n    return {\n      ...old,\n      pageIndex,\n      pageSize,\n    };\n  });\n}\n\nexport function table_resetPageSize<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  defaultState?: boolean,\n) {\n  table_setPageSize(\n    table,\n    defaultState\n      ? DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION\n      : (table.initialState.pagination?.pageSize ??\n          DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION),\n  );\n}\n\n/**\n * Override of tanstack function in order to call the correct table_setPageIndex\n * @internal\n */\nexport function table_autoResetPageIndex<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n) {\n  if (\n    table.options.autoResetAll ??\n    table.options.autoResetPageIndex ??\n    !table.options.manualPagination\n  ) {\n    table_resetPageIndex(table);\n  }\n}\n/**\n * Helper function to reset the page index to the default page index.\n * @internal\n */\nexport function table_resetPageIndex<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  defaultState?: boolean,\n) {\n  table_setPageIndex(\n    table,\n    defaultState\n      ? DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX\n      : (table.initialState?.pagination?.pageIndex ??\n          DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX),\n    'internal',\n  );\n}\n\n/**\n * Constructs the pagination feature for the table.\n * @internal\n */\nexport function constructRowPaginationFeature(): TableFeature {\n  return {\n    constructTableAPIs: createTableConstructor(\n      (table: Table<TDataTableFeatures, RowData>) => {\n        assignTableAPIs('rowPaginationFeature', table, {\n          table_autoResetPageIndex: {\n            fn: () => table_autoResetPageIndex(table),\n          },\n          table_setPagination: {\n            fn: (\n              updater: Updater<DataTablePaginationState>,\n              trigger?: 'user' | 'internal',\n            ) => table_setPagination(table, updater, trigger),\n          },\n          table_setPageIndex: {\n            fn: (updater: Updater<number>, trigger?: 'user' | 'internal') =>\n              table_setPageIndex(table, updater, trigger),\n          },\n          table_setPageSize: {\n            fn: (updater) => table_setPageSize(table, updater),\n          },\n          table_resetPageIndex: {\n            fn: (defaultState?: boolean) =>\n              table_resetPageIndex(table, defaultState),\n          },\n          table_resetPageSize: {\n            fn: (defaultState) => table_resetPageSize(table, defaultState),\n          },\n          table_getPrePaginatedRowModel: {\n            fn: () => table_getPrePaginatedRowModel(table),\n          },\n        });\n      },\n    ),\n  };\n}\n\n/**\n * Feature implementation for row pagination.\n * @internal\n */\nexport const DataTableRowPaginationFeature = constructRowPaginationFeature();\n"],
+  "mappings": "AAAA;AAAA,EAEE;AAAA,EACA;AAAA,OAKK;AAGP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,8BAA8B;AAKhC,SAAS,8BACd,OACqC;AACrC,SAAO,MAAM,oBAAoB;AACnC;AAMO,SAAS,oBACd,OACA,SACA,SACA;AACA,QAAM,cAAiD,CAAC,QAAQ;AAC9D,UAAM,WAAqC,iBAAiB,SAAS,GAAG;AAExE,WAAO;AAAA,EACT;AAEA,SAAO,MAAM,QAAQ,qBAAqB,aAAa,OAAO;AAChE;AAMO,SAAS,mBACd,OACA,SACA,SACA;AACA;AAAA,IACE;AAAA,IACA,CAAC,QAAQ;AACP,UAAI,YAAY,iBAAiB,SAAS,IAAI,SAAS;AAEvD,YAAM,eACJ,OAAO,MAAM,QAAQ,cAAc,eACnC,MAAM,QAAQ,cAAc,KACxB,OAAO,mBACP,MAAM,QAAQ,YAAY;AAEhC,kBAAY,KAAK,IAAI,GAAG,KAAK,IAAI,WAAW,YAAY,CAAC;AAEzD,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;AAKO,SAAS,kBACd,OACA,SACA;AACA,sBAAoB,OAAO,CAAC,QAAQ;AAClC,UAAM,WAAW,KAAK,IAAI,GAAG,iBAAiB,SAAS,IAAI,QAAQ,CAAC;AACpE,UAAM,cAAc,IAAI,WAAW,IAAI;AACvC,UAAM,YAAY,KAAK,MAAM,cAAc,QAAQ;AAEnD,WAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,SAAS,oBACd,OACA,cACA;AACA;AAAA,IACE;AAAA,IACA,eACI,sCACC,MAAM,aAAa,YAAY,YAC9B;AAAA,EACR;AACF;AAMO,SAAS,yBACd,OACA;AACA,MACE,MAAM,QAAQ,gBACd,MAAM,QAAQ,sBACd,CAAC,MAAM,QAAQ,kBACf;AACA,yBAAqB,KAAK;AAAA,EAC5B;AACF;AAKO,SAAS,qBACd,OACA,cACA;AACA;AAAA,IACE;AAAA,IACA,eACI,2CACC,MAAM,cAAc,YAAY,aAC/B;AAAA,IACN;AAAA,EACF;AACF;AAMO,SAAS,gCAA8C;AAC5D,SAAO;AAAA,IACL,oBAAoB;AAAA,MAClB,CAAC,UAA8C;AAC7C,wBAAgB,wBAAwB,OAAO;AAAA,UAC7C,0BAA0B;AAAA,YACxB,IAAI,MAAM,yBAAyB,KAAK;AAAA,UAC1C;AAAA,UACA,qBAAqB;AAAA,YACnB,IAAI,CACF,SACA,YACG,oBAAoB,OAAO,SAAS,OAAO;AAAA,UAClD;AAAA,UACA,oBAAoB;AAAA,YAClB,IAAI,CAAC,SAA0B,YAC7B,mBAAmB,OAAO,SAAS,OAAO;AAAA,UAC9C;AAAA,UACA,mBAAmB;AAAA,YACjB,IAAI,CAAC,YAAY,kBAAkB,OAAO,OAAO;AAAA,UACnD;AAAA,UACA,sBAAsB;AAAA,YACpB,IAAI,CAAC,iBACH,qBAAqB,OAAO,YAAY;AAAA,UAC5C;AAAA,UACA,qBAAqB;AAAA,YACnB,IAAI,CAAC,iBAAiB,oBAAoB,OAAO,YAAY;AAAA,UAC/D;AAAA,UACA,+BAA+B;AAAA,YAC7B,IAAI,MAAM,8BAA8B,KAAK;AAAA,UAC/C;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;AAMO,MAAM,gCAAgC,8BAA8B;",
   "names": []
 }

package/esm/tables/DataTable/features/Pagination/pagination-row-model.js

@@ -2,8 +2,7 @@ import {
   tableMemo
 } from "@tanstack/react-table";
 function createPaginatedRowModel() {
-  return (_table) => {
-    const table = _table;
+  return (table) => {
     return tableMemo({
       feature: "rowPaginationFeature",
       table,

package/esm/tables/DataTable/features/Pagination/pagination-row-model.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Pagination/pagination-row-model.ts"],
-  "sourcesContent": ["import {\n  tableMemo,\n  type Row,\n  type RowData,\n  type RowModel,\n  type Table,\n  type Table_Internal,\n  type TableFeatures,\n} from '@tanstack/react-table';\n\n/**\n * Creates a custom pagination row model.\n *\n * @returns A function that takes a table instance and returns a memoed function to get the paginated row model.\n */\nexport function createPaginatedRowModel<\n  TFeatures extends TableFeatures,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TData extends RowData = any,\n>(): (table: Table<TFeatures, TData>) => () => RowModel<TFeatures, TData> {\n  return (_table) => {\n    const table = _table as Table_Internal<TFeatures, TData>;\n    return tableMemo({\n      feature: 'rowPaginationFeature',\n      table,\n      fnName: 'table.getPaginatedRowModel',\n      memoDeps: () => [\n        table.getPrePaginatedRowModel(),\n        table.atoms.pagination?.get(),\n        table.options.paginateExpandedRows\n          ? table.atoms.expanded?.get()\n          : undefined,\n      ],\n      fn: () => _createPaginatedRowModel(table),\n    });\n  };\n}\n\n/**\n * Creates a custom pagination row model.\n */\nfunction _createPaginatedRowModel<\n  TFeatures extends TableFeatures,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TData extends RowData = any,\n>(table: Table_Internal<TFeatures, TData>): RowModel<TFeatures, TData> {\n  const prePaginatedRowModel = table.getPrePaginatedRowModel();\n  const pagination = table.atoms.pagination?.get();\n\n  if (\n    !prePaginatedRowModel.rows.length ||\n    table.options.enablePagination !== true\n  ) {\n    return prePaginatedRowModel;\n  }\n\n  const { pageSize, pageIndex } = pagination;\n  const { rowsById } = prePaginatedRowModel;\n  const pageStart = pageSize * pageIndex;\n  const pageEnd = pageStart + pageSize;\n\n  const rows = prePaginatedRowModel.rows.slice(pageStart, pageEnd);\n\n  const paginatedRowModel: RowModel<TFeatures, TData> = {\n    rows,\n    flatRows: [],\n    rowsById,\n  };\n\n  // keep track of the already added flatRows, to avoid duplication of already expanded sub-rows\n  const addedFlatRowsSet = new Set();\n\n  const handleRow = (row: Row<TFeatures, TData>) => {\n    if (addedFlatRowsSet.has(row.id)) {\n      return;\n    }\n\n    paginatedRowModel.flatRows.push(row);\n    addedFlatRowsSet.add(row.id);\n\n    if (row.subRows.length) {\n      row.subRows.forEach(handleRow);\n    }\n  };\n\n  paginatedRowModel.rows.forEach(handleRow);\n\n  return paginatedRowModel;\n}\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,OAOK;AAOA,SAAS,0BAI0D;AACxE,SAAO,CAAC,WAAW;AACjB,UAAM,QAAQ;AACd,WAAO,UAAU;AAAA,MACf,SAAS;AAAA,MACT;AAAA,MACA,QAAQ;AAAA,MACR,UAAU,MAAM;AAAA,QACd,MAAM,wBAAwB;AAAA,QAC9B,MAAM,MAAM,YAAY,IAAI;AAAA,QAC5B,MAAM,QAAQ,uBACV,MAAM,MAAM,UAAU,IAAI,IAC1B;AAAA,MACN;AAAA,MACA,IAAI,MAAM,yBAAyB,KAAK;AAAA,IAC1C,CAAC;AAAA,EACH;AACF;AAKA,SAAS,yBAIP,OAAqE;AACrE,QAAM,uBAAuB,MAAM,wBAAwB;AAC3D,QAAM,aAAa,MAAM,MAAM,YAAY,IAAI;AAE/C,MACE,CAAC,qBAAqB,KAAK,UAC3B,MAAM,QAAQ,qBAAqB,MACnC;AACA,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,UAAU,UAAU,IAAI;AAChC,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,YAAY,WAAW;AAC7B,QAAM,UAAU,YAAY;AAE5B,QAAM,OAAO,qBAAqB,KAAK,MAAM,WAAW,OAAO;AAE/D,QAAM,oBAAgD;AAAA,IACpD;AAAA,IACA,UAAU,CAAC;AAAA,IACX;AAAA,EACF;AAGA,QAAM,mBAAmB,oBAAI,IAAI;AAEjC,QAAM,YAAY,CAAC,QAA+B;AAChD,QAAI,iBAAiB,IAAI,IAAI,EAAE,GAAG;AAChC;AAAA,IACF;AAEA,sBAAkB,SAAS,KAAK,GAAG;AACnC,qBAAiB,IAAI,IAAI,EAAE;AAE3B,QAAI,IAAI,QAAQ,QAAQ;AACtB,UAAI,QAAQ,QAAQ,SAAS;AAAA,IAC/B;AAAA,EACF;AAEA,oBAAkB,KAAK,QAAQ,SAAS;AAExC,SAAO;AACT;",
+  "sourcesContent": ["import {\n  tableMemo,\n  type Row,\n  type RowData,\n  type RowModel,\n  type Table,\n} from '@tanstack/react-table';\n\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport type { TableMemoTable } from '../types/table.types.js';\n\n/**\n * Creates a custom pagination row model.\n *\n * @returns A function that takes a table instance and returns a memoed function to get the paginated row model.\n */\nexport function createPaginatedRowModel<\n  // oxlint-disable-next-line typescript/no-explicit-any\n  TData extends RowData = any,\n>(): (\n  table: Table<TDataTableFeatures, TData>,\n) => () => RowModel<TDataTableFeatures, TData> {\n  return (table) => {\n    return tableMemo({\n      feature: 'rowPaginationFeature',\n      table: table as unknown as TableMemoTable,\n      fnName: 'table.getPaginatedRowModel',\n      memoDeps: () => [\n        table.getPrePaginatedRowModel(),\n        table.atoms.pagination?.get(),\n        table.options.paginateExpandedRows\n          ? table.atoms.expanded?.get()\n          : undefined,\n      ],\n      fn: () => _createPaginatedRowModel(table),\n    });\n  };\n}\n\n/**\n * Creates a custom pagination row model.\n */\nfunction _createPaginatedRowModel<\n  // oxlint-disable-next-line typescript/no-explicit-any\n  TData extends RowData = any,\n>(\n  table: Table<TDataTableFeatures, TData>,\n): RowModel<TDataTableFeatures, TData> {\n  const prePaginatedRowModel = table.getPrePaginatedRowModel();\n  const pagination = table.atoms.pagination?.get();\n\n  if (\n    !prePaginatedRowModel.rows.length ||\n    table.options.enablePagination !== true\n  ) {\n    return prePaginatedRowModel;\n  }\n\n  const { pageSize, pageIndex } = pagination;\n  const { rowsById } = prePaginatedRowModel;\n  const pageStart = pageSize * pageIndex;\n  const pageEnd = pageStart + pageSize;\n\n  const rows = prePaginatedRowModel.rows.slice(pageStart, pageEnd);\n\n  const paginatedRowModel: RowModel<TDataTableFeatures, TData> = {\n    rows,\n    flatRows: [],\n    rowsById,\n  };\n\n  // keep track of the already added flatRows, to avoid duplication of already expanded sub-rows\n  const addedFlatRowsSet = new Set();\n\n  const handleRow = (row: Row<TDataTableFeatures, TData>) => {\n    if (addedFlatRowsSet.has(row.id)) {\n      return;\n    }\n\n    paginatedRowModel.flatRows.push(row);\n    addedFlatRowsSet.add(row.id);\n\n    if (row.subRows.length) {\n      row.subRows.forEach(handleRow);\n    }\n  };\n\n  paginatedRowModel.rows.forEach(handleRow);\n\n  return paginatedRowModel;\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,OAKK;AAUA,SAAS,0BAK+B;AAC7C,SAAO,CAAC,UAAU;AAChB,WAAO,UAAU;AAAA,MACf,SAAS;AAAA,MACT;AAAA,MACA,QAAQ;AAAA,MACR,UAAU,MAAM;AAAA,QACd,MAAM,wBAAwB;AAAA,QAC9B,MAAM,MAAM,YAAY,IAAI;AAAA,QAC5B,MAAM,QAAQ,uBACV,MAAM,MAAM,UAAU,IAAI,IAC1B;AAAA,MACN;AAAA,MACA,IAAI,MAAM,yBAAyB,KAAK;AAAA,IAC1C,CAAC;AAAA,EACH;AACF;AAKA,SAAS,yBAIP,OACqC;AACrC,QAAM,uBAAuB,MAAM,wBAAwB;AAC3D,QAAM,aAAa,MAAM,MAAM,YAAY,IAAI;AAE/C,MACE,CAAC,qBAAqB,KAAK,UAC3B,MAAM,QAAQ,qBAAqB,MACnC;AACA,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,UAAU,UAAU,IAAI;AAChC,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,YAAY,WAAW;AAC7B,QAAM,UAAU,YAAY;AAE5B,QAAM,OAAO,qBAAqB,KAAK,MAAM,WAAW,OAAO;AAE/D,QAAM,oBAAyD;AAAA,IAC7D;AAAA,IACA,UAAU,CAAC;AAAA,IACX;AAAA,EACF;AAGA,QAAM,mBAAmB,oBAAI,IAAI;AAEjC,QAAM,YAAY,CAAC,QAAwC;AACzD,QAAI,iBAAiB,IAAI,IAAI,EAAE,GAAG;AAChC;AAAA,IACF;AAEA,sBAAkB,SAAS,KAAK,GAAG;AACnC,qBAAiB,IAAI,IAAI,EAAE;AAE3B,QAAI,IAAI,QAAQ,QAAQ;AACtB,UAAI,QAAQ,QAAQ,SAAS;AAAA,IAC/B;AAAA,EACF;AAEA,oBAAkB,KAAK,QAAQ,SAAS;AAExC,SAAO;AACT;",
   "names": []
 }

package/esm/tables/DataTable/features/Pagination/usePagination.js

@@ -1,6 +1,4 @@
-import {
-  functionalUpdate
-} from "@tanstack/react-table";
+import { functionalUpdate } from "@tanstack/react-table";
 import {
   Children,
   useCallback,

package/esm/tables/DataTable/features/Pagination/usePagination.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Pagination/usePagination.ts"],
-  "sourcesContent": ["import {\n  functionalUpdate,\n  type TableOptions,\n  type Updater,\n} from '@tanstack/react-table';\nimport {\n  Children,\n  useCallback,\n  useMemo,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport type {\n  DataTablePaginationProps,\n  DataTablePaginationState,\n} from './pagination-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport {\n  DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION,\n  DATA_TABLE_DEFAULT_PAGE_SIZE_OPTIONS,\n  DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX,\n} from '../../constants.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Returns the default page size based on `defaultPageSize` being\n * passed as a prop, or the first option of `pageSizeOptions` array\n * if `defaultPageSize` is passed.\n * @internal\n * @defaultValue 100\n */\nfunction getDefaultPageSize(\n  pageSizeOptions?: number[],\n  defaultPageSize?: number,\n): number {\n  if (typeof defaultPageSize === 'number') {\n    return defaultPageSize;\n  }\n\n  if (Array.isArray(pageSizeOptions) && pageSizeOptions[0]) {\n    return pageSizeOptions[0];\n  }\n\n  return DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION;\n}\n\n/**\n * DataTable slot definition.\n * @public\n */\nexport function DataTablePagination(props: DataTablePaginationProps) {\n  return null;\n}\n\n/**\n * Helper function that will check if a passed component is of type `DataTablePagination`\n * @internal\n */\nexport function _isDataTablePagination(\n  child: ReactNode,\n): child is ReactElement<DataTablePaginationProps> {\n  return isSlot(child, DataTablePagination);\n}\n\n/**\n * Configuration hook for pagination of the DataTable.\n * @internal\n */\nexport function usePagination<TData extends DataTableRowData>(\n  props: PropsWithChildren,\n  options: TableOptions<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  const configPagination = useDataTableConfigElement('pagination');\n\n  const paginationElement = Children.toArray(props.children).find(\n    _isDataTablePagination,\n  );\n\n  // Init the paginationOptions to make sure they are a valid boolean.\n  // eslint-disable-next-line react-hooks/immutability\n  options.enablePagination = false;\n\n  const paginationSizeOptions: readonly number[] =\n    paginationElement?.props.pageSizeOptions ??\n    DATA_TABLE_DEFAULT_PAGE_SIZE_OPTIONS;\n\n  const defaultPaginationSizeOption = getDefaultPageSize(\n    paginationElement?.props.pageSizeOptions,\n    paginationElement?.props.defaultPageSize ??\n      configPagination?.defaultPageSize,\n  );\n\n  const [pageSize, setPageSize] = useControllableState({\n    value: paginationElement?.props.pageSize,\n    defaultValue: defaultPaginationSizeOption,\n    onChange: paginationElement?.props.onPageSizeChange,\n  });\n\n  const defaultPaginationIndexOption =\n    paginationElement?.props.defaultPageIndex ??\n    configPagination?.defaultPageIndex ??\n    DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX;\n\n  const [pageIndex, setPageIndex] = useControllableState({\n    value: paginationElement?.props.pageIndex,\n    defaultValue: defaultPaginationIndexOption,\n  });\n\n  const paginationState = useMemo<DataTablePaginationState>(() => {\n    return {\n      pageSize,\n      pageIndex,\n      enablePreviousPage: paginationElement?.props.enablePreviousPage,\n      enableNextPage: paginationElement?.props.enableNextPage,\n      totalRowsCount: paginationElement?.props.totalRowsCount,\n    };\n  }, [\n    pageSize,\n    pageIndex,\n    paginationElement?.props.enablePreviousPage,\n    paginationElement?.props.enableNextPage,\n    paginationElement?.props.totalRowsCount,\n  ]);\n\n  const onPaginationChangeCallback = useCallback(\n    (\n      updater: Updater<DataTablePaginationState>,\n      trigger: 'user' | 'internal' = 'user',\n    ) => {\n      const nextState: DataTablePaginationState = functionalUpdate(updater, {\n        pageSize,\n        pageIndex,\n      });\n\n      if (\n        nextState?.pageSize !== pageSize &&\n        nextState?.pageSize !== undefined\n      ) {\n        setPageSize(nextState.pageSize);\n        setPageIndex(DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX);\n        paginationElement?.props.onPageIndexChange?.(\n          DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX,\n          'internal',\n        );\n      } else if (\n        nextState?.pageIndex !== pageIndex &&\n        nextState?.pageIndex !== undefined\n      ) {\n        setPageIndex(nextState.pageIndex);\n        paginationElement?.props.onPageIndexChange?.(\n          nextState.pageIndex,\n          trigger,\n        );\n      }\n    },\n    [setPageSize, setPageIndex, pageSize, pageIndex, paginationElement],\n  );\n\n  if (!paginationElement) {\n    return;\n  }\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.enablePagination = true;\n  // eslint-disable-next-line react-hooks/immutability\n  options.availablePaginationOptions = paginationSizeOptions;\n  // eslint-disable-next-line react-hooks/immutability\n  options.controlledPageIndex = paginationElement.props.pageIndex !== undefined;\n\n  if (paginationElement.props.autoResetPageIndex === false) {\n    // eslint-disable-next-line react-hooks/immutability\n    options.autoResetPageIndex = paginationElement.props.autoResetPageIndex;\n  }\n\n  // Server side pagination.\n  if (\n    paginationElement.props.enableNextPage !== undefined &&\n    paginationElement.props.enablePreviousPage !== undefined\n  ) {\n    // eslint-disable-next-line react-hooks/immutability\n    options.manualPagination = true;\n    // Ensure pageCount is considered unknown to react table.\n    // eslint-disable-next-line react-hooks/immutability\n    options.pageCount = -1;\n  } else {\n    // eslint-disable-next-line react-hooks/immutability\n    options.manualPagination = false;\n  }\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    pagination: paginationState,\n  };\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.onPaginationChange = onPaginationChangeCallback;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { functionalUpdate, type Updater } from '@tanstack/react-table';\nimport {\n  Children,\n  useCallback,\n  useMemo,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport type {\n  DataTablePaginationProps,\n  DataTablePaginationState,\n} from './pagination-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport {\n  DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION,\n  DATA_TABLE_DEFAULT_PAGE_SIZE_OPTIONS,\n  DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX,\n} from '../../constants.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { DataTableOptions } from '../types/table.types.js';\n\n/**\n * Returns the default page size based on `defaultPageSize` being\n * passed as a prop, or the first option of `pageSizeOptions` array\n * if `defaultPageSize` is passed.\n * @internal\n * @defaultValue 100\n */\nfunction getDefaultPageSize(\n  pageSizeOptions?: number[],\n  defaultPageSize?: number,\n): number {\n  if (typeof defaultPageSize === 'number') {\n    return defaultPageSize;\n  }\n\n  if (Array.isArray(pageSizeOptions) && pageSizeOptions[0]) {\n    return pageSizeOptions[0];\n  }\n\n  return DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION;\n}\n\n/**\n * DataTable slot definition.\n * @public\n */\nexport function DataTablePagination(props: DataTablePaginationProps) {\n  return null;\n}\n\n/**\n * Helper function that will check if a passed component is of type `DataTablePagination`\n * @internal\n */\nexport function _isDataTablePagination(\n  child: ReactNode,\n): child is ReactElement<DataTablePaginationProps> {\n  return isSlot(child, DataTablePagination);\n}\n\n/**\n * Configuration hook for pagination of the DataTable.\n * @internal\n */\nexport function usePagination<TData extends DataTableRowData>(\n  props: PropsWithChildren,\n  options: DataTableOptions<Exclude<TData, unknown>>,\n): void {\n  const configPagination = useDataTableConfigElement('pagination');\n\n  const paginationElement = Children.toArray(props.children).find(\n    _isDataTablePagination,\n  );\n\n  // Init the paginationOptions to make sure they are a valid boolean.\n  // oxlint-disable-next-line react-hooks/immutability\n  options.enablePagination = false;\n\n  const paginationSizeOptions: readonly number[] =\n    paginationElement?.props.pageSizeOptions ??\n    DATA_TABLE_DEFAULT_PAGE_SIZE_OPTIONS;\n\n  const defaultPaginationSizeOption = getDefaultPageSize(\n    paginationElement?.props.pageSizeOptions,\n    paginationElement?.props.defaultPageSize ??\n      configPagination?.defaultPageSize,\n  );\n\n  const [pageSize, setPageSize] = useControllableState({\n    value: paginationElement?.props.pageSize,\n    defaultValue: defaultPaginationSizeOption,\n    onChange: paginationElement?.props.onPageSizeChange,\n  });\n\n  const defaultPaginationIndexOption =\n    paginationElement?.props.defaultPageIndex ??\n    configPagination?.defaultPageIndex ??\n    DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX;\n\n  const [pageIndex, setPageIndex] = useControllableState({\n    value: paginationElement?.props.pageIndex,\n    defaultValue: defaultPaginationIndexOption,\n  });\n\n  const paginationState = useMemo<DataTablePaginationState>(() => {\n    return {\n      pageSize,\n      pageIndex,\n      enablePreviousPage: paginationElement?.props.enablePreviousPage,\n      enableNextPage: paginationElement?.props.enableNextPage,\n      totalRowsCount: paginationElement?.props.totalRowsCount,\n    };\n  }, [\n    pageSize,\n    pageIndex,\n    paginationElement?.props.enablePreviousPage,\n    paginationElement?.props.enableNextPage,\n    paginationElement?.props.totalRowsCount,\n  ]);\n\n  const onPaginationChangeCallback = useCallback(\n    (\n      updater: Updater<DataTablePaginationState>,\n      trigger: 'user' | 'internal' = 'user',\n    ) => {\n      const nextState: DataTablePaginationState = functionalUpdate(updater, {\n        pageSize,\n        pageIndex,\n      });\n\n      if (\n        nextState?.pageSize !== pageSize &&\n        nextState?.pageSize !== undefined\n      ) {\n        setPageSize(nextState.pageSize);\n        setPageIndex(DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX);\n        paginationElement?.props.onPageIndexChange?.(\n          DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX,\n          'internal',\n        );\n      } else if (\n        nextState?.pageIndex !== pageIndex &&\n        nextState?.pageIndex !== undefined\n      ) {\n        setPageIndex(nextState.pageIndex);\n        paginationElement?.props.onPageIndexChange?.(\n          nextState.pageIndex,\n          trigger,\n        );\n      }\n    },\n    [setPageSize, setPageIndex, pageSize, pageIndex, paginationElement],\n  );\n\n  if (!paginationElement) {\n    return;\n  }\n\n  // oxlint-disable-next-line react-hooks/immutability\n  options.enablePagination = true;\n  // oxlint-disable-next-line react-hooks/immutability\n  options.availablePaginationOptions = paginationSizeOptions;\n  // oxlint-disable-next-line react-hooks/immutability\n  options.controlledPageIndex = paginationElement.props.pageIndex !== undefined;\n\n  if (paginationElement.props.autoResetPageIndex === false) {\n    // oxlint-disable-next-line react-hooks/immutability\n    options.autoResetPageIndex = paginationElement.props.autoResetPageIndex;\n  }\n\n  // Server side pagination.\n  if (\n    paginationElement.props.enableNextPage !== undefined &&\n    paginationElement.props.enablePreviousPage !== undefined\n  ) {\n    // oxlint-disable-next-line react-hooks/immutability\n    options.manualPagination = true;\n    // Ensure pageCount is considered unknown to react table.\n    // oxlint-disable-next-line react-hooks/immutability\n    options.pageCount = -1;\n  } else {\n    // oxlint-disable-next-line react-hooks/immutability\n    options.manualPagination = false;\n  }\n  // oxlint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    pagination: paginationState,\n  };\n\n  // oxlint-disable-next-line react-hooks/immutability\n  options.onPaginationChange = onPaginationChangeCallback;\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._2twyod0-3-12-1::before {
+._2twyod0-3-13-0::before {
   content: "";
   display: block;
   top: 0;
@@ -8,10 +8,10 @@
   width: 100%;
   z-index: 4;
 }
-._or8s40-3-12-1 ._2twyod0-3-12-1::before, ._2twyod0-3-12-1:not(:first-child)::before {
+._or8s40-3-13-0 ._2twyod0-3-13-0::before, ._2twyod0-3-13-0:not(:first-child)::before {
   background-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._2twyod1-3-12-1 {
+._2twyod1-3-13-0 {
   position: relative;
   box-sizing: border-box;
   border-bottom-width: 1px;
@@ -19,40 +19,40 @@
   border-bottom-color: transparent;
   overflow: hidden;
 }
-._2twyod1-3-12-1:not(:has(+ ._2twyod0-3-12-1)) {
+._2twyod1-3-13-0:not(:has(+ ._2twyod0-3-13-0)) {
   border-bottom-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._2twyod4-3-12-1:not(._or8s40-3-12-1 ._2twyod4-3-12-1) {
+._2twyod4-3-13-0:not(._or8s40-3-13-0 ._2twyod4-3-13-0) {
   opacity: 0;
 }
-._2twyod6-3-12-1 {
+._2twyod6-3-13-0 {
   border-top: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._2twyod7-3-12-1 {
+._2twyod7-3-13-0 {
   border-top: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._2twyod8-3-12-1 {
+._2twyod8-3-13-0 {
   border-bottom-width: 0;
 }
-._2twyod9-3-12-1 {
+._2twyod9-3-13-0 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._2twyoda-3-12-1 {
+._2twyoda-3-13-0 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._2twyodc-3-12-1 {
+._2twyodc-3-13-0 {
   padding-top: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-8, 8px);
   padding-left: var(--dt-spacings-size-12, 12px);
 }
-._2twyodd-3-12-1 {
+._2twyodd-3-13-0 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._2twyode-3-12-1 {
+._2twyode-3-13-0 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-16, 16px);
   padding-bottom: var(--dt-spacings-size-12, 12px);