@dynatrace/strato-components 3.12.1 → 3.13.0

package/esm/tables/DataTable/features/SubRows/sub-rows-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/SubRows/sub-rows-utils.ts"],
-  "sourcesContent": ["import type { RowData, TableFeatures, Row } from '@tanstack/react-table';\n\n/**\n * Checks if a row is disabled based on its own state and the state of its parent rows.\n * @param cacheMap - save lazily to this map\n * @param row - row to check\n * @param isDisabledCallback - optionally for getting notified when isDisabled is called (for example, used to test performance)\n */\nexport function isRowDisabled<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  cacheMap: Map<string, boolean>,\n  row: Row<TFeatures, TData> | undefined,\n  isDisabledCallback?: (row: Row<TFeatures, TData> | undefined) => void,\n): boolean {\n  if (row === undefined) {\n    return false;\n  }\n\n  // Check cache first\n  const cachedResult = cacheMap.get(row.id);\n  if (cachedResult !== undefined) {\n    return cachedResult;\n  }\n\n  // Only call callback when actually computing the value (not when using cache)\n  isDisabledCallback?.(row);\n\n  // Determine if disabled\n  let result = false;\n  if (row.getCanExpandDisabled()) {\n    result = true;\n  } else {\n    try {\n      const parent = row.getParentRow();\n      if (parent !== undefined) {\n        result = isRowDisabled(cacheMap, parent, isDisabledCallback);\n      }\n    } catch {\n      // If tanstack cannot find a parent row, they now throw an error instead of returning undefined.\n      // In this case, we can safely assume that the row is not disabled by a parent row.\n    }\n  }\n\n  cacheMap.set(row.id, result);\n  return result;\n}\n\n/**\n * Calculates the nesting depth of a given sub-row.\n * @param id - the row id.\n * @param separator - the separator used in the id to denote levels of depth (default is '.').\n */\nexport const depthFromId = (id: string, separator = '.'): number => {\n  let depth = 0;\n  for (const char of id) {\n    if (char === separator) {\n      depth++;\n    }\n  }\n  return depth + 1;\n};\n\n/**\n * Calculates the maximum visible depth of the expanded rows.\n * @param rowIds - the list of expanded row ids.\n * @param separator - the separator used in the id to denote levels of depth (default is '.').\n * @returns the maximum visible depth.\n */\nexport function calculateMaxVisibleDepth(\n  rowIds: string[],\n  separator: string = '.',\n): number {\n  let maxDepth = 0;\n  let prevLevel = 0;\n  let prevId = rowIds.at(0) ?? '';\n\n  const sortedRowIds = rowIds.toSorted();\n  for (const rowId of sortedRowIds) {\n    const currentLevel = depthFromId(rowId, separator);\n    const sameBranch = rowId.startsWith(prevId);\n\n    // Detected a gap in the expands\n    if (sameBranch && currentLevel > prevLevel + 1) {\n      continue;\n    }\n\n    // When we switch the branch, we need to reset the level in order to detect\n    // gaps from the start.\n    if (sameBranch === false) {\n      prevLevel = 0;\n    }\n\n    // Now detect if we have skipped a level.\n    if (currentLevel > prevLevel + 1) {\n      continue;\n    }\n\n    prevId = rowId;\n    prevLevel = currentLevel;\n    maxDepth = Math.max(maxDepth, currentLevel);\n  }\n\n  return maxDepth;\n}\n"],
-  "mappings": "AAQO,SAAS,cAId,UACA,KACA,oBACS;AACT,MAAI,QAAQ,QAAW;AACrB,WAAO;AAAA,EACT;AAGA,QAAM,eAAe,SAAS,IAAI,IAAI,EAAE;AACxC,MAAI,iBAAiB,QAAW;AAC9B,WAAO;AAAA,EACT;AAGA,uBAAqB,GAAG;AAGxB,MAAI,SAAS;AACb,MAAI,IAAI,qBAAqB,GAAG;AAC9B,aAAS;AAAA,EACX,OAAO;AACL,QAAI;AACF,YAAM,SAAS,IAAI,aAAa;AAChC,UAAI,WAAW,QAAW;AACxB,iBAAS,cAAc,UAAU,QAAQ,kBAAkB;AAAA,MAC7D;AAAA,IACF,QAAQ;AAAA,IAGR;AAAA,EACF;AAEA,WAAS,IAAI,IAAI,IAAI,MAAM;AAC3B,SAAO;AACT;AAOO,MAAM,cAAc,CAAC,IAAY,YAAY,QAAgB;AAClE,MAAI,QAAQ;AACZ,aAAW,QAAQ,IAAI;AACrB,QAAI,SAAS,WAAW;AACtB;AAAA,IACF;AAAA,EACF;AACA,SAAO,QAAQ;AACjB;AAQO,SAAS,yBACd,QACA,YAAoB,KACZ;AACR,MAAI,WAAW;AACf,MAAI,YAAY;AAChB,MAAI,SAAS,OAAO,GAAG,CAAC,KAAK;AAE7B,QAAM,eAAe,OAAO,SAAS;AACrC,aAAW,SAAS,cAAc;AAChC,UAAM,eAAe,YAAY,OAAO,SAAS;AACjD,UAAM,aAAa,MAAM,WAAW,MAAM;AAG1C,QAAI,cAAc,eAAe,YAAY,GAAG;AAC9C;AAAA,IACF;AAIA,QAAI,eAAe,OAAO;AACxB,kBAAY;AAAA,IACd;AAGA,QAAI,eAAe,YAAY,GAAG;AAChC;AAAA,IACF;AAEA,aAAS;AACT,gBAAY;AACZ,eAAW,KAAK,IAAI,UAAU,YAAY;AAAA,EAC5C;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import type { RowData, Row } from '@tanstack/react-table';\n\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Checks if a row is disabled based on its own state and the state of its parent rows.\n * @param cacheMap - save lazily to this map\n * @param row - row to check\n * @param isDisabledCallback - optionally for getting notified when isDisabled is called (for example, used to test performance)\n */\nexport function isRowDisabled<TData extends RowData>(\n  cacheMap: Map<string, boolean>,\n  row: Row<TDataTableFeatures, TData> | undefined,\n  isDisabledCallback?: (\n    row: Row<TDataTableFeatures, TData> | undefined,\n  ) => void,\n): boolean {\n  if (row === undefined) {\n    return false;\n  }\n\n  // Check cache first\n  const cachedResult = cacheMap.get(row.id);\n  if (cachedResult !== undefined) {\n    return cachedResult;\n  }\n\n  // Only call callback when actually computing the value (not when using cache)\n  isDisabledCallback?.(row);\n\n  // Determine if disabled\n  let result = false;\n  if (row.getCanExpandDisabled()) {\n    result = true;\n  } else {\n    try {\n      const parent = row.getParentRow();\n      if (parent !== undefined) {\n        result = isRowDisabled(cacheMap, parent, isDisabledCallback);\n      }\n    } catch {\n      // If tanstack cannot find a parent row, they now throw an error instead of returning undefined.\n      // In this case, we can safely assume that the row is not disabled by a parent row.\n    }\n  }\n\n  cacheMap.set(row.id, result);\n  return result;\n}\n\n/**\n * Calculates the nesting depth of a given sub-row.\n * @param id - the row id.\n * @param separator - the separator used in the id to denote levels of depth (default is '.').\n */\nexport const depthFromId = (id: string, separator = '.'): number => {\n  let depth = 0;\n  for (const char of id) {\n    if (char === separator) {\n      depth++;\n    }\n  }\n  return depth + 1;\n};\n\n/**\n * Calculates the maximum visible depth of the expanded rows.\n * @param rowIds - the list of expanded row ids.\n * @param separator - the separator used in the id to denote levels of depth (default is '.').\n * @returns the maximum visible depth.\n */\nexport function calculateMaxVisibleDepth(\n  rowIds: string[],\n  separator: string = '.',\n): number {\n  let maxDepth = 0;\n  let prevLevel = 0;\n  let prevId = rowIds.at(0) ?? '';\n\n  const sortedRowIds = rowIds.toSorted();\n  for (const rowId of sortedRowIds) {\n    const currentLevel = depthFromId(rowId, separator);\n    const sameBranch = rowId.startsWith(prevId);\n\n    // Detected a gap in the expands\n    if (sameBranch && currentLevel > prevLevel + 1) {\n      continue;\n    }\n\n    // When we switch the branch, we need to reset the level in order to detect\n    // gaps from the start.\n    if (sameBranch === false) {\n      prevLevel = 0;\n    }\n\n    // Now detect if we have skipped a level.\n    if (currentLevel > prevLevel + 1) {\n      continue;\n    }\n\n    prevId = rowId;\n    prevLevel = currentLevel;\n    maxDepth = Math.max(maxDepth, currentLevel);\n  }\n\n  return maxDepth;\n}\n"],
+  "mappings": "AAUO,SAAS,cACd,UACA,KACA,oBAGS;AACT,MAAI,QAAQ,QAAW;AACrB,WAAO;AAAA,EACT;AAGA,QAAM,eAAe,SAAS,IAAI,IAAI,EAAE;AACxC,MAAI,iBAAiB,QAAW;AAC9B,WAAO;AAAA,EACT;AAGA,uBAAqB,GAAG;AAGxB,MAAI,SAAS;AACb,MAAI,IAAI,qBAAqB,GAAG;AAC9B,aAAS;AAAA,EACX,OAAO;AACL,QAAI;AACF,YAAM,SAAS,IAAI,aAAa;AAChC,UAAI,WAAW,QAAW;AACxB,iBAAS,cAAc,UAAU,QAAQ,kBAAkB;AAAA,MAC7D;AAAA,IACF,QAAQ;AAAA,IAGR;AAAA,EACF;AAEA,WAAS,IAAI,IAAI,IAAI,MAAM;AAC3B,SAAO;AACT;AAOO,MAAM,cAAc,CAAC,IAAY,YAAY,QAAgB;AAClE,MAAI,QAAQ;AACZ,aAAW,QAAQ,IAAI;AACrB,QAAI,SAAS,WAAW;AACtB;AAAA,IACF;AAAA,EACF;AACA,SAAO,QAAQ;AACjB;AAQO,SAAS,yBACd,QACA,YAAoB,KACZ;AACR,MAAI,WAAW;AACf,MAAI,YAAY;AAChB,MAAI,SAAS,OAAO,GAAG,CAAC,KAAK;AAE7B,QAAM,eAAe,OAAO,SAAS;AACrC,aAAW,SAAS,cAAc;AAChC,UAAM,eAAe,YAAY,OAAO,SAAS;AACjD,UAAM,aAAa,MAAM,WAAW,MAAM;AAG1C,QAAI,cAAc,eAAe,YAAY,GAAG;AAC9C;AAAA,IACF;AAIA,QAAI,eAAe,OAAO;AACxB,kBAAY;AAAA,IACd;AAGA,QAAI,eAAe,YAAY,GAAG;AAChC;AAAA,IACF;AAEA,aAAS;AACT,gBAAY;AACZ,eAAW,KAAK,IAAI,UAAU,YAAY;AAAA,EAC5C;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/tables/DataTable/features/SubRows/subrows-row-model.js

@@ -3,8 +3,7 @@ import {
 } from "@tanstack/react-table";
 import { row_getIsExpanded } from "./SubRows.js";
 function createExpandedRowModel() {
-  return (_table) => {
-    const table = _table;
+  return (table) => {
     return tableMemo({
       feature: "rowExpandingFeature",
       table,

package/esm/tables/DataTable/features/SubRows/subrows-row-model.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/SubRows/subrows-row-model.ts"],
-  "sourcesContent": ["import {\n  type Row,\n  type RowData,\n  type RowModel,\n  type Table,\n  type TableFeatures,\n  type Table_Internal,\n  tableMemo,\n} from '@tanstack/react-table';\n\nimport { row_getIsExpanded } from './SubRows.js';\n\n// Overwrite the default `getExpandedRowModel` with our custom implementation that adds support for our implementation of getIsExpanded custom logic.\nexport function createExpandedRowModel<\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: 'rowExpandingFeature',\n      table,\n      fnName: 'table.getExpandedRowModel',\n      memoDeps: () => [\n        table.atoms.expanded?.get(),\n        table.getPreExpandedRowModel(),\n        table.options.paginateExpandedRows,\n      ],\n      fn: () => _createExpandedRowModel(table),\n    });\n  };\n}\n\nfunction _createExpandedRowModel<\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 rowModel = table.getPreExpandedRowModel();\n  const expanded = table.atoms.expanded?.get();\n\n  if (\n    !rowModel.rows.length ||\n    (expanded !== true && !Object.keys(expanded ?? {}).length)\n  ) {\n    return rowModel;\n  }\n\n  if (!table.options.paginateExpandedRows) {\n    // Only expand rows at this point if they are being paginated\n    return rowModel;\n  }\n\n  return expandRows(rowModel);\n}\n\nexport function expandRows<\n  TFeatures extends TableFeatures,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TData extends RowData = any,\n>(rowModel: RowModel<TFeatures, TData>): RowModel<TFeatures, TData> {\n  const expandedRows: Array<Row<TFeatures, TData>> = [];\n\n  const handleRow = (row: Row<TFeatures, TData>) => {\n    expandedRows.push(row);\n\n    if (row.subRows.length && row_getIsExpanded(row)) {\n      row.subRows.forEach(handleRow);\n    }\n  };\n\n  rowModel.rows.forEach(handleRow);\n\n  return {\n    rows: expandedRows,\n    flatRows: rowModel.flatRows,\n    rowsById: rowModel.rowsById,\n  };\n}\n"],
-  "mappings": "AAAA;AAAA,EAOE;AAAA,OACK;AAEP,SAAS,yBAAyB;AAG3B,SAAS,yBAI0D;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,MAAM,UAAU,IAAI;AAAA,QAC1B,MAAM,uBAAuB;AAAA,QAC7B,MAAM,QAAQ;AAAA,MAChB;AAAA,MACA,IAAI,MAAM,wBAAwB,KAAK;AAAA,IACzC,CAAC;AAAA,EACH;AACF;AAEA,SAAS,wBAIP,OAAqE;AACrE,QAAM,WAAW,MAAM,uBAAuB;AAC9C,QAAM,WAAW,MAAM,MAAM,UAAU,IAAI;AAE3C,MACE,CAAC,SAAS,KAAK,UACd,aAAa,QAAQ,CAAC,OAAO,KAAK,YAAY,CAAC,CAAC,EAAE,QACnD;AACA,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,MAAM,QAAQ,sBAAsB;AAEvC,WAAO;AAAA,EACT;AAEA,SAAO,WAAW,QAAQ;AAC5B;AAEO,SAAS,WAId,UAAkE;AAClE,QAAM,eAA6C,CAAC;AAEpD,QAAM,YAAY,CAAC,QAA+B;AAChD,iBAAa,KAAK,GAAG;AAErB,QAAI,IAAI,QAAQ,UAAU,kBAAkB,GAAG,GAAG;AAChD,UAAI,QAAQ,QAAQ,SAAS;AAAA,IAC/B;AAAA,EACF;AAEA,WAAS,KAAK,QAAQ,SAAS;AAE/B,SAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU,SAAS;AAAA,IACnB,UAAU,SAAS;AAAA,EACrB;AACF;",
+  "sourcesContent": ["import {\n  type Row,\n  type RowData,\n  type RowModel,\n  type Table,\n  tableMemo,\n} from '@tanstack/react-table';\n\nimport { row_getIsExpanded } from './SubRows.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport type { TableMemoTable } from '../types/table.types.js';\n\n// Overwrite the default `getExpandedRowModel` with our custom implementation that adds support for our implementation of getIsExpanded custom logic.\nexport function createExpandedRowModel<\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: 'rowExpandingFeature',\n      table: table as unknown as TableMemoTable,\n      fnName: 'table.getExpandedRowModel',\n      memoDeps: () => [\n        table.atoms.expanded?.get(),\n        table.getPreExpandedRowModel(),\n        table.options.paginateExpandedRows,\n      ],\n      fn: () => _createExpandedRowModel(table),\n    });\n  };\n}\n\nfunction _createExpandedRowModel<\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 rowModel = table.getPreExpandedRowModel();\n  const expanded = table.atoms.expanded?.get();\n\n  if (\n    !rowModel.rows.length ||\n    (expanded !== true && !Object.keys(expanded ?? {}).length)\n  ) {\n    return rowModel;\n  }\n\n  if (!table.options.paginateExpandedRows) {\n    // Only expand rows at this point if they are being paginated\n    return rowModel;\n  }\n\n  return expandRows(rowModel);\n}\n\nexport function expandRows<\n  // oxlint-disable-next-line typescript/no-explicit-any\n  TData extends RowData = any,\n>(\n  rowModel: RowModel<TDataTableFeatures, TData>,\n): RowModel<TDataTableFeatures, TData> {\n  const expandedRows: Array<Row<TDataTableFeatures, TData>> = [];\n\n  const handleRow = (row: Row<TDataTableFeatures, TData>) => {\n    expandedRows.push(row);\n\n    if (row.subRows.length && row_getIsExpanded(row)) {\n      row.subRows.forEach(handleRow);\n    }\n  };\n\n  rowModel.rows.forEach(handleRow);\n\n  return {\n    rows: expandedRows,\n    flatRows: rowModel.flatRows,\n    rowsById: rowModel.rowsById,\n  };\n}\n"],
+  "mappings": "AAAA;AAAA,EAKE;AAAA,OACK;AAEP,SAAS,yBAAyB;AAK3B,SAAS,yBAK+B;AAC7C,SAAO,CAAC,UAAU;AAChB,WAAO,UAAU;AAAA,MACf,SAAS;AAAA,MACT;AAAA,MACA,QAAQ;AAAA,MACR,UAAU,MAAM;AAAA,QACd,MAAM,MAAM,UAAU,IAAI;AAAA,QAC1B,MAAM,uBAAuB;AAAA,QAC7B,MAAM,QAAQ;AAAA,MAChB;AAAA,MACA,IAAI,MAAM,wBAAwB,KAAK;AAAA,IACzC,CAAC;AAAA,EACH;AACF;AAEA,SAAS,wBAIP,OACqC;AACrC,QAAM,WAAW,MAAM,uBAAuB;AAC9C,QAAM,WAAW,MAAM,MAAM,UAAU,IAAI;AAE3C,MACE,CAAC,SAAS,KAAK,UACd,aAAa,QAAQ,CAAC,OAAO,KAAK,YAAY,CAAC,CAAC,EAAE,QACnD;AACA,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,MAAM,QAAQ,sBAAsB;AAEvC,WAAO;AAAA,EACT;AAEA,SAAO,WAAW,QAAQ;AAC5B;AAEO,SAAS,WAId,UACqC;AACrC,QAAM,eAAsD,CAAC;AAE7D,QAAM,YAAY,CAAC,QAAwC;AACzD,iBAAa,KAAK,GAAG;AAErB,QAAI,IAAI,QAAQ,UAAU,kBAAkB,GAAG,GAAG;AAChD,UAAI,QAAQ,QAAQ,SAAS;AAAA,IAC/B;AAAA,EACF;AAEA,WAAS,KAAK,QAAQ,SAAS;AAE/B,SAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU,SAAS;AAAA,IACnB,UAAU,SAAS;AAAA,EACrB;AACF;",
   "names": []
 }

package/esm/tables/DataTable/features/SubRows/useSubRows.js

@@ -22,7 +22,7 @@ function useSubRows(props, options) {
         return subRows.accessor(originalRow);
       }
     },
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react-hooks/exhaustive-deps, typescript/no-explicit-any
     [!!subRows, subRows?.accessor]
   );
   options.getSubRows = useMemo(() => {

package/esm/tables/DataTable/features/SubRows/useSubRows.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/SubRows/useSubRows.ts"],
-  "sourcesContent": ["import { type TableOptions } from '@tanstack/react-table';\nimport { useCallback, useMemo } from 'react';\n\nimport type { DataTableSubRowsProps } from './sub-rows-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { makeAccessorFunction } from '../../hooks/makeAccessorFunction.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Default accessor for the subRows\n * @internal\n */\nexport function defaultSubRowsAccessor<TData>(originalRow: TData): TData[] {\n  return (originalRow as TData & { subRows: TData[] })?.subRows;\n}\n\nconst defaultState = {};\n\n/**\n * Configuration hook for subrows of the DataTable.\n * @internal\n */\nexport function useSubRows<TData extends DataTableRowData>(\n  props: DataTableSubRowsProps<TData>,\n  options: TableOptions<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  const { subRows } = props;\n\n  const [openSubRows, setOpenSubRows] = useControllableState({\n    value: props.openSubRows,\n    defaultValue: props.defaultOpenSubRows,\n    onChange: (value) => {\n      if (value !== true) {\n        props.onOpenSubRowsChange?.(value);\n      }\n    },\n  });\n\n  const subRowsAccessorFn = useCallback(\n    (originalRow: TData) => {\n      if (\n        subRows !== undefined &&\n        typeof subRows !== 'boolean' &&\n        typeof subRows.accessor === 'function'\n      ) {\n        return subRows.accessor(originalRow) as Exclude<TData, unknown>[];\n      }\n    },\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any, react-hooks/exhaustive-deps\n    [!!subRows, (subRows as any)?.accessor],\n  );\n\n  options.getSubRows = useMemo(() => {\n    // If `subRows` is only set as a boolean prop, we can default to the standard\n    // subrow accessor.\n    if (typeof subRows === 'boolean') {\n      return defaultSubRowsAccessor;\n    }\n    if (typeof subRows === 'object') {\n      // If a config object is given, we can handle defaulting here as well\n      const { accessor } = subRows;\n\n      // Default the accessor if subRows are enabled, but no accessor is given.\n      if (accessor === undefined) {\n        return defaultSubRowsAccessor;\n      }\n      // Allow a simple string accessor for the sub rows.\n      else if (typeof accessor === 'string') {\n        if (accessor.includes('.') || accessor.includes('[')) {\n          const pathAccessFunction = makeAccessorFunction(accessor);\n          return (originalRow: TData) =>\n            pathAccessFunction(originalRow) as Exclude<TData, unknown>[];\n        } else {\n          return (originalRow: TData) =>\n            originalRow[accessor as keyof TData] as Exclude<TData, unknown>[];\n        }\n      }\n      // If a function is given, we can use this one to get access to the sub rows.\n      else if (typeof accessor === 'function') {\n        return subRowsAccessorFn;\n      }\n    }\n    return undefined;\n    // Requires a bit of a complex dependency array to avoid unnecessary re-creation of the accessor function, while still updating if the accessor configuration changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps, @typescript-eslint/no-explicit-any\n  }, [!!subRows, (subRows as any)?.accessor, subRowsAccessorFn]);\n\n  if (subRows === undefined || subRows === false) {\n    options.enableExpanding = false;\n    return;\n  }\n\n  options.enableExpanding = true;\n\n  // If `subRows` is only set as a boolean prop, we can default to the standard\n  // subrow accessor.\n  if (typeof subRows !== 'boolean') {\n    // If a config object is given, we can handle defaulting here as well\n    const { subRowColumnId: subrowColumnId, disableSubRow } = subRows;\n\n    // If a custom columnId is given for the injection,\n    // we map that into the options to be respected in `getSubRowIndicatorColumnId`\n    if (subrowColumnId) {\n      options.subRowColumnId = subrowColumnId;\n    }\n\n    // If a custom disable configuration is given, we can map that to the\n    // getRowCanExpand option and shimming the internal tanstack `Row` object.\n    if (disableSubRow) {\n      // Cast is required to align the DataTableRowData generic and keep the excluded unknown for the public API\n      // while still allowing internal access to the full row data for the function.\n      options.getRowExpandDisabled = disableSubRow as (\n        row: DataTableRowData,\n      ) => boolean;\n    }\n  }\n\n  // Pass the state through to the table.\n  options.state = {\n    ...options.state,\n    expanded: openSubRows ?? defaultState,\n  };\n  options.onExpandedChange = setOpenSubRows;\n}\n"],
-  "mappings": "AACA,SAAS,aAAa,eAAe;AAGrC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAQ9B,SAAS,uBAA8B,aAA6B;AACzE,SAAQ,aAA8C;AACxD;AAEA,MAAM,eAAe,CAAC;AAMf,SAAS,WACd,OACA,SACM;AACN,QAAM,EAAE,QAAQ,IAAI;AAEpB,QAAM,CAAC,aAAa,cAAc,IAAI,qBAAqB;AAAA,IACzD,OAAO,MAAM;AAAA,IACb,cAAc,MAAM;AAAA,IACpB,UAAU,CAAC,UAAU;AACnB,UAAI,UAAU,MAAM;AAClB,cAAM,sBAAsB,KAAK;AAAA,MACnC;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,oBAAoB;AAAA,IACxB,CAAC,gBAAuB;AACtB,UACE,YAAY,UACZ,OAAO,YAAY,aACnB,OAAO,QAAQ,aAAa,YAC5B;AACA,eAAO,QAAQ,SAAS,WAAW;AAAA,MACrC;AAAA,IACF;AAAA;AAAA,IAEA,CAAC,CAAC,CAAC,SAAU,SAAiB,QAAQ;AAAA,EACxC;AAEA,UAAQ,aAAa,QAAQ,MAAM;AAGjC,QAAI,OAAO,YAAY,WAAW;AAChC,aAAO;AAAA,IACT;AACA,QAAI,OAAO,YAAY,UAAU;AAE/B,YAAM,EAAE,SAAS,IAAI;AAGrB,UAAI,aAAa,QAAW;AAC1B,eAAO;AAAA,MACT,WAES,OAAO,aAAa,UAAU;AACrC,YAAI,SAAS,SAAS,GAAG,KAAK,SAAS,SAAS,GAAG,GAAG;AACpD,gBAAM,qBAAqB,qBAAqB,QAAQ;AACxD,iBAAO,CAAC,gBACN,mBAAmB,WAAW;AAAA,QAClC,OAAO;AACL,iBAAO,CAAC,gBACN,YAAY,QAAuB;AAAA,QACvC;AAAA,MACF,WAES,OAAO,aAAa,YAAY;AACvC,eAAO;AAAA,MACT;AAAA,IACF;AACA,WAAO;AAAA,EAGT,GAAG,CAAC,CAAC,CAAC,SAAU,SAAiB,UAAU,iBAAiB,CAAC;AAE7D,MAAI,YAAY,UAAa,YAAY,OAAO;AAC9C,YAAQ,kBAAkB;AAC1B;AAAA,EACF;AAEA,UAAQ,kBAAkB;AAI1B,MAAI,OAAO,YAAY,WAAW;AAEhC,UAAM,EAAE,gBAAgB,gBAAgB,cAAc,IAAI;AAI1D,QAAI,gBAAgB;AAClB,cAAQ,iBAAiB;AAAA,IAC3B;AAIA,QAAI,eAAe;AAGjB,cAAQ,uBAAuB;AAAA,IAGjC;AAAA,EACF;AAGA,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX,UAAU,eAAe;AAAA,EAC3B;AACA,UAAQ,mBAAmB;AAC7B;",
+  "sourcesContent": ["import { useCallback, useMemo } from 'react';\n\nimport type { DataTableSubRowsProps } from './sub-rows-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { makeAccessorFunction } from '../../hooks/makeAccessorFunction.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { DataTableOptions } from '../types/table.types.js';\n\n/**\n * Default accessor for the subRows\n * @internal\n */\nexport function defaultSubRowsAccessor<TData>(originalRow: TData): TData[] {\n  return (originalRow as TData & { subRows: TData[] })?.subRows;\n}\n\nconst defaultState = {};\n\n/**\n * Configuration hook for subrows of the DataTable.\n * @internal\n */\nexport function useSubRows<TData extends DataTableRowData>(\n  props: DataTableSubRowsProps<TData>,\n  options: DataTableOptions<Exclude<TData, unknown>>,\n): void {\n  const { subRows } = props;\n\n  const [openSubRows, setOpenSubRows] = useControllableState({\n    value: props.openSubRows,\n    defaultValue: props.defaultOpenSubRows,\n    onChange: (value) => {\n      if (value !== true) {\n        props.onOpenSubRowsChange?.(value);\n      }\n    },\n  });\n\n  const subRowsAccessorFn = useCallback(\n    (originalRow: TData) => {\n      if (\n        subRows !== undefined &&\n        typeof subRows !== 'boolean' &&\n        typeof subRows.accessor === 'function'\n      ) {\n        return subRows.accessor(originalRow) as Exclude<TData, unknown>[];\n      }\n    },\n    // oxlint-disable-next-line react-hooks/exhaustive-deps, typescript/no-explicit-any\n    [!!subRows, (subRows as any)?.accessor],\n  );\n\n  options.getSubRows = useMemo(() => {\n    // If `subRows` is only set as a boolean prop, we can default to the standard\n    // subrow accessor.\n    if (typeof subRows === 'boolean') {\n      return defaultSubRowsAccessor;\n    }\n    if (typeof subRows === 'object') {\n      // If a config object is given, we can handle defaulting here as well\n      const { accessor } = subRows;\n\n      // Default the accessor if subRows are enabled, but no accessor is given.\n      if (accessor === undefined) {\n        return defaultSubRowsAccessor;\n      }\n      // Allow a simple string accessor for the sub rows.\n      else if (typeof accessor === 'string') {\n        if (accessor.includes('.') || accessor.includes('[')) {\n          const pathAccessFunction = makeAccessorFunction(accessor);\n          return (originalRow: TData) =>\n            pathAccessFunction(originalRow) as Exclude<TData, unknown>[];\n        } else {\n          return (originalRow: TData) =>\n            originalRow[accessor as keyof TData] as Exclude<TData, unknown>[];\n        }\n      }\n      // If a function is given, we can use this one to get access to the sub rows.\n      else if (typeof accessor === 'function') {\n        return subRowsAccessorFn;\n      }\n    }\n    return undefined;\n    // Requires a bit of a complex dependency array to avoid unnecessary re-creation of the accessor function, while still updating if the accessor configuration changes.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps, typescript/no-explicit-any\n  }, [!!subRows, (subRows as any)?.accessor, subRowsAccessorFn]);\n\n  if (subRows === undefined || subRows === false) {\n    options.enableExpanding = false;\n    return;\n  }\n\n  options.enableExpanding = true;\n\n  // If `subRows` is only set as a boolean prop, we can default to the standard\n  // subrow accessor.\n  if (typeof subRows !== 'boolean') {\n    // If a config object is given, we can handle defaulting here as well\n    const { subRowColumnId: subrowColumnId, disableSubRow } = subRows;\n\n    // If a custom columnId is given for the injection,\n    // we map that into the options to be respected in `getSubRowIndicatorColumnId`\n    if (subrowColumnId) {\n      options.subRowColumnId = subrowColumnId;\n    }\n\n    // If a custom disable configuration is given, we can map that to the\n    // getRowCanExpand option and shimming the internal tanstack `Row` object.\n    if (disableSubRow) {\n      // Cast is required to align the DataTableRowData generic and keep the excluded unknown for the public API\n      // while still allowing internal access to the full row data for the function.\n      options.getRowExpandDisabled = disableSubRow as (\n        row: DataTableRowData,\n      ) => boolean;\n    }\n  }\n\n  // Pass the state through to the table.\n  options.state = {\n    ...options.state,\n    expanded: openSubRows ?? defaultState,\n  };\n  options.onExpandedChange = setOpenSubRows;\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa,eAAe;AAGrC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAQ9B,SAAS,uBAA8B,aAA6B;AACzE,SAAQ,aAA8C;AACxD;AAEA,MAAM,eAAe,CAAC;AAMf,SAAS,WACd,OACA,SACM;AACN,QAAM,EAAE,QAAQ,IAAI;AAEpB,QAAM,CAAC,aAAa,cAAc,IAAI,qBAAqB;AAAA,IACzD,OAAO,MAAM;AAAA,IACb,cAAc,MAAM;AAAA,IACpB,UAAU,CAAC,UAAU;AACnB,UAAI,UAAU,MAAM;AAClB,cAAM,sBAAsB,KAAK;AAAA,MACnC;AAAA,IACF;AAAA,EACF,CAAC;AAED,QAAM,oBAAoB;AAAA,IACxB,CAAC,gBAAuB;AACtB,UACE,YAAY,UACZ,OAAO,YAAY,aACnB,OAAO,QAAQ,aAAa,YAC5B;AACA,eAAO,QAAQ,SAAS,WAAW;AAAA,MACrC;AAAA,IACF;AAAA;AAAA,IAEA,CAAC,CAAC,CAAC,SAAU,SAAiB,QAAQ;AAAA,EACxC;AAEA,UAAQ,aAAa,QAAQ,MAAM;AAGjC,QAAI,OAAO,YAAY,WAAW;AAChC,aAAO;AAAA,IACT;AACA,QAAI,OAAO,YAAY,UAAU;AAE/B,YAAM,EAAE,SAAS,IAAI;AAGrB,UAAI,aAAa,QAAW;AAC1B,eAAO;AAAA,MACT,WAES,OAAO,aAAa,UAAU;AACrC,YAAI,SAAS,SAAS,GAAG,KAAK,SAAS,SAAS,GAAG,GAAG;AACpD,gBAAM,qBAAqB,qBAAqB,QAAQ;AACxD,iBAAO,CAAC,gBACN,mBAAmB,WAAW;AAAA,QAClC,OAAO;AACL,iBAAO,CAAC,gBACN,YAAY,QAAuB;AAAA,QACvC;AAAA,MACF,WAES,OAAO,aAAa,YAAY;AACvC,eAAO;AAAA,MACT;AAAA,IACF;AACA,WAAO;AAAA,EAGT,GAAG,CAAC,CAAC,CAAC,SAAU,SAAiB,UAAU,iBAAiB,CAAC;AAE7D,MAAI,YAAY,UAAa,YAAY,OAAO;AAC9C,YAAQ,kBAAkB;AAC1B;AAAA,EACF;AAEA,UAAQ,kBAAkB;AAI1B,MAAI,OAAO,YAAY,WAAW;AAEhC,UAAM,EAAE,gBAAgB,gBAAgB,cAAc,IAAI;AAI1D,QAAI,gBAAgB;AAClB,cAAQ,iBAAiB;AAAA,IAC3B;AAIA,QAAI,eAAe;AAGjB,cAAQ,uBAAuB;AAAA,IAGjC;AAAA,EACF;AAGA,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX,UAAU,eAAe;AAAA,EAC3B;AACA,UAAQ,mBAAmB;AAC7B;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._1jrjqrd1-3-12-1 ._1jrjqrd2-3-12-1::before {
+._1jrjqrd1-3-13-0 ._1jrjqrd2-3-13-0::before {
   content: "";
   position: absolute;
   display: inline-block;
@@ -8,5 +8,5 @@
   width: var(--dt-spacings-size-4, 4px);
   left: var(--dt-spacings-size-0, 0);
   border-radius: 0 var(--dt-borders-radius-field-subdued, 3px) var(--dt-borders-radius-field-subdued, 3px) 0;
-  background-color: var(--_1jrjqrd0-3-12-1);
+  background-color: var(--_1jrjqrd0-3-13-0);
 }

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

@@ -7,6 +7,7 @@ import {
   isAccessorFnColumnDef,
   isAccessorKeyColumnDef
 } from "../../hooks/useTable/datatable-typeguards.js";
+import { createPrototypeConstructor } from "../types/table.types.js";
 function matchesThreshold(threshold, rowData) {
   return threshold.rules.every((rule) => {
     const compareValue = rule.accessor?.(rowData) ?? void 0;
@@ -80,33 +81,39 @@ function cell_getThresholdColors(cell) {
 }
 function constructRowThresholdsFeature() {
   return {
-    assignCellPrototype: (prototype, table) => {
-      assignPrototypeAPIs("DataTableRowThresholdsFeature", prototype, table, {
-        cell_getThresholdColors: {
-          fn: (cell) => cell_getThresholdColors(cell)
-        }
-      });
-    },
-    assignColumnPrototype: (prototype, table) => {
-      assignPrototypeAPIs("DataTableRowThresholdsFeature", prototype, table, {
-        column_getThresholdRules: {
-          fn: (column, thresholds) => column_getThresholdRules(column, thresholds),
-          memoDeps: (column) => [column.columnDef.thresholds]
-        }
-      });
-    },
-    assignRowPrototype: (prototype, table) => {
-      assignPrototypeAPIs("DataTableRowThresholdsFeature", prototype, table, {
-        row_getThresholdPill: {
-          fn: (row, thresholds) => row_getThresholdPill(row, thresholds),
-          memoDeps: (row) => [table.options.rowThresholds, row.id, row.index]
-        },
-        row_getThresholdColors: {
-          fn: (row, thresholds) => row_getThresholdColors(row, thresholds),
-          memoDeps: (row) => [table.options.rowThresholds, row.id, row.index]
-        }
-      });
-    }
+    assignCellPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs("DataTableRowThresholdsFeature", prototype, table, {
+          cell_getThresholdColors: {
+            fn: (cell) => cell_getThresholdColors(cell)
+          }
+        });
+      }
+    ),
+    assignColumnPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs("DataTableRowThresholdsFeature", prototype, table, {
+          column_getThresholdRules: {
+            fn: (column, thresholds) => column_getThresholdRules(column, thresholds),
+            memoDeps: (column) => [column.columnDef.thresholds]
+          }
+        });
+      }
+    ),
+    assignRowPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs("DataTableRowThresholdsFeature", prototype, table, {
+          row_getThresholdPill: {
+            fn: (row, thresholds) => row_getThresholdPill(row, thresholds),
+            memoDeps: (row) => [table.options.rowThresholds, row.id, row.index]
+          },
+          row_getThresholdColors: {
+            fn: (row, thresholds) => row_getThresholdColors(row, thresholds),
+            memoDeps: (row) => [table.options.rowThresholds, row.id, row.index]
+          }
+        });
+      }
+    )
   };
 }
 const DataTableRowThresholdsFeature = constructRowThresholdsFeature();

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Thresholds/Thresholds.ts"],
-  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  type Cell,\n  type CellData,\n  type Column,\n  type Row,\n  type RowData,\n  type TableFeature,\n  type TableFeatures,\n} from '@tanstack/react-table';\n\nimport { defaultComparators } from './default-comparators.js';\nimport { normalizeThresholdRules } from './normalize-rules.js';\nimport type {\n  DataTableColumnThreshold,\n  DataTableThresholdsNormalizedRule,\n  RowThresholdsFeatureConstructors,\n} from './threshold-types.js';\nimport {\n  isAccessorFnColumnDef,\n  isAccessorKeyColumnDef,\n} from '../../hooks/useTable/datatable-typeguards.js';\n\n/**\n * Helper function that will check if all rules of a given threshold match.\n * @internal\n */\nfunction matchesThreshold<TData extends RowData>(\n  threshold: DataTableThresholdsNormalizedRule<TData>,\n  rowData: TData,\n): boolean {\n  return threshold.rules.every((rule) => {\n    const compareValue = rule.accessor?.(rowData) ?? undefined;\n    if (typeof rule.comparator === 'string') {\n      return defaultComparators[rule.comparator](rule.value, compareValue);\n    }\n    return rule.comparator(rowData);\n  });\n}\n\n/**\n * Helper function to get the pill color for the row threshold.\n * @internal\n */\nexport function row_getThresholdPill<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  row: Row<TFeatures, TData>,\n  rowThresholds: DataTableThresholdsNormalizedRule<TData>[] | undefined,\n): string | null {\n  if (rowThresholds === undefined || rowThresholds.length === 0) {\n    return null;\n  }\n\n  // Check from the back, because the last one matching one should be\n  // the one applying, if there are more than one rules applied.\n  const pillColor = rowThresholds.findLast(\n    (threshold) =>\n      threshold.type === 'pill' && matchesThreshold(threshold, row.original),\n  )?.color;\n\n  return pillColor ?? null;\n}\n\n/**\n * Helper function to get the threshold color and backgroundColor for the cell.\n * @internal\n */\nexport function row_getThresholdColors<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  row: Row<TFeatures, TData>,\n  rowThresholds: DataTableThresholdsNormalizedRule<TData>[] | undefined,\n): { color?: string; backgroundColor?: string } | null {\n  if (rowThresholds === undefined || rowThresholds.length === 0) {\n    return null;\n  }\n\n  // Check from the back, because the last one matching one should be\n  // the one applying, if there are more than one rules applied.\n  const matchedThreshold = rowThresholds.findLast(\n    (threshold) =>\n      threshold.type === 'highlight' &&\n      matchesThreshold(threshold, row.original),\n  );\n\n  if (matchedThreshold) {\n    return {\n      color: matchedThreshold.color,\n      backgroundColor: matchedThreshold.backgroundColor,\n    };\n  }\n  return null;\n}\n\n/**\n * Helper function to get the threshold rules for the column.\n * @internal\n */\nexport function column_getThresholdRules<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  column: Column<TFeatures, TData>,\n  thresholds: DataTableColumnThreshold<TData>[] | undefined,\n): DataTableThresholdsNormalizedRule<TData>[] | null {\n  if (thresholds === undefined || thresholds.length === 0) {\n    return null;\n  }\n\n  const columnDef = column.columnDef;\n\n  // Calculate the fallback accessor that should be used if there is\n  // non given on the threshold rule.\n  let fallbackAccessor:\n    | string\n    | number\n    | symbol\n    | ((row: TData) => unknown)\n    | undefined;\n  if (isAccessorKeyColumnDef<TFeatures, TData>(columnDef)) {\n    fallbackAccessor = columnDef.accessorKey;\n  }\n  if (isAccessorFnColumnDef<TFeatures, TData>(columnDef)) {\n    const accessorFn = columnDef.accessorFn;\n    fallbackAccessor = (row: TData) => accessorFn(row, 0);\n  }\n\n  return normalizeThresholdRules(thresholds, fallbackAccessor);\n}\n\n/**\n * Helper function to get the threshold color and backgroundColor for the cell.\n * @internal\n */\nexport function cell_getThresholdColors<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n>(cell: Cell<TFeatures, TData, TValue>) {\n  const columnThresholds = cell.column.getThresholdRules();\n\n  const matchedColors: { color?: string; backgroundColor?: string } = {\n    color: undefined,\n    backgroundColor: undefined,\n  };\n\n  if (columnThresholds) {\n    // Check from the back, because the last one matching one should be\n    // the one applying, if there are more than one rules applied.\n    const matchedColumnThreshold = columnThresholds.findLast((threshold) =>\n      matchesThreshold(threshold, cell.row.original),\n    );\n\n    if (matchedColumnThreshold) {\n      matchedColors.color = matchedColumnThreshold.color;\n      matchedColors.backgroundColor = matchedColumnThreshold.backgroundColor;\n      return matchedColors;\n    }\n  }\n\n  // If no column threshold rules matched, we can check if the row threshold\n  // rule will match.\n  const rowThresholds = cell.row.getThresholdColors();\n  if (rowThresholds) {\n    matchedColors.color = rowThresholds.color;\n    matchedColors.backgroundColor = rowThresholds.backgroundColor;\n  }\n  return matchedColors;\n}\n\n/**\n * Constructs the column row thresholds for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructRowThresholdsFeature<\n  TData extends RowData,\n>(): TableFeature<RowThresholdsFeatureConstructors<TData>> {\n  return {\n    assignCellPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableRowThresholdsFeature', prototype, table, {\n        cell_getThresholdColors: {\n          fn: (cell) => cell_getThresholdColors(cell),\n        },\n      });\n    },\n    assignColumnPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableRowThresholdsFeature', prototype, table, {\n        column_getThresholdRules: {\n          fn: (column, thresholds) =>\n            column_getThresholdRules(column, thresholds),\n          memoDeps: (column) => [column.columnDef.thresholds],\n        },\n      });\n    },\n    assignRowPrototype: (prototype, table) => {\n      assignPrototypeAPIs('DataTableRowThresholdsFeature', prototype, table, {\n        row_getThresholdPill: {\n          fn: (row, thresholds) => row_getThresholdPill(row, thresholds),\n          memoDeps: (row) => [table.options.rowThresholds, row.id, row.index],\n        },\n        row_getThresholdColors: {\n          fn: (row, thresholds) => row_getThresholdColors(row, thresholds),\n          memoDeps: (row) => [table.options.rowThresholds, row.id, row.index],\n        },\n      });\n    },\n  };\n}\n\n/**\n * Feature to handle thresholds to help in row and cell highlighting.\n * @internal\n */\nexport const DataTableRowThresholdsFeature = constructRowThresholdsFeature();\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  type Cell,\n  type CellData,\n  type Column,\n  type Row,\n  type RowData,\n  type TableFeature,\n  type Table,\n} from '@tanstack/react-table';\n\nimport { defaultComparators } from './default-comparators.js';\nimport { normalizeThresholdRules } from './normalize-rules.js';\nimport type {\n  DataTableColumnThreshold,\n  DataTableThresholdsNormalizedRule,\n} from './threshold-types.js';\nimport {\n  isAccessorFnColumnDef,\n  isAccessorKeyColumnDef,\n} from '../../hooks/useTable/datatable-typeguards.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport { createPrototypeConstructor } from '../types/table.types.js';\n\n/**\n * Helper function that will check if all rules of a given threshold match.\n * @internal\n */\nfunction matchesThreshold<TData extends RowData>(\n  threshold: DataTableThresholdsNormalizedRule<TData>,\n  rowData: TData,\n): boolean {\n  return threshold.rules.every((rule) => {\n    const compareValue = rule.accessor?.(rowData) ?? undefined;\n    if (typeof rule.comparator === 'string') {\n      return defaultComparators[rule.comparator](rule.value, compareValue);\n    }\n    return rule.comparator(rowData);\n  });\n}\n\n/**\n * Helper function to get the pill color for the row threshold.\n * @internal\n */\nexport function row_getThresholdPill<TData extends RowData>(\n  row: Row<TDataTableFeatures, TData>,\n  rowThresholds: DataTableThresholdsNormalizedRule<TData>[] | undefined,\n): string | null {\n  if (rowThresholds === undefined || rowThresholds.length === 0) {\n    return null;\n  }\n\n  // Check from the back, because the last one matching one should be\n  // the one applying, if there are more than one rules applied.\n  const pillColor = rowThresholds.findLast(\n    (threshold) =>\n      threshold.type === 'pill' && matchesThreshold(threshold, row.original),\n  )?.color;\n\n  return pillColor ?? null;\n}\n\n/**\n * Helper function to get the threshold color and backgroundColor for the cell.\n * @internal\n */\nexport function row_getThresholdColors<TData extends RowData>(\n  row: Row<TDataTableFeatures, TData>,\n  rowThresholds: DataTableThresholdsNormalizedRule<TData>[] | undefined,\n): { color?: string; backgroundColor?: string } | null {\n  if (rowThresholds === undefined || rowThresholds.length === 0) {\n    return null;\n  }\n\n  // Check from the back, because the last one matching one should be\n  // the one applying, if there are more than one rules applied.\n  const matchedThreshold = rowThresholds.findLast(\n    (threshold) =>\n      threshold.type === 'highlight' &&\n      matchesThreshold(threshold, row.original),\n  );\n\n  if (matchedThreshold) {\n    return {\n      color: matchedThreshold.color,\n      backgroundColor: matchedThreshold.backgroundColor,\n    };\n  }\n  return null;\n}\n\n/**\n * Helper function to get the threshold rules for the column.\n * @internal\n */\nexport function column_getThresholdRules<TData extends RowData>(\n  column: Column<TDataTableFeatures, TData>,\n  thresholds: DataTableColumnThreshold<TData>[] | undefined,\n): DataTableThresholdsNormalizedRule<TData>[] | null {\n  if (thresholds === undefined || thresholds.length === 0) {\n    return null;\n  }\n\n  const columnDef = column.columnDef;\n\n  // Calculate the fallback accessor that should be used if there is\n  // non given on the threshold rule.\n  let fallbackAccessor:\n    | string\n    | number\n    | symbol\n    | ((row: TData) => unknown)\n    | undefined;\n  if (isAccessorKeyColumnDef<TData>(columnDef)) {\n    fallbackAccessor = columnDef.accessorKey;\n  }\n  if (isAccessorFnColumnDef<TData>(columnDef)) {\n    const accessorFn = columnDef.accessorFn;\n    fallbackAccessor = (row: TData) => accessorFn(row, 0);\n  }\n\n  return normalizeThresholdRules(thresholds, fallbackAccessor);\n}\n\n/**\n * Helper function to get the threshold color and backgroundColor for the cell.\n * @internal\n */\nexport function cell_getThresholdColors<\n  TData extends RowData,\n  TValue extends CellData,\n>(cell: Cell<TDataTableFeatures, TData, TValue>) {\n  const columnThresholds = cell.column.getThresholdRules();\n\n  const matchedColors: { color?: string; backgroundColor?: string } = {\n    color: undefined,\n    backgroundColor: undefined,\n  };\n\n  if (columnThresholds) {\n    // Check from the back, because the last one matching one should be\n    // the one applying, if there are more than one rules applied.\n    const matchedColumnThreshold = columnThresholds.findLast((threshold) =>\n      matchesThreshold(threshold, cell.row.original),\n    );\n\n    if (matchedColumnThreshold) {\n      matchedColors.color = matchedColumnThreshold.color;\n      matchedColors.backgroundColor = matchedColumnThreshold.backgroundColor;\n      return matchedColors;\n    }\n  }\n\n  // If no column threshold rules matched, we can check if the row threshold\n  // rule will match.\n  const rowThresholds = cell.row.getThresholdColors();\n  if (rowThresholds) {\n    matchedColors.color = rowThresholds.color;\n    matchedColors.backgroundColor = rowThresholds.backgroundColor;\n  }\n  return matchedColors;\n}\n\n/**\n * Constructs the column row thresholds for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructRowThresholdsFeature(): TableFeature {\n  return {\n    assignCellPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs('DataTableRowThresholdsFeature', prototype, table, {\n          cell_getThresholdColors: {\n            fn: (cell) => cell_getThresholdColors(cell),\n          },\n        });\n      },\n    ),\n    assignColumnPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs('DataTableRowThresholdsFeature', prototype, table, {\n          column_getThresholdRules: {\n            fn: (column, thresholds) =>\n              column_getThresholdRules(column, thresholds),\n            memoDeps: (column) => [column.columnDef.thresholds],\n          },\n        });\n      },\n    ),\n    assignRowPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs('DataTableRowThresholdsFeature', prototype, table, {\n          row_getThresholdPill: {\n            fn: (row, thresholds) => row_getThresholdPill(row, thresholds),\n            memoDeps: (row) => [table.options.rowThresholds, row.id, row.index],\n          },\n          row_getThresholdColors: {\n            fn: (row, thresholds) => row_getThresholdColors(row, thresholds),\n            memoDeps: (row) => [table.options.rowThresholds, row.id, row.index],\n          },\n        });\n      },\n    ),\n  };\n}\n\n/**\n * Feature to handle thresholds to help in row and cell highlighting.\n * @internal\n */\nexport const DataTableRowThresholdsFeature = constructRowThresholdsFeature();\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 import "./Thresholds.css";
-var hasPillThresholds = "_1jrjqrd1-3-12-1";
-var thresholdPill = "_1jrjqrd2-3-12-1";
-var thresholdPillColor = "var(--_1jrjqrd0-3-12-1)";
+var hasPillThresholds = "_1jrjqrd1-3-13-0";
+var thresholdPill = "_1jrjqrd2-3-13-0";
+var thresholdPillColor = "var(--_1jrjqrd0-3-13-0)";
 export {
   hasPillThresholds,
   thresholdPill,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Thresholds/Thresholds.css.ts"],
-  "sourcesContent": ["import './Thresholds.css';\nexport var hasPillThresholds = '_1jrjqrd1-3-12-1';\nexport var thresholdPill = '_1jrjqrd2-3-12-1';\nexport var thresholdPillColor = 'var(--_1jrjqrd0-3-12-1)';"],
+  "sourcesContent": ["import './Thresholds.css';\nexport var hasPillThresholds = '_1jrjqrd1-3-13-0';\nexport var thresholdPill = '_1jrjqrd2-3-13-0';\nexport var thresholdPillColor = 'var(--_1jrjqrd0-3-13-0)';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,gBAAgB;AACpB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/tables/DataTable/features/Thresholds/normalize-rules.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Thresholds/normalize-rules.ts"],
-  "sourcesContent": ["import type { RowData } from '@tanstack/react-table';\n\nimport type {\n  DataTableColumnThreshold,\n  DataTableRowThreshold,\n  DataTableThresholdsNormalizedRule,\n} from './threshold-types.js';\nimport { makeAccessorFunction } from '../../hooks/makeAccessorFunction.js';\nimport type { DataTableRowData } from '../../public.api.js';\n\ntype Accessor<TData extends DataTableRowData> =\n  | string\n  | number\n  | symbol\n  | ((row: TData) => unknown);\n\n/**\n * @internal\n * Helper function that will normalize the given accessor to a function\n * in the normalized threshold rules.\n */\nfunction makeAccessor<TData extends DataTableRowData>(\n  accessor?: Accessor<TData>,\n  fallbackAccessor?: Accessor<TData>,\n): (row: TData) => unknown {\n  // Check if the accessor is defined. If it is defined use this one for\n  // the checks. If not, use the one from the columnDef.\n  const appliedAccessor = accessor ?? fallbackAccessor;\n\n  if (typeof appliedAccessor === 'string') {\n    // Check if the string access contains JSONPath like characters, that would\n    // require a complex replacer logic.\n    if (appliedAccessor.includes('.') || appliedAccessor.includes('[')) {\n      return makeAccessorFunction(appliedAccessor);\n    } else {\n      return (row: TData) => {\n        // We can no longer infer this in the callback\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        return (row as any)[appliedAccessor];\n      };\n    }\n  } else if (typeof appliedAccessor === 'function') {\n    return appliedAccessor;\n  }\n  return () => undefined;\n}\n\n/**\n * Normalizes the simple rules and combined rules into a standard internal\n * rule set.\n * @internal\n */\nexport function normalizeThresholdRules<\n  TData extends RowData,\n  ThresholdRule extends\n    | DataTableColumnThreshold<TData>[]\n    | DataTableRowThreshold<TData>[],\n>(\n  thresholds: ThresholdRule,\n  fallbackAccessor?: Accessor<TData>,\n): Array<DataTableThresholdsNormalizedRule<TData>> {\n  // Unify the rules into a single setup in order to combine simple and combined rules:\n  const columnThresholdDefinitions: Array<\n    DataTableThresholdsNormalizedRule<TData>\n  > = [];\n\n  for (const threshold of thresholds) {\n    // Create the basis of the normalized rule.\n    const unifiedRule: DataTableThresholdsNormalizedRule<TData> = {\n      color: threshold.color,\n      backgroundColor:\n        'backgroundColor' in threshold ? threshold.backgroundColor : undefined,\n      rules: [],\n      type: 'type' in threshold ? threshold.type : undefined,\n    };\n\n    // Map the simple rules to an array as well, so we do not need to deal\n    // with two different datatypes further down the line.\n    const normalizedRulesArray =\n      threshold.rules !== undefined\n        ? threshold.rules\n        : [\n            {\n              accessor:\n                'accessor' in threshold ? threshold.accessor : undefined,\n              value: 'value' in threshold ? threshold.value : undefined,\n              comparator: threshold.comparator,\n            },\n          ];\n\n    unifiedRule.rules = normalizedRulesArray.map((rule) => {\n      return {\n        // Accessors might be undefined in scenarios where a custom comparator function\n        // is given.\n        accessor:\n          'accessor' in rule\n            ? makeAccessor(rule.accessor, fallbackAccessor)\n            : undefined,\n        // Value might be undefined in scenarios where a custom comparator function\n        // is given.\n        value: 'value' in rule ? rule.value : undefined,\n        comparator: rule.comparator,\n      };\n    });\n\n    columnThresholdDefinitions.push(unifiedRule);\n  }\n  return columnThresholdDefinitions;\n}\n"],
+  "sourcesContent": ["import type { RowData } from '@tanstack/react-table';\n\nimport type {\n  DataTableColumnThreshold,\n  DataTableRowThreshold,\n  DataTableThresholdsNormalizedRule,\n} from './threshold-types.js';\nimport { makeAccessorFunction } from '../../hooks/makeAccessorFunction.js';\nimport type { DataTableRowData } from '../../public.api.js';\n\ntype Accessor<TData extends DataTableRowData> =\n  | string\n  | number\n  | symbol\n  | ((row: TData) => unknown);\n\n/**\n * @internal\n * Helper function that will normalize the given accessor to a function\n * in the normalized threshold rules.\n */\nfunction makeAccessor<TData extends DataTableRowData>(\n  accessor?: Accessor<TData>,\n  fallbackAccessor?: Accessor<TData>,\n): (row: TData) => unknown {\n  // Check if the accessor is defined. If it is defined use this one for\n  // the checks. If not, use the one from the columnDef.\n  const appliedAccessor = accessor ?? fallbackAccessor;\n\n  if (typeof appliedAccessor === 'string') {\n    // Check if the string access contains JSONPath like characters, that would\n    // require a complex replacer logic.\n    if (appliedAccessor.includes('.') || appliedAccessor.includes('[')) {\n      return makeAccessorFunction(appliedAccessor);\n    } else {\n      return (row: TData) => {\n        // We can no longer infer this in the callback\n        // oxlint-disable-next-line typescript/no-explicit-any\n        return (row as any)[appliedAccessor];\n      };\n    }\n  } else if (typeof appliedAccessor === 'function') {\n    return appliedAccessor;\n  }\n  return () => undefined;\n}\n\n/**\n * Normalizes the simple rules and combined rules into a standard internal\n * rule set.\n * @internal\n */\nexport function normalizeThresholdRules<\n  TData extends RowData,\n  ThresholdRule extends\n    | DataTableColumnThreshold<TData>[]\n    | DataTableRowThreshold<TData>[],\n>(\n  thresholds: ThresholdRule,\n  fallbackAccessor?: Accessor<TData>,\n): Array<DataTableThresholdsNormalizedRule<TData>> {\n  // Unify the rules into a single setup in order to combine simple and combined rules:\n  const columnThresholdDefinitions: Array<\n    DataTableThresholdsNormalizedRule<TData>\n  > = [];\n\n  for (const threshold of thresholds) {\n    // Create the basis of the normalized rule.\n    const unifiedRule: DataTableThresholdsNormalizedRule<TData> = {\n      color: threshold.color,\n      backgroundColor:\n        'backgroundColor' in threshold ? threshold.backgroundColor : undefined,\n      rules: [],\n      type: 'type' in threshold ? threshold.type : undefined,\n    };\n\n    // Map the simple rules to an array as well, so we do not need to deal\n    // with two different datatypes further down the line.\n    const normalizedRulesArray =\n      threshold.rules !== undefined\n        ? threshold.rules\n        : [\n            {\n              accessor:\n                'accessor' in threshold ? threshold.accessor : undefined,\n              value: 'value' in threshold ? threshold.value : undefined,\n              comparator: threshold.comparator,\n            },\n          ];\n\n    unifiedRule.rules = normalizedRulesArray.map((rule) => {\n      return {\n        // Accessors might be undefined in scenarios where a custom comparator function\n        // is given.\n        accessor:\n          'accessor' in rule\n            ? makeAccessor(rule.accessor, fallbackAccessor)\n            : undefined,\n        // Value might be undefined in scenarios where a custom comparator function\n        // is given.\n        value: 'value' in rule ? rule.value : undefined,\n        comparator: rule.comparator,\n      };\n    });\n\n    columnThresholdDefinitions.push(unifiedRule);\n  }\n  return columnThresholdDefinitions;\n}\n"],
   "mappings": "AAOA,SAAS,4BAA4B;AAcrC,SAAS,aACP,UACA,kBACyB;AAGzB,QAAM,kBAAkB,YAAY;AAEpC,MAAI,OAAO,oBAAoB,UAAU;AAGvC,QAAI,gBAAgB,SAAS,GAAG,KAAK,gBAAgB,SAAS,GAAG,GAAG;AAClE,aAAO,qBAAqB,eAAe;AAAA,IAC7C,OAAO;AACL,aAAO,CAAC,QAAe;AAGrB,eAAQ,IAAY,eAAe;AAAA,MACrC;AAAA,IACF;AAAA,EACF,WAAW,OAAO,oBAAoB,YAAY;AAChD,WAAO;AAAA,EACT;AACA,SAAO,MAAM;AACf;AAOO,SAAS,wBAMd,YACA,kBACiD;AAEjD,QAAM,6BAEF,CAAC;AAEL,aAAW,aAAa,YAAY;AAElC,UAAM,cAAwD;AAAA,MAC5D,OAAO,UAAU;AAAA,MACjB,iBACE,qBAAqB,YAAY,UAAU,kBAAkB;AAAA,MAC/D,OAAO,CAAC;AAAA,MACR,MAAM,UAAU,YAAY,UAAU,OAAO;AAAA,IAC/C;AAIA,UAAM,uBACJ,UAAU,UAAU,SAChB,UAAU,QACV;AAAA,MACE;AAAA,QACE,UACE,cAAc,YAAY,UAAU,WAAW;AAAA,QACjD,OAAO,WAAW,YAAY,UAAU,QAAQ;AAAA,QAChD,YAAY,UAAU;AAAA,MACxB;AAAA,IACF;AAEN,gBAAY,QAAQ,qBAAqB,IAAI,CAAC,SAAS;AACrD,aAAO;AAAA;AAAA;AAAA,QAGL,UACE,cAAc,OACV,aAAa,KAAK,UAAU,gBAAgB,IAC5C;AAAA;AAAA;AAAA,QAGN,OAAO,WAAW,OAAO,KAAK,QAAQ;AAAA,QACtC,YAAY,KAAK;AAAA,MACnB;AAAA,IACF,CAAC;AAED,+BAA2B,KAAK,WAAW;AAAA,EAC7C;AACA,SAAO;AACT;",
   "names": []
 }

package/esm/tables/DataTable/features/Thresholds/useThresholds.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Thresholds/useThresholds.ts"],
-  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\nimport { type TableOptions } from '@tanstack/react-table';\n\nimport { normalizeThresholdRules } from './normalize-rules.js';\nimport type { DataTableThresholdProps } from './threshold-types.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport { isGroupColumnDef } from '../../hooks/useTable/datatable-typeguards.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Hook configuring the thresholds feature for the DataTable.\n * @internal\n */\nexport function useThresholds<\n  TFeatures extends TDataTableFeatures,\n  TData extends DataTableRowData,\n>(\n  props: DataTableThresholdProps<TData>,\n  options: TableOptions<TFeatures, Exclude<TData, unknown>>,\n): void {\n  const configThresholds = useDataTableConfigElement('rowThresholds');\n\n  // check if either the table or any columns have thresholds\n  const rowThresholds = props.rowThresholds ?? configThresholds;\n  // First check if rowThresholds is defined, because this is the cheaper check\n  if (rowThresholds) {\n    options.rowThresholds = normalizeThresholdRules(rowThresholds);\n    options.hasThresholds = true;\n  } else {\n    options.rowThresholds = undefined;\n    // Check through the columnDefs if there are thresholds defined.\n    options.hasThresholds = options.columns.some((column) => {\n      if (isGroupColumnDef<TFeatures, Exclude<TData, unknown>>(column)) {\n        const groupedColumn = column;\n        return groupedColumn.columns?.some(\n          (childColumn) =>\n            childColumn.thresholds && childColumn.thresholds.length > 0,\n        );\n      }\n      return column.thresholds && column.thresholds.length > 0;\n    });\n  }\n}\n"],
-  "mappings": "AAGA,SAAS,+BAA+B;AAExC,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AAQ1B,SAAS,cAId,OACA,SACM;AACN,QAAM,mBAAmB,0BAA0B,eAAe;AAGlE,QAAM,gBAAgB,MAAM,iBAAiB;AAE7C,MAAI,eAAe;AACjB,YAAQ,gBAAgB,wBAAwB,aAAa;AAC7D,YAAQ,gBAAgB;AAAA,EAC1B,OAAO;AACL,YAAQ,gBAAgB;AAExB,YAAQ,gBAAgB,QAAQ,QAAQ,KAAK,CAAC,WAAW;AACvD,UAAI,iBAAqD,MAAM,GAAG;AAChE,cAAM,gBAAgB;AACtB,eAAO,cAAc,SAAS;AAAA,UAC5B,CAAC,gBACC,YAAY,cAAc,YAAY,WAAW,SAAS;AAAA,QAC9D;AAAA,MACF;AACA,aAAO,OAAO,cAAc,OAAO,WAAW,SAAS;AAAA,IACzD,CAAC;AAAA,EACH;AACF;",
+  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\n\nimport { normalizeThresholdRules } from './normalize-rules.js';\nimport type { DataTableThresholdProps } from './threshold-types.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport { isGroupColumnDef } from '../../hooks/useTable/datatable-typeguards.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport type { DataTableOptions } from '../types/table.types.js';\n\n/**\n * Hook configuring the thresholds feature for the DataTable.\n * @internal\n */\nexport function useThresholds<TData extends DataTableRowData>(\n  props: DataTableThresholdProps<TData>,\n  options: DataTableOptions<Exclude<TData, unknown>>,\n): void {\n  const configThresholds = useDataTableConfigElement('rowThresholds');\n\n  // check if either the table or any columns have thresholds\n  const rowThresholds = props.rowThresholds ?? configThresholds;\n  // First check if rowThresholds is defined, because this is the cheaper check\n  if (rowThresholds) {\n    options.rowThresholds = normalizeThresholdRules(rowThresholds);\n    options.hasThresholds = true;\n  } else {\n    options.rowThresholds = undefined;\n    // Check through the columnDefs if there are thresholds defined.\n    options.hasThresholds = options.columns.some((column) => {\n      if (\n        isGroupColumnDef<TDataTableFeatures, Exclude<TData, unknown>>(column)\n      ) {\n        const groupedColumn = column;\n        return groupedColumn.columns?.some(\n          (childColumn) =>\n            childColumn.thresholds && childColumn.thresholds.length > 0,\n        );\n      }\n      return column.thresholds && column.thresholds.length > 0;\n    });\n  }\n}\n"],
+  "mappings": "AAEA,SAAS,+BAA+B;AAExC,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AAS1B,SAAS,cACd,OACA,SACM;AACN,QAAM,mBAAmB,0BAA0B,eAAe;AAGlE,QAAM,gBAAgB,MAAM,iBAAiB;AAE7C,MAAI,eAAe;AACjB,YAAQ,gBAAgB,wBAAwB,aAAa;AAC7D,YAAQ,gBAAgB;AAAA,EAC1B,OAAO;AACL,YAAQ,gBAAgB;AAExB,YAAQ,gBAAgB,QAAQ,QAAQ,KAAK,CAAC,WAAW;AACvD,UACE,iBAA8D,MAAM,GACpE;AACA,cAAM,gBAAgB;AACtB,eAAO,cAAc,SAAS;AAAA,UAC5B,CAAC,gBACC,YAAY,cAAc,YAAY,WAAW,SAAS;AAAA,QAC9D;AAAA,MACF;AACA,aAAO,OAAO,cAAc,OAAO,WAAW,SAAS;AAAA,IACzD,CAAC;AAAA,EACH;AACF;",
   "names": []
 }

package/esm/tables/DataTable/features/UserActions/FloatingMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/FloatingMenu.tsx"],
-  "sourcesContent": ["import { shallow, useSelector } from '@tanstack/react-store';\nimport type { RowData, Cell, Column, Header } from '@tanstack/react-table';\nimport { type JSX, useCallback, useMemo, Children } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { useCloseFloatingMenuOnScroll } from './useCloseFloatingMenuOnScroll.js';\nimport * as styles from './UserActions.sty.js';\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport {\n  DataTableCellContextProvider,\n  DataTableColumnContextProvider,\n  DataTableHeaderContextProvider,\n  useDataTable,\n} from '../../contexts/DataTableContext.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * @internal\n * Floating menu for right click events.\n */\nexport function CellActionFloatingMenu(): JSX.Element | undefined {\n  const table = useDataTable();\n  // Subscribe only to the floating menu state needed to position and render it.\n  const { type, headerId, rowId, columnId, x, y } = useSelector(\n    table.atoms.floatingMenuInfo,\n    (floatingMenuInfo) =>\n      floatingMenuInfo ?? {\n        type: null,\n        headerId: null,\n        rowId: null,\n        columnId: null,\n        x: 0,\n        y: 0,\n      },\n    { compare: shallow },\n  );\n\n  const actions = useMemo(() => {\n    if (type === 'headerAction' && columnId !== null) {\n      return table.getUserActionsForColumn(columnId);\n    }\n\n    if (type === 'cellAction' && columnId !== null && rowId !== null) {\n      return table.getUserActionsForCell(columnId, rowId);\n    }\n\n    return null;\n    // Avoid adding the `table` instance into the dependency array to prevent unnecessary re-renders\n    // when the table instance changes but the relevant state does not.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [rowId, columnId, type]);\n\n  const menuOpen = type !== null && columnId !== null && actions !== null;\n\n  const closeMenu = useCallback(() => {\n    table.baseAtoms.floatingMenuInfo.set(() => ({\n      type: null,\n      headerId: null,\n      rowId: null,\n      columnId: null,\n      x: 0,\n      y: 0,\n    }));\n    table.baseAtoms.openMenuRowId.set(null);\n  }, [table]);\n\n  useCloseFloatingMenuOnScroll({\n    isMenuOpen: menuOpen,\n    closeMenu,\n    stickyVertically: type === 'headerAction',\n  });\n\n  // Find the right column and cell objects to provide\n  const { header, column, cell } = useMemo<{\n    header?: Header<TDataTableFeatures, RowData>;\n    column?: Column<TDataTableFeatures, RowData>;\n    cell?: Cell<TDataTableFeatures, RowData>;\n  }>(() => {\n    if (menuOpen === false) {\n      return { column: undefined, cell: undefined };\n    }\n\n    const header = headerId ? table.getHeader(headerId) : undefined;\n    const column = table.getColumn(columnId);\n\n    let cell: Cell<TDataTableFeatures, RowData> | undefined = undefined;\n    if (rowId) {\n      const rowCells = table.getRow(rowId).getAllCells();\n      const columnCell = rowCells.find(\n        (cell) => cell.column.id === columnId,\n      ) as Cell<TDataTableFeatures, RowData> | undefined;\n\n      cell = columnCell;\n    }\n\n    return { header, column, cell };\n    // Avoid adding the `table` instance into the dependency array to prevent unnecessary re-renders\n    // when the table instance changes but the relevant state does not.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [columnId, headerId, menuOpen, rowId]);\n\n  // Avoid spawning the menu while it is closed to avoid react render\n  // performance issues.\n  if (menuOpen === false) {\n    return;\n  }\n\n  // We need to portal the entire floating menu to escape CSS transforms on ancestor elements.\n  // This ensures transforms on parent containers don't affect the position of the trigger button.\n  return createPortal(\n    <Menu\n      open={menuOpen}\n      onOpenChange={(isOpen) => {\n        if (isOpen === false) {\n          closeMenu();\n        }\n      }}\n      modal={false}\n    >\n      <Menu.Trigger>\n        <button\n          disabled\n          type=\"button\"\n          className={styles.floatingMenuButton}\n          style={{\n            top: `${y}px`,\n            left: `${x}px`,\n          }}\n          data-trigger=\"context-action\"\n        />\n      </Menu.Trigger>\n      {menuOpen === true && (\n        <DataTableHeaderContextProvider value={header}>\n          <DataTableColumnContextProvider value={column}>\n            <DataTableCellContextProvider value={cell}>\n              <Menu.Content>\n                {/*\n                 * Run all actions through a React.Children map so they will receive\n                 * an automatic key and do not violate react key map rules.\n                 */}\n                {Children.map(actions, (child) => child)}\n              </Menu.Content>\n            </DataTableCellContextProvider>\n          </DataTableColumnContextProvider>\n        </DataTableHeaderContextProvider>\n      )}\n    </Menu>,\n    document.body,\n  );\n}\n"],
+  "sourcesContent": ["import { shallow, useSelector } from '@tanstack/react-store';\nimport type { RowData, Cell, Column, Header } from '@tanstack/react-table';\nimport { type JSX, useCallback, useMemo, Children } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { useCloseFloatingMenuOnScroll } from './useCloseFloatingMenuOnScroll.js';\nimport * as styles from './UserActions.sty.js';\nimport { Menu } from '../../../../navigation/menu/Menu.js';\nimport {\n  DataTableCellContextProvider,\n  DataTableColumnContextProvider,\n  DataTableHeaderContextProvider,\n  useDataTable,\n} from '../../contexts/DataTableContext.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * @internal\n * Floating menu for right click events.\n */\nexport function CellActionFloatingMenu(): JSX.Element | undefined {\n  const table = useDataTable();\n  // Subscribe only to the floating menu state needed to position and render it.\n  const { type, headerId, rowId, columnId, x, y } = useSelector(\n    table.atoms.floatingMenuInfo,\n    (floatingMenuInfo) =>\n      floatingMenuInfo ?? {\n        type: null,\n        headerId: null,\n        rowId: null,\n        columnId: null,\n        x: 0,\n        y: 0,\n      },\n    { compare: shallow },\n  );\n\n  const actions = useMemo(() => {\n    if (type === 'headerAction' && columnId !== null) {\n      return table.getUserActionsForColumn(columnId);\n    }\n\n    if (type === 'cellAction' && columnId !== null && rowId !== null) {\n      return table.getUserActionsForCell(columnId, rowId);\n    }\n\n    return null;\n    // Avoid adding the `table` instance into the dependency array to prevent unnecessary re-renders\n    // when the table instance changes but the relevant state does not.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [rowId, columnId, type]);\n\n  const menuOpen = type !== null && columnId !== null && actions !== null;\n\n  const closeMenu = useCallback(() => {\n    table.baseAtoms.floatingMenuInfo.set(() => ({\n      type: null,\n      headerId: null,\n      rowId: null,\n      columnId: null,\n      x: 0,\n      y: 0,\n    }));\n    table.baseAtoms.openMenuRowId.set(null);\n  }, [table]);\n\n  useCloseFloatingMenuOnScroll({\n    isMenuOpen: menuOpen,\n    closeMenu,\n    stickyVertically: type === 'headerAction',\n  });\n\n  // Find the right column and cell objects to provide\n  const { header, column, cell } = useMemo<{\n    header?: Header<TDataTableFeatures, RowData>;\n    column?: Column<TDataTableFeatures, RowData>;\n    cell?: Cell<TDataTableFeatures, RowData>;\n  }>(() => {\n    if (menuOpen === false) {\n      return { column: undefined, cell: undefined };\n    }\n\n    const header = headerId ? table.getHeader(headerId) : undefined;\n    const column = table.getColumn(columnId);\n\n    let cell: Cell<TDataTableFeatures, RowData> | undefined = undefined;\n    if (rowId) {\n      const rowCells = table.getRow(rowId).getAllCells();\n      const columnCell = rowCells.find(\n        (cell) => cell.column.id === columnId,\n      ) as Cell<TDataTableFeatures, RowData> | undefined;\n\n      cell = columnCell;\n    }\n\n    return { header, column, cell };\n    // Avoid adding the `table` instance into the dependency array to prevent unnecessary re-renders\n    // when the table instance changes but the relevant state does not.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [columnId, headerId, menuOpen, rowId]);\n\n  // Avoid spawning the menu while it is closed to avoid react render\n  // performance issues.\n  if (menuOpen === false) {\n    return;\n  }\n\n  // We need to portal the entire floating menu to escape CSS transforms on ancestor elements.\n  // This ensures transforms on parent containers don't affect the position of the trigger button.\n  return createPortal(\n    <Menu\n      open={menuOpen}\n      onOpenChange={(isOpen) => {\n        if (isOpen === false) {\n          closeMenu();\n        }\n      }}\n      modal={false}\n    >\n      <Menu.Trigger>\n        <button\n          disabled\n          type=\"button\"\n          className={styles.floatingMenuButton}\n          style={{\n            top: `${y}px`,\n            left: `${x}px`,\n          }}\n          data-trigger=\"context-action\"\n        />\n      </Menu.Trigger>\n      {menuOpen === true && (\n        <DataTableHeaderContextProvider value={header}>\n          <DataTableColumnContextProvider value={column}>\n            <DataTableCellContextProvider value={cell}>\n              <Menu.Content>\n                {/*\n                 * Run all actions through a React.Children map so they will receive\n                 * an automatic key and do not violate react key map rules.\n                 */}\n                {Children.map(actions, (child) => child)}\n              </Menu.Content>\n            </DataTableCellContextProvider>\n          </DataTableColumnContextProvider>\n        </DataTableHeaderContextProvider>\n      )}\n    </Menu>,\n    document.body,\n  );\n}\n"],
   "mappings": "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",
   "names": ["header", "column", "cell"]
 }

package/esm/tables/DataTable/features/UserActions/RowActions.css

@@ -1,4 +1,4 @@
-._bq8mqs0-3-12-1 {
+._bq8mqs0-3-13-0 {
   padding-left: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-2, 2px);
   overflow: visible;
@@ -7,15 +7,15 @@
   flex-basis: 100%;
   gap: var(--dt-spacings-size-2, 2px);
 }
-._14k72813-3-12-1._bq8mqs0-3-12-1 {
+._14k72813-3-13-0._bq8mqs0-3-13-0 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
 }
-._14k72815-3-12-1._bq8mqs0-3-12-1 {
+._14k72815-3-13-0._bq8mqs0-3-13-0 {
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
 }
-._14k72814-3-12-1._bq8mqs0-3-12-1 {
+._14k72814-3-13-0._bq8mqs0-3-13-0 {
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
 }

package/esm/tables/DataTable/features/UserActions/RowActions.sty.js

@@ -13,7 +13,7 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "./RowActions.css";
-var rowActions = "_bq8mqs0-3-12-1";
+var rowActions = "_bq8mqs0-3-13-0";
 export {
   rowActions
 };

package/esm/tables/DataTable/features/UserActions/RowActions.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/UserActions/RowActions.css.ts"],
-  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './RowActions.css';\nexport var rowActions = '_bq8mqs0-3-12-1';"],
+  "sourcesContent": ["import '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport './RowActions.css';\nexport var rowActions = '_bq8mqs0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._duopj90-3-12-1 {
+._duopj90-3-13-0 {
   appearance: none;
   border: 0;
   padding: 0;
@@ -15,88 +15,88 @@
   width: 24px;
   z-index: var(--dt-elevations-default, 1);
 }
-._duopj90-3-12-1:hover {
+._duopj90-3-13-0:hover {
   cursor: pointer;
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._duopj90-3-12-1:focus {
+._duopj90-3-13-0:focus {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._duopj90-3-12-1:focus-visible {
+._duopj90-3-13-0:focus-visible {
   opacity: 1;
   pointer-events: auto;
 }
-._1ons7qub-3-12-1 ._duopj90-3-12-1, ._14k72814-3-12-1 ~ ._duopj90-3-12-1, ._11pvd3zz-3-12-1 ._duopj90-3-12-1 {
+._1ons7qub-3-13-0 ._duopj90-3-13-0, ._14k72814-3-13-0 ~ ._duopj90-3-13-0, ._11pvd3zz-3-13-0 ._duopj90-3-13-0 {
   right: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
 }
-._1ons7qua-3-12-1 ._duopj90-3-12-1, ._14k72813-3-12-1 ~ ._duopj90-3-12-1, ._11pvd3zy-3-12-1 ._duopj90-3-12-1 {
+._1ons7qua-3-13-0 ._duopj90-3-13-0, ._14k72813-3-13-0 ~ ._duopj90-3-13-0, ._11pvd3zy-3-13-0 ._duopj90-3-13-0 {
   right: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
 }
-._1ons7quc-3-12-1  ._duopj90-3-12-1, ._14k72815-3-12-1 ~ ._duopj90-3-12-1, ._11pvd3z10-3-12-1 ._duopj90-3-12-1 {
+._1ons7quc-3-13-0  ._duopj90-3-13-0, ._14k72815-3-13-0 ~ ._duopj90-3-13-0, ._11pvd3z10-3-13-0 ._duopj90-3-13-0 {
   right: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
 }
-._11pvd3zz-3-12-1._yj6voi0-3-12-1 ._duopj90-3-12-1, ._14k72814-3-12-1._yj6voi0-3-12-1 ~ ._duopj90-3-12-1, ._1ons7qub-3-12-1._yj6voi0-3-12-1 ._duopj90-3-12-1 {
+._11pvd3zz-3-13-0._yj6voi0-3-13-0 ._duopj90-3-13-0, ._14k72814-3-13-0._yj6voi0-3-13-0 ~ ._duopj90-3-13-0, ._1ons7qub-3-13-0._yj6voi0-3-13-0 ._duopj90-3-13-0 {
   left: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
   right: auto;
 }
-._11pvd3zy-3-12-1._yj6voi0-3-12-1 ._duopj90-3-12-1, ._14k72813-3-12-1._yj6voi0-3-12-1 ~ ._duopj90-3-12-1, ._1ons7qua-3-12-1._yj6voi0-3-12-1 ._duopj90-3-12-1 {
+._11pvd3zy-3-13-0._yj6voi0-3-13-0 ._duopj90-3-13-0, ._14k72813-3-13-0._yj6voi0-3-13-0 ~ ._duopj90-3-13-0, ._1ons7qua-3-13-0._yj6voi0-3-13-0 ._duopj90-3-13-0 {
   left: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
   right: auto;
 }
-._11pvd3z10-3-12-1._yj6voi0-3-12-1 ._duopj90-3-12-1, ._14k72815-3-12-1._yj6voi0-3-12-1 ~ ._duopj90-3-12-1, ._1ons7quc-3-12-1._yj6voi0-3-12-1 ._duopj90-3-12-1 {
+._11pvd3z10-3-13-0._yj6voi0-3-13-0 ._duopj90-3-13-0, ._14k72815-3-13-0._yj6voi0-3-13-0 ~ ._duopj90-3-13-0, ._1ons7quc-3-13-0._yj6voi0-3-13-0 ._duopj90-3-13-0 {
   left: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
   right: auto;
 }
-._1ons7qub-3-12-1 ._yj6voi0-3-12-1 ._duopj90-3-12-1 {
+._1ons7qub-3-13-0 ._yj6voi0-3-13-0 ._duopj90-3-13-0 {
   left: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
   right: auto;
 }
-._1ons7qua-3-12-1 ._yj6voi0-3-12-1 ._duopj90-3-12-1 {
+._1ons7qua-3-13-0 ._yj6voi0-3-13-0 ._duopj90-3-13-0 {
   left: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
   right: auto;
 }
-._1ons7quc-3-12-1 ._yj6voi0-3-12-1 ._duopj90-3-12-1 {
+._1ons7quc-3-13-0 ._yj6voi0-3-13-0 ._duopj90-3-13-0 {
   left: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
   right: auto;
 }
-._14k72814-3-12-1 ._yj6voi0-3-12-1 ~ ._duopj90-3-12-1 {
+._14k72814-3-13-0 ._yj6voi0-3-13-0 ~ ._duopj90-3-13-0 {
   left: var(--dt-spacings-size-2, 2px);
   top: var(--dt-spacings-size-2, 2px);
   right: auto;
 }
-._14k72813-3-12-1 ._yj6voi0-3-12-1 ~ ._duopj90-3-12-1 {
+._14k72813-3-13-0 ._yj6voi0-3-13-0 ~ ._duopj90-3-13-0 {
   left: var(--dt-spacings-size-8, 8px);
   top: var(--dt-spacings-size-8, 8px);
   right: auto;
 }
-._14k72815-3-12-1 ._yj6voi0-3-12-1 ~ ._duopj90-3-12-1 {
+._14k72815-3-13-0 ._yj6voi0-3-13-0 ~ ._duopj90-3-13-0 {
   left: var(--dt-spacings-size-12, 12px);
   top: var(--dt-spacings-size-12, 12px);
   right: auto;
 }
-._duopj90-3-12-1[data-state="open"] {
+._duopj90-3-13-0[data-state="open"] {
   opacity: 1;
   pointer-events: auto;
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1ons7qu2-3-12-1:hover > ._duopj90-3-12-1, ._11pvd3z0-3-12-1 > ._duopj90-3-12-1 {
+._1ons7qu2-3-13-0:hover > ._duopj90-3-13-0, ._11pvd3z0-3-13-0 > ._duopj90-3-13-0 {
   opacity: 1;
   pointer-events: auto;
 }
-._1ons7qu2-3-12-1:focus-within > ._duopj90-3-12-1, ._11pvd3zt-3-12-1:focus-within > ._duopj90-3-12-1 {
+._1ons7qu2-3-13-0:focus-within > ._duopj90-3-13-0, ._11pvd3zt-3-13-0:focus-within > ._duopj90-3-13-0 {
   opacity: 1;
   pointer-events: auto;
 }
-._duopj91-3-12-1 {
+._duopj91-3-13-0 {
   appearance: none;
   border: 0;
   position: fixed;