@dynatrace/strato-components 3.12.2 → 3.13.0

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnTypes/ColumnTypes.tsx"],
-  "sourcesContent": ["import type {\n  TableFeatures,\n  CellData,\n  RowData,\n  ColumnDef,\n  ColumnMeta,\n  ColumnDefTemplate,\n  CellContext,\n} from '@tanstack/react-table';\nimport { type JSX, memo } from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport {\n  adjustFractionDigits,\n  format,\n  formatLong,\n  units,\n} from '@dynatrace-sdk/units';\n\nimport type {\n  DataTableColumnType,\n  DataTableGanttColumnConfig,\n  DataTableLogContentColumnConfig,\n  DataTableMarkdownColumnConfig,\n  DataTableSparklineColumnConfig,\n  DataTableTextColumnConfig,\n} from './column-types-types.js';\nimport { logContentWrapper } from './ColumnTypes.sty.js';\nimport type { Timeseries } from '../../../../charts/core/types/timeseries.js';\nimport { Sparkline } from '../../../../charts/sparkline/Sparkline.js';\nimport { Markdown } from '../../../../content/markdown/Markdown.js';\nimport { type Components } from '../../../../core/types/markdown/react-markdown.js';\nimport {\n  formatCurrencyDefault,\n  formatDatetimeDefault,\n} from '../../../../core/utils/default-formatters.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { convertToNumberIfPureNumber } from '../../../../core/utils/string-utils.js';\nimport { LogContentHighlight } from '../../../utils/log-content-highlighting.js';\nimport { replaceUrlsWithLinks } from '../../../utils/replace-urls-with-links.js';\nimport { DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT } from '../../constants.js';\nimport type { DataTableDisplayColumnDef } from '../../public.api.js';\nimport type { DataTableAlignmentColumnDef } from '../ColumnAlignment.js';\nimport {\n  DataTableGanttChartCell,\n  isGanttSegmentData,\n} from '../GanttChart/DataTableGanttChartCell.js';\nimport { DataTableGanttChartHeader } from '../GanttChart/DataTableGanttChartHeader.js';\nimport {\n  isMultiMeterBarData,\n  MeterBarChartRenderer,\n} from '../MeterBarChart/MeterBarChart.js';\n\n/**\n * Function that sets the column alignment and the custom cell renderer\n * based on the column type from the column definition\n * @param columnDef - column definition prop\n *\n * @returns the column alignment and the custom cell renderer based on the column type\n * @internal\n */\nexport function applyColumnTypes<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  columnDef: DataTableDisplayColumnDef<TData, TValue>,\n  composedDef: ColumnDef<TFeatures, TData, TValue>,\n): {\n  alignment?: DataTableAlignmentColumnDef['alignment'];\n  cell?: ColumnDefTemplate<CellContext<TFeatures, TData, TValue>>;\n  enableSorting?: boolean;\n  header?: string | (() => JSX.Element);\n  /**\n   * Enables user actions for a specific column type.\n   * If set to `true`, all user actions can be enabled, while `false` disables all user actions.\n   * Additionally, the configuration `{type: 'chart'}` ensures that only specific user actions are enabled.\n   */\n  enableUserActions?: boolean | { type: 'chart' };\n  meta?: ColumnMeta<TFeatures, TData, TValue>;\n} {\n  if (columnDef.cell !== undefined) {\n    return {};\n  }\n\n  const columnType = columnDef.columnType;\n  if (!columnType) {\n    return {};\n  }\n\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  if (columnType === 'date') {\n    devLog(\n      \"DataTable: columnType 'date' is deprecated and will be removed in a future release. Use 'datetime' instead.\",\n    );\n  }\n\n  let enableUserActions: boolean | { type: 'chart' } = true;\n\n  if (columnType === 'sparkline') {\n    columnDef.disableSorting = true;\n  }\n\n  if (columnType === 'meterbar') {\n    // disable sorting by default for meter bar columns\n    // for backwards compatibility,\n    // but allow user to override\n    columnDef.disableSorting ??= true;\n    enableUserActions = { type: 'chart' };\n  }\n\n  if (columnType === 'markdown') {\n    columnDef.disableSorting = true;\n  }\n\n  if (columnType === 'gantt') {\n    columnDef.disableSorting = true;\n    enableUserActions = false;\n    columnDef.header = () => (\n      <DataTableGanttChartHeader columnDef={columnDef} />\n    );\n    composedDef.meta = {\n      ...composedDef.meta,\n      hasCustomCellRenderer: true,\n      hasCustomHeaderRenderer: true,\n    };\n  }\n  if (columnType === 'log-content') {\n    composedDef.meta = {\n      ...composedDef.meta,\n      fontStyle: 'code',\n    };\n  }\n\n  return {\n    alignment: columnDef.alignment || getAlignmentBasedOnType(columnType),\n    cell: getCellTypeRenderer(columnType),\n    enableSorting: !columnDef.disableSorting,\n    header: columnDef.header,\n    enableUserActions,\n    meta: composedDef.meta,\n  };\n}\n\n/**\n * Gets text alignment of a column based on its type.\n * @internal\n */\nexport function getAlignmentBasedOnType(\n  columnType?: DataTableColumnType,\n): DataTableAlignmentColumnDef['alignment'] {\n  switch (columnType) {\n    case 'number':\n    case 'long':\n    case 'currency':\n    case 'bit':\n    case 'date': // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n    case 'datetime':\n      return 'right';\n    default:\n      return DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT;\n  }\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nexport function isDatatableGanttColumnConfig(\n  config: unknown,\n): config is DataTableGanttColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'nameAccessor' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableSparklineColumnConfig(\n  config: unknown,\n): config is DataTableSparklineColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    ('color' in config ||\n      'variant' in config ||\n      'gapPolicy' in config ||\n      'curve' in config ||\n      'showContextValues' in config ||\n      'xAxis' in config ||\n      'yAxis' in config)\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableMarkdownColumnConfig(\n  config: unknown,\n): config is DataTableMarkdownColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'customComponentMappings' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nexport function isDatatableLogContentColumnConfig(\n  config: unknown,\n): config is DataTableLogContentColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'truncationLimit' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableTextColumnConfig(\n  config: unknown,\n): config is DataTableTextColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'detectLinks' in config\n  );\n}\n\n// Create memo versions of the Sparkline and MeterBarChart here to avoid excessive\n// rerenders.\nconst SparklineMemo = memo(Sparkline);\nconst MeterbarMemo = memo(MeterBarChartRenderer);\n// Markdown component is also memoized here. In a follow-up we should look into\n// memoizing the root component, as it can be 100% controlled by its primitive props.\nconst MarkdownMemo = memo(Markdown);\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst DatetimeMemo = memo((props: { value: any }) => {\n  return (\n    <>\n      {formatDatetimeDefault(\n        new Date(convertToNumberIfPureNumber(props.value as string)),\n      )}\n    </>\n  );\n});\n\nconst CELL_TYPE_RENDERERS: Record<\n  string,\n  ColumnDefTemplate<CellContext<TableFeatures, RowData, CellData>>\n> = {\n  number: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber =\n        Number.isNaN(+cellValue) || cellValue === null\n          ? ''\n          : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? adjustFractionDigits(valueAsNumber)\n        : '';\n    }\n  },\n  long: (props) => {\n    const cellValue = props.getValue();\n    if (\n      cellValue === undefined ||\n      cellValue === null ||\n      Number.isNaN(cellValue)\n    ) {\n      return '';\n    } else if (\n      typeof cellValue === 'number' ||\n      typeof cellValue === 'bigint' ||\n      typeof cellValue === 'string'\n    ) {\n      return formatLong(cellValue);\n    }\n\n    return `${cellValue}`;\n  },\n  currency: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber =\n        Number.isNaN(+cellValue) || cellValue === null\n          ? ''\n          : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? // no currency (e.g. 'EUR', 'USD') provided \u2192 default format without currency symbol\n          formatCurrencyDefault(valueAsNumber)\n        : '';\n    }\n  },\n  bit: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber = Number.isNaN(+cellValue)\n        ? ''\n        : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? format(valueAsNumber, { input: units.data.bit })\n        : '';\n    }\n  },\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  date: (props) => {\n    const cellValue = props.getValue();\n\n    if (cellValue === null) {\n      return null;\n    }\n    return <DatetimeMemo value={cellValue} />;\n  },\n  datetime: (props) => {\n    const cellValue = props.getValue();\n\n    if (cellValue === null) {\n      return null;\n    }\n    return <DatetimeMemo value={cellValue} />;\n  },\n  text: (props) => {\n    const cellValue = props.getValue();\n    let detectLinks = true;\n    if (isDatatableTextColumnConfig(props.column.columnDef.meta?.config)) {\n      detectLinks = !!props.column.columnDef.meta?.config.detectLinks;\n    }\n    if (typeof cellValue !== 'string' || !detectLinks) {\n      return cellValue === undefined ||\n        cellValue === null ||\n        Number.isNaN(cellValue)\n        ? ''\n        : `${cellValue}`;\n    }\n    return replaceUrlsWithLinks(cellValue);\n  },\n  sparkline: (props) => {\n    let config: DataTableSparklineColumnConfig = {};\n    if (\n      props.column.columnDef.meta &&\n      isDatatableSparklineColumnConfig(props.column.columnDef.meta.config)\n    ) {\n      config = props.column.columnDef.meta.config;\n    }\n\n    const rowDensity = props.table.atoms.visualVariantConfig?.get().rowDensity;\n    return (\n      <SparklineMemo\n        data={props.getValue() as Timeseries[]}\n        color={config.color ?? Colors.Charts.Categorical.Color01.Default}\n        variant={config.variant ?? 'line'}\n        gapPolicy={config.gapPolicy ?? 'connect'}\n        curve={config.curve ?? 'linear'}\n        showContextValues={!!config?.showContextValues}\n        labelsAlignment=\"right\"\n        labelsFixedWidth={rowDensity === 'condensed' ? 36 : 42}\n      >\n        {config.xAxis && <Sparkline.XAxis {...config.xAxis} />}\n        {config.yAxis && <Sparkline.YAxis {...config.yAxis} />}\n      </SparklineMemo>\n    );\n  },\n  meterbar: (props) => {\n    const value = props.getValue();\n\n    if (typeof value === 'number' || isMultiMeterBarData(value)) {\n      return <MeterbarMemo value={value} column={props.column} />;\n    }\n    return '';\n  },\n  gantt: (props) => {\n    let config: DataTableGanttColumnConfig = { nameAccessor: 'name' };\n    if (\n      props.column.columnDef.meta &&\n      isDatatableGanttColumnConfig(props.column.columnDef.meta.config)\n    ) {\n      config = props.column.columnDef.meta.config;\n    }\n\n    const value = props.getValue();\n    const parentData = props.row.getParentRow()?.getValue(props.column.id);\n    const isGanttValue =\n      isGanttSegmentData(value) ||\n      (Array.isArray(value) && value.every(isGanttSegmentData));\n\n    const isGanttParentData =\n      parentData === undefined ||\n      isGanttSegmentData(parentData) ||\n      (Array.isArray(parentData) && parentData.every(isGanttSegmentData));\n\n    const pageRows = props.table.getPaginatedRowModel().rows;\n    const isLastPageRow = props.row.id === pageRows.at(-1)?.id;\n\n    if (isGanttValue && isGanttParentData) {\n      return (\n        <DataTableGanttChartCell\n          data={value}\n          parentData={parentData}\n          columnId={props.column.id}\n          config={config}\n          isLastPageRow={isLastPageRow}\n        />\n      );\n    }\n\n    return '';\n  },\n  markdown: (props) => {\n    const config = props.column.columnDef.meta?.config;\n    const customComponentMappings: Components | undefined =\n      isDatatableMarkdownColumnConfig(config)\n        ? config?.customComponentMappings\n        : undefined;\n\n    const value = props.getValue();\n    if (value !== null && value !== undefined && typeof value === 'string') {\n      return (\n        <MarkdownMemo customComponentMappings={customComponentMappings}>\n          {value}\n        </MarkdownMemo>\n      );\n    }\n    return '';\n  },\n  'log-content': (props) => {\n    const cellValue = props.getValue();\n\n    if (typeof cellValue === 'string') {\n      const isColumnLineWrap = props.column.getIsLineWrapped();\n      const config = props.column.columnDef.meta?.config;\n      const truncationLimit = isDatatableLogContentColumnConfig(config)\n        ? config?.truncationLimit\n        : undefined;\n\n      return (\n        <div className={logContentWrapper({ linewrap: isColumnLineWrap })}>\n          <LogContentHighlight\n            logContent={cellValue}\n            lineWrap={isColumnLineWrap}\n            truncationLimit={truncationLimit}\n          />\n        </div>\n      );\n    }\n\n    return '';\n  },\n};\n\n/**\n * Returns matching cell renderer for each of the different column types so\n * the values are displayed correctly.\n */\nfunction getCellTypeRenderer(\n  columnType: DataTableColumnType,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): ColumnDefTemplate<CellContext<any, any>> | undefined {\n  return CELL_TYPE_RENDERERS[columnType] ?? CELL_TYPE_RENDERERS.text;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type {\n  CellData,\n  RowData,\n  ColumnDef,\n  ColumnMeta,\n  ColumnDefTemplate,\n  CellContext,\n} from '@tanstack/react-table';\nimport { type JSX, memo } from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport {\n  adjustFractionDigits,\n  format,\n  formatLong,\n  units,\n} from '@dynatrace-sdk/units';\n\nimport type {\n  DataTableColumnType,\n  DataTableGanttColumnConfig,\n  DataTableLogContentColumnConfig,\n  DataTableMarkdownColumnConfig,\n  DataTableSparklineColumnConfig,\n  DataTableTextColumnConfig,\n} from './column-types-types.js';\nimport { logContentWrapper } from './ColumnTypes.sty.js';\nimport type { Timeseries } from '../../../../charts/core/types/timeseries.js';\nimport { Sparkline } from '../../../../charts/sparkline/Sparkline.js';\nimport { Markdown } from '../../../../content/markdown/Markdown.js';\nimport { type Components } from '../../../../core/types/markdown/react-markdown.js';\nimport {\n  formatCurrencyDefault,\n  formatDatetimeDefault,\n} from '../../../../core/utils/default-formatters.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { convertToNumberIfPureNumber } from '../../../../core/utils/string-utils.js';\nimport { LogContentHighlight } from '../../../utils/log-content-highlighting.js';\nimport { replaceUrlsWithLinks } from '../../../utils/replace-urls-with-links.js';\nimport { DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT } from '../../constants.js';\nimport type { DataTableDisplayColumnDef } from '../../public.api.js';\nimport type { DataTableAlignmentColumnDef } from '../ColumnAlignment.js';\nimport {\n  DataTableGanttChartCell,\n  isGanttSegmentData,\n} from '../GanttChart/DataTableGanttChartCell.js';\nimport { DataTableGanttChartHeader } from '../GanttChart/DataTableGanttChartHeader.js';\nimport {\n  isMultiMeterBarData,\n  MeterBarChartRenderer,\n} from '../MeterBarChart/MeterBarChart.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Function that sets the column alignment and the custom cell renderer\n * based on the column type from the column definition\n * @param columnDef - column definition prop\n *\n * @returns the column alignment and the custom cell renderer based on the column type\n * @internal\n */\nexport function applyColumnTypes<\n  TData extends RowData,\n  TValue extends CellData,\n>(\n  columnDef: DataTableDisplayColumnDef<TData, TValue>,\n  composedDef: ColumnDef<TDataTableFeatures, TData, TValue>,\n): {\n  alignment?: DataTableAlignmentColumnDef['alignment'];\n  cell?: ColumnDefTemplate<CellContext<TDataTableFeatures, TData, TValue>>;\n  enableSorting?: boolean;\n  header?: string | (() => JSX.Element);\n  /**\n   * Enables user actions for a specific column type.\n   * If set to `true`, all user actions can be enabled, while `false` disables all user actions.\n   * Additionally, the configuration `{type: 'chart'}` ensures that only specific user actions are enabled.\n   */\n  enableUserActions?: boolean | { type: 'chart' };\n  meta?: ColumnMeta<TDataTableFeatures, TData, TValue>;\n} {\n  if (columnDef.cell !== undefined) {\n    return {};\n  }\n\n  const columnType = columnDef.columnType;\n  if (!columnType) {\n    return {};\n  }\n\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  if (columnType === 'date') {\n    devLog(\n      \"DataTable: columnType 'date' is deprecated and will be removed in a future release. Use 'datetime' instead.\",\n    );\n  }\n\n  let enableUserActions: boolean | { type: 'chart' } = true;\n\n  if (columnType === 'sparkline') {\n    columnDef.disableSorting = true;\n  }\n\n  if (columnType === 'meterbar') {\n    // disable sorting by default for meter bar columns\n    // for backwards compatibility,\n    // but allow user to override\n    columnDef.disableSorting ??= true;\n    enableUserActions = { type: 'chart' };\n  }\n\n  if (columnType === 'markdown') {\n    columnDef.disableSorting = true;\n  }\n\n  if (columnType === 'gantt') {\n    columnDef.disableSorting = true;\n    enableUserActions = false;\n    columnDef.header = () => (\n      <DataTableGanttChartHeader columnDef={columnDef} />\n    );\n    composedDef.meta = {\n      ...composedDef.meta,\n      hasCustomCellRenderer: true,\n      hasCustomHeaderRenderer: true,\n    };\n  }\n  if (columnType === 'log-content') {\n    composedDef.meta = {\n      ...composedDef.meta,\n      fontStyle: 'code',\n    };\n  }\n\n  return {\n    alignment: columnDef.alignment || getAlignmentBasedOnType(columnType),\n    cell: getCellTypeRenderer(columnType),\n    enableSorting: !columnDef.disableSorting,\n    header: columnDef.header,\n    enableUserActions,\n    meta: composedDef.meta,\n  };\n}\n\n/**\n * Gets text alignment of a column based on its type.\n * @internal\n */\nexport function getAlignmentBasedOnType(\n  columnType?: DataTableColumnType,\n): DataTableAlignmentColumnDef['alignment'] {\n  switch (columnType) {\n    case 'number':\n    case 'long':\n    case 'currency':\n    case 'bit':\n    case 'date': // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n    case 'datetime':\n      return 'right';\n    default:\n      return DATA_TABLE_DEFAULT_HORIZONTAL_ALIGNMENT;\n  }\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nexport function isDatatableGanttColumnConfig(\n  config: unknown,\n): config is DataTableGanttColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'nameAccessor' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableSparklineColumnConfig(\n  config: unknown,\n): config is DataTableSparklineColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    ('color' in config ||\n      'variant' in config ||\n      'gapPolicy' in config ||\n      'curve' in config ||\n      'showContextValues' in config ||\n      'xAxis' in config ||\n      'yAxis' in config)\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableMarkdownColumnConfig(\n  config: unknown,\n): config is DataTableMarkdownColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'customComponentMappings' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nexport function isDatatableLogContentColumnConfig(\n  config: unknown,\n): config is DataTableLogContentColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'truncationLimit' in config\n  );\n}\n\n/**\n * Typeguard function ensures that the defined config in the column definition contains certain properties.\n * @internal\n */\nfunction isDatatableTextColumnConfig(\n  config: unknown,\n): config is DataTableTextColumnConfig {\n  return (\n    config !== null &&\n    config !== undefined &&\n    typeof config === 'object' &&\n    'detectLinks' in config\n  );\n}\n\n// Create memo versions of the Sparkline and MeterBarChart here to avoid excessive\n// rerenders.\nconst SparklineMemo = memo(Sparkline);\nconst MeterbarMemo = memo(MeterBarChartRenderer);\n// Markdown component is also memoized here. In a follow-up we should look into\n// memoizing the root component, as it can be 100% controlled by its primitive props.\nconst MarkdownMemo = memo(Markdown);\n// oxlint-disable-next-line typescript/no-explicit-any\nconst DatetimeMemo = memo((props: { value: any }) => {\n  return (\n    <>\n      {formatDatetimeDefault(\n        new Date(convertToNumberIfPureNumber(props.value as string)),\n      )}\n    </>\n  );\n});\n\nconst CELL_TYPE_RENDERERS: Record<\n  string,\n  ColumnDefTemplate<CellContext<TDataTableFeatures, RowData, CellData>>\n> = {\n  number: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber =\n        Number.isNaN(+cellValue) || cellValue === null\n          ? ''\n          : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? adjustFractionDigits(valueAsNumber)\n        : '';\n    }\n  },\n  long: (props) => {\n    const cellValue = props.getValue();\n    if (\n      cellValue === undefined ||\n      cellValue === null ||\n      Number.isNaN(cellValue)\n    ) {\n      return '';\n    } else if (\n      typeof cellValue === 'number' ||\n      typeof cellValue === 'bigint' ||\n      typeof cellValue === 'string'\n    ) {\n      return formatLong(cellValue);\n    }\n\n    return `${cellValue}`;\n  },\n  currency: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber =\n        Number.isNaN(+cellValue) || cellValue === null\n          ? ''\n          : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? // no currency (e.g. 'EUR', 'USD') provided \u2192 default format without currency symbol\n          formatCurrencyDefault(valueAsNumber)\n        : '';\n    }\n  },\n  bit: (props) => {\n    const cellValue = props.getValue();\n    if (typeof cellValue === 'string' || typeof cellValue === 'number') {\n      const valueAsNumber = Number.isNaN(+cellValue)\n        ? ''\n        : convertToNumberIfPureNumber(cellValue as string);\n\n      return typeof valueAsNumber === 'number'\n        ? format(valueAsNumber, { input: units.data.bit })\n        : '';\n    }\n  },\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  date: (props) => {\n    const cellValue = props.getValue();\n\n    if (cellValue === null) {\n      return null;\n    }\n    return <DatetimeMemo value={cellValue} />;\n  },\n  datetime: (props) => {\n    const cellValue = props.getValue();\n\n    if (cellValue === null) {\n      return null;\n    }\n    return <DatetimeMemo value={cellValue} />;\n  },\n  text: (props) => {\n    const cellValue = props.getValue();\n    let detectLinks = true;\n    if (isDatatableTextColumnConfig(props.column.columnDef.meta?.config)) {\n      detectLinks = !!props.column.columnDef.meta?.config.detectLinks;\n    }\n    if (typeof cellValue !== 'string' || !detectLinks) {\n      return cellValue === undefined ||\n        cellValue === null ||\n        Number.isNaN(cellValue)\n        ? ''\n        : `${cellValue}`;\n    }\n    return replaceUrlsWithLinks(cellValue);\n  },\n  sparkline: (props) => {\n    let config: DataTableSparklineColumnConfig = {};\n    if (\n      props.column.columnDef.meta &&\n      isDatatableSparklineColumnConfig(props.column.columnDef.meta.config)\n    ) {\n      config = props.column.columnDef.meta.config;\n    }\n\n    const rowDensity = props.table.atoms.visualVariantConfig?.get().rowDensity;\n    return (\n      <SparklineMemo\n        data={props.getValue() as Timeseries[]}\n        color={config.color ?? Colors.Charts.Categorical.Color01.Default}\n        variant={config.variant ?? 'line'}\n        gapPolicy={config.gapPolicy ?? 'connect'}\n        curve={config.curve ?? 'linear'}\n        showContextValues={!!config?.showContextValues}\n        labelsAlignment=\"right\"\n        labelsFixedWidth={rowDensity === 'condensed' ? 36 : 42}\n      >\n        {config.xAxis && <Sparkline.XAxis {...config.xAxis} />}\n        {config.yAxis && <Sparkline.YAxis {...config.yAxis} />}\n      </SparklineMemo>\n    );\n  },\n  meterbar: (props) => {\n    const value = props.getValue();\n\n    if (typeof value === 'number' || isMultiMeterBarData(value)) {\n      return <MeterbarMemo value={value} column={props.column} />;\n    }\n    return '';\n  },\n  gantt: (props) => {\n    let config: DataTableGanttColumnConfig = { nameAccessor: 'name' };\n    if (\n      props.column.columnDef.meta &&\n      isDatatableGanttColumnConfig(props.column.columnDef.meta.config)\n    ) {\n      config = props.column.columnDef.meta.config;\n    }\n\n    const value = props.getValue();\n    const parentData = props.row.getParentRow()?.getValue(props.column.id);\n    const isGanttValue =\n      isGanttSegmentData(value) ||\n      (Array.isArray(value) && value.every(isGanttSegmentData));\n\n    const isGanttParentData =\n      parentData === undefined ||\n      isGanttSegmentData(parentData) ||\n      (Array.isArray(parentData) && parentData.every(isGanttSegmentData));\n\n    const pageRows = props.table.getPaginatedRowModel().rows;\n    const isLastPageRow = props.row.id === pageRows.at(-1)?.id;\n\n    if (isGanttValue && isGanttParentData) {\n      return (\n        <DataTableGanttChartCell\n          data={value}\n          parentData={parentData}\n          columnId={props.column.id}\n          config={config}\n          isLastPageRow={isLastPageRow}\n        />\n      );\n    }\n\n    return '';\n  },\n  markdown: (props) => {\n    const config = props.column.columnDef.meta?.config;\n    const customComponentMappings: Components | undefined =\n      isDatatableMarkdownColumnConfig(config)\n        ? config?.customComponentMappings\n        : undefined;\n\n    const value = props.getValue();\n    if (value !== null && value !== undefined && typeof value === 'string') {\n      return (\n        <MarkdownMemo customComponentMappings={customComponentMappings}>\n          {value}\n        </MarkdownMemo>\n      );\n    }\n    return '';\n  },\n  'log-content': (props) => {\n    const cellValue = props.getValue();\n\n    if (typeof cellValue === 'string') {\n      const isColumnLineWrap = props.column.getIsLineWrapped();\n      const config = props.column.columnDef.meta?.config;\n      const truncationLimit = isDatatableLogContentColumnConfig(config)\n        ? config?.truncationLimit\n        : undefined;\n\n      return (\n        <div className={logContentWrapper({ linewrap: isColumnLineWrap })}>\n          <LogContentHighlight\n            logContent={cellValue}\n            lineWrap={isColumnLineWrap}\n            truncationLimit={truncationLimit}\n          />\n        </div>\n      );\n    }\n\n    return '';\n  },\n};\n\n/**\n * Returns matching cell renderer for each of the different column types so\n * the values are displayed correctly.\n */\nfunction getCellTypeRenderer(\n  columnType: DataTableColumnType,\n  // oxlint-disable-next-line typescript/no-explicit-any\n): ColumnDefTemplate<CellContext<any, any>> | undefined {\n  return CELL_TYPE_RENDERERS[columnType] ?? CELL_TYPE_RENDERERS.text;\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,6 +1,6 @@
 import "./ColumnTypes.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-12-2", variantClassNames: { linewrap: { false: "_19nyr521-3-12-2" } }, defaultVariants: {}, compoundVariants: [] });
+var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-13-0", variantClassNames: { linewrap: { false: "_19nyr521-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   logContentWrapper
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnTypes/ColumnTypes.css.ts"],
-  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-12-2',variantClassNames:{linewrap:{false:'_19nyr521-3-12-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-13-0',variantClassNames:{linewrap:{false:'_19nyr521-3-13-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,UAAS,EAAC,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

@@ -7,10 +7,14 @@ import {
   column_getIsVisible,
   column_getLeafColumns,
   table_getCenterVisibleLeafColumns,
-  table_getLeftVisibleLeafColumns,
-  table_getRightVisibleLeafColumns,
+  table_getStartVisibleLeafColumns,
+  table_getEndVisibleLeafColumns,
   table_getVisibleLeafColumns
 } from "@tanstack/react-table/static-functions";
+import {
+  createPrototypeConstructor,
+  createTableConstructor
+} from "../types/table.types.js";
 function getCanHide(table, column, isHideable) {
   if (table.options.enableHiding === false) {
     return false;
@@ -25,9 +29,9 @@ function isParentColumnHideable(childColumns) {
 }
 function table_getOrderedVisibleLeafColumns(table) {
   return [
-    ...table_getLeftVisibleLeafColumns(table),
+    ...table_getStartVisibleLeafColumns(table),
     ...table_getCenterVisibleLeafColumns(table),
-    ...table_getRightVisibleLeafColumns(table)
+    ...table_getEndVisibleLeafColumns(table)
   ];
 }
 function table_getVisibleLeafColumnsWithoutBuiltin(table) {
@@ -51,7 +55,7 @@ function table_getVisibleVirtualColumnIdsWithoutBuiltin(table) {
   );
 }
 function column_getIsLastVisibleColumn(column) {
-  const lastVisibleLeafColumnId = table_getRightVisibleLeafColumns(column.table).at(-1)?.id ?? table_getCenterVisibleLeafColumns(column.table).at(-1)?.id;
+  const lastVisibleLeafColumnId = table_getEndVisibleLeafColumns(column.table).at(-1)?.id ?? table_getCenterVisibleLeafColumns(column.table).at(-1)?.id;
   return column.id === lastVisibleLeafColumnId || column.columns.some(
     (childColumn) => childColumn.id === lastVisibleLeafColumnId
   );
@@ -68,13 +72,13 @@ function column_getCenterVisibleLeafColumns(column) {
 }
 function column_getLeftVisibleLeafColumns(column) {
   const ids = new Set(column_getVisibleLeafColumns(column).map((c) => c.id));
-  return table_getLeftVisibleLeafColumns(column.table).filter(
+  return table_getStartVisibleLeafColumns(column.table).filter(
     (c) => ids.has(c.id)
   );
 }
 function column_getRightVisibleLeafColumns(column) {
   const ids = new Set(column_getVisibleLeafColumns(column).map((c) => c.id));
-  return table_getRightVisibleLeafColumns(column.table).filter(
+  return table_getEndVisibleLeafColumns(column.table).filter(
     (c) => ids.has(c.id)
   );
 }
@@ -83,93 +87,97 @@ function column_getCanHide(column) {
 }
 function constructColumnVisiblityFeature() {
   return {
-    assignColumnPrototype: (prototype, table) => {
-      assignPrototypeAPIs("columnVisibilityFeature", prototype, table, {
-        column_getIsLastVisibleColumn: {
-          fn: (column) => column_getIsLastVisibleColumn(column),
-          memoDeps: () => [
-            table.atoms.columnVisibility?.get(),
-            table.atoms.columnPinning?.get(),
-            table.options.columns
-          ]
-        },
-        column_getVisibleLeafColumns: {
-          fn: (column) => column_getVisibleLeafColumns(column),
-          memoDeps: () => [
-            table.atoms.columnVisibility?.get(),
-            table.atoms.columnOrder?.get(),
-            table.options.columns
-          ]
-        },
-        column_getCenterVisibleLeafColumns: {
-          fn: (column) => column_getCenterVisibleLeafColumns(column),
-          memoDeps: () => [
-            table.atoms.columnVisibility?.get(),
-            table.atoms.columnPinning?.get(),
-            table.atoms.columnOrder?.get(),
-            table.options.columns
-          ]
-        },
-        column_getLeftVisibleLeafColumns: {
-          fn: (column) => column_getLeftVisibleLeafColumns(column),
-          memoDeps: () => [
-            table.atoms.columnVisibility?.get(),
-            table.atoms.columnPinning?.get()?.left,
-            table.atoms.columnOrder?.get(),
-            table.options.columns
-          ]
-        },
-        column_getRightVisibleLeafColumns: {
-          fn: (column) => column_getRightVisibleLeafColumns(column),
-          memoDeps: () => [
-            table.atoms.columnVisibility?.get(),
-            table.atoms.columnPinning?.get()?.right,
-            table.atoms.columnOrder?.get(),
-            table.options.columns
-          ]
-        },
-        column_getCanHide: {
-          fn: (column) => column_getCanHide(column)
-        }
-      });
-    },
-    constructTableAPIs: (table) => {
-      assignTableAPIs("columnVisibilityFeature", table, {
-        table_getAllLeafColumnsWithoutBuiltin: {
-          fn: (leafColumns) => table_getAllLeafColumnsWithoutBuiltin(table, leafColumns),
-          memoDeps: () => [table.getAllLeafColumns()]
-        },
-        table_getOrderedVisibleLeafColumns: {
-          fn: () => table_getOrderedVisibleLeafColumns(table),
-          memoDeps: () => [
-            table.atoms.columnVisibility?.get(),
-            table.atoms.columnPinning?.get(),
-            table.atoms.columnOrder?.get(),
-            table.options.columns
-          ]
-        },
-        table_getVisibleLeafColumnsWithoutBuiltin: {
-          fn: () => table_getVisibleLeafColumnsWithoutBuiltin(table),
-          memoDeps: () => [
-            table.atoms.columnVisibility?.get(),
-            table.atoms.columnOrder?.get(),
-            table.options.columns
-          ]
-        },
-        table_getCenterVisibleLeafColumnsWithoutBuiltIn: {
-          fn: () => table_getCenterVisibleLeafColumnsWithoutBuiltIn(table),
-          memoDeps: () => [
-            table.atoms.columnVisibility?.get(),
-            table.atoms.columnPinning?.get(),
-            table.atoms.columnOrder?.get(),
-            table.options.columns
-          ]
-        },
-        table_getVisibleVirtualColumnIdsWithoutBuiltin: {
-          fn: () => table_getVisibleVirtualColumnIdsWithoutBuiltin(table)
-        }
-      });
-    }
+    assignColumnPrototype: createPrototypeConstructor(
+      (prototype, table) => {
+        assignPrototypeAPIs("columnVisibilityFeature", prototype, table, {
+          column_getIsLastVisibleColumn: {
+            fn: (column) => column_getIsLastVisibleColumn(column),
+            memoDeps: () => [
+              table.atoms.columnVisibility?.get(),
+              table.atoms.columnPinning?.get(),
+              table.options.columns
+            ]
+          },
+          column_getVisibleLeafColumns: {
+            fn: (column) => column_getVisibleLeafColumns(column),
+            memoDeps: () => [
+              table.atoms.columnVisibility?.get(),
+              table.atoms.columnOrder?.get(),
+              table.options.columns
+            ]
+          },
+          column_getCenterVisibleLeafColumns: {
+            fn: (column) => column_getCenterVisibleLeafColumns(column),
+            memoDeps: () => [
+              table.atoms.columnVisibility?.get(),
+              table.atoms.columnPinning?.get(),
+              table.atoms.columnOrder?.get(),
+              table.options.columns
+            ]
+          },
+          column_getLeftVisibleLeafColumns: {
+            fn: (column) => column_getLeftVisibleLeafColumns(column),
+            memoDeps: () => [
+              table.atoms.columnVisibility?.get(),
+              table.atoms.columnPinning?.get()?.start,
+              table.atoms.columnOrder?.get(),
+              table.options.columns
+            ]
+          },
+          column_getRightVisibleLeafColumns: {
+            fn: (column) => column_getRightVisibleLeafColumns(column),
+            memoDeps: () => [
+              table.atoms.columnVisibility?.get(),
+              table.atoms.columnPinning?.get()?.end,
+              table.atoms.columnOrder?.get(),
+              table.options.columns
+            ]
+          },
+          column_getCanHide: {
+            fn: (column) => column_getCanHide(column)
+          }
+        });
+      }
+    ),
+    constructTableAPIs: createTableConstructor(
+      (table) => {
+        assignTableAPIs("columnVisibilityFeature", table, {
+          table_getAllLeafColumnsWithoutBuiltin: {
+            fn: (leafColumns) => table_getAllLeafColumnsWithoutBuiltin(table, leafColumns),
+            memoDeps: () => [table.getAllLeafColumns()]
+          },
+          table_getOrderedVisibleLeafColumns: {
+            fn: () => table_getOrderedVisibleLeafColumns(table),
+            memoDeps: () => [
+              table.atoms.columnVisibility?.get(),
+              table.atoms.columnPinning?.get(),
+              table.atoms.columnOrder?.get(),
+              table.options.columns
+            ]
+          },
+          table_getVisibleLeafColumnsWithoutBuiltin: {
+            fn: () => table_getVisibleLeafColumnsWithoutBuiltin(table),
+            memoDeps: () => [
+              table.atoms.columnVisibility?.get(),
+              table.atoms.columnOrder?.get(),
+              table.options.columns
+            ]
+          },
+          table_getCenterVisibleLeafColumnsWithoutBuiltIn: {
+            fn: () => table_getCenterVisibleLeafColumnsWithoutBuiltIn(table),
+            memoDeps: () => [
+              table.atoms.columnVisibility?.get(),
+              table.atoms.columnPinning?.get(),
+              table.atoms.columnOrder?.get(),
+              table.options.columns
+            ]
+          },
+          table_getVisibleVirtualColumnIdsWithoutBuiltin: {
+            fn: () => table_getVisibleVirtualColumnIdsWithoutBuiltin(table)
+          }
+        });
+      }
+    )
   };
 }
 const DataTableColumnVisiblityFeature = constructColumnVisiblityFeature();

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnVisibility/ColumnVisibility.tsx"],
-  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  type CellData,\n  type Column_Internal,\n  type RowData,\n  type Table,\n  type Table_Internal,\n  type TableFeature,\n  type TableFeatures,\n  type TableOptions_All,\n} from '@tanstack/react-table';\nimport {\n  column_getIsPinned,\n  column_getIsVisible,\n  column_getLeafColumns,\n  table_getCenterVisibleLeafColumns,\n  table_getLeftVisibleLeafColumns,\n  table_getRightVisibleLeafColumns,\n  table_getVisibleLeafColumns,\n} from '@tanstack/react-table/static-functions';\n\nimport type { ColumnVisibilityFeatureConstructors } from './column-visibility-types.js';\n\n/**\n * Helper function to not duplicate this logic for the slightly different use cases of user actions and column settings modal.\n * @internal\n */\nexport function getCanHide<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  table: Table<TFeatures, TData>,\n  column: Column_Internal<TFeatures, TData, TValue>,\n  isHideable: (\n    columns: Array<Column_Internal<TFeatures, TData, TValue>>,\n  ) => boolean,\n): boolean {\n  // The feature is disabled altogether.\n  if (\n    (table.options as TableOptions_All<TFeatures, TData>).enableHiding === false\n  ) {\n    return false;\n  }\n\n  // It is a leaf column, just look at the `enableHiding` for this column\n  if (!column.columns || column.columns.length === 0) {\n    return column.columnDef.enableHiding ?? true;\n  }\n\n  // It has sub-columns.\n  // `enableHiding` will be false if it's explicitly set to false\n  // Otherwise check the provided function\n  return column.columnDef.enableHiding === false\n    ? false\n    : isHideable(column.columns);\n}\n\n/**\n * @returns true if *all* child columns can be hidden, false otherwise.\n */\nfunction isParentColumnHideable<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(childColumns: Array<Column_Internal<TFeatures, TData, TValue>>): boolean {\n  return childColumns.every((c) => c.columnDef.enableHiding);\n}\n\nexport function table_getOrderedVisibleLeafColumns<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>) {\n  return [\n    ...table_getLeftVisibleLeafColumns(table),\n    ...table_getCenterVisibleLeafColumns(table),\n    ...table_getRightVisibleLeafColumns(table),\n  ];\n}\n\n/**\n * Helper function that provides an array of all visible leaf-node columns, excluding builtin columns.\n * @internal\n */\nexport function table_getVisibleLeafColumnsWithoutBuiltin<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>) {\n  return table_getVisibleLeafColumns(table).filter(\n    (leafColumn) => !leafColumn.columnDef.meta?.builtin,\n  );\n}\n\n/**\n * Helper function that provides an array of all visible leaf-node columns, excluding builtin columns.\n * @internal\n */\nexport function table_getAllLeafColumnsWithoutBuiltin<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(\n  table: Table_Internal<TFeatures, TData>,\n  allLeafColumns: Array<Column_Internal<TFeatures, TData>>,\n): Array<Column_Internal<TFeatures, TData>> {\n  return allLeafColumns.filter((column) => !column.columnDef.meta?.builtin);\n}\n\n/**\n * Helper function that provides an array of all center visible leaf-node columns, excluding builtin columns.\n * @internal\n */\nexport function table_getCenterVisibleLeafColumnsWithoutBuiltIn<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>) {\n  return table_getCenterVisibleLeafColumns(table).filter(\n    (leafColumn) => !leafColumn.columnDef.meta?.builtin,\n  );\n}\n\n/**\n * Helper function that provides the ids of all visible leaf-node columns that are currently rendered by the virtualizer, excluding builtin columns.\n * @internal\n */\nexport function table_getVisibleVirtualColumnIdsWithoutBuiltin<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(table: Table_Internal<TFeatures, TData>) {\n  const visibleLeafColumns = table_getVisibleLeafColumnsWithoutBuiltin(table);\n  const virtualColumns = table.getColumnVirtualizer()?.getVirtualItems() ?? [];\n\n  return virtualColumns.flatMap(\n    (virtualItem) => visibleLeafColumns.at(virtualItem.index)?.id ?? [],\n  );\n}\n\n/**\n * Helper function that provides an array of all visible leaf-node columns for a given column, excluding builtin columns.\n * @internal\n */\nexport function column_getIsLastVisibleColumn<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  // Find the last visible column, prioritizing right-pinned columns, then center columns\n  const lastVisibleLeafColumnId =\n    table_getRightVisibleLeafColumns(column.table).at(-1)?.id ??\n    table_getCenterVisibleLeafColumns(column.table).at(-1)?.id;\n\n  // return true if the current column or one of its child columns is the last visible column\n  return (\n    column.id === lastVisibleLeafColumnId ||\n    column.columns.some(\n      (childColumn) => childColumn.id === lastVisibleLeafColumnId,\n    )\n  );\n}\n\n/**\n * Helper function that provides an array of all visible leaf-node columns for a given column.\n * @internal\n */\nexport function column_getVisibleLeafColumns<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  return column_getLeafColumns(column).filter((leafColumn) =>\n    column_getIsVisible(leafColumn),\n  );\n}\n\n/**\n * Helper function that provides an array of all visible center leaf-node columns for a given column.\n * @internal\n */\nexport function column_getCenterVisibleLeafColumns<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  return column_getVisibleLeafColumns(column).filter(\n    (leafColumn) => !column_getIsPinned(leafColumn),\n  );\n}\n\n/**\n * Helper function that provides an array of all visible left leaf-node columns for a given column.\n * @internal\n */\nexport function column_getLeftVisibleLeafColumns<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  const ids = new Set(column_getVisibleLeafColumns(column).map((c) => c.id));\n  return table_getLeftVisibleLeafColumns(column.table).filter((c) =>\n    ids.has(c.id),\n  );\n}\n/**\n * Helper function that provides an array of all visible right leaf-node columns for a given column.\n * @internal\n */\nexport function column_getRightVisibleLeafColumns<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  const ids = new Set(column_getVisibleLeafColumns(column).map((c) => c.id));\n  return table_getRightVisibleLeafColumns(column.table).filter((c) =>\n    ids.has(c.id),\n  );\n}\n\n/**\n * Helper function that provides whether a column can be hidden or not, based on the `enableHiding` property of the column definition and its parent columns.\n * @internal\n */\nexport function column_getCanHide<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column_Internal<TFeatures, TData, TValue>) {\n  return getCanHide(column.table, column, isParentColumnHideable);\n}\n\n/**\n * Constructs the column visibility feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructColumnVisiblityFeature<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n>(): TableFeature<ColumnVisibilityFeatureConstructors<TFeatures, TData>> {\n  return {\n    assignColumnPrototype: (prototype, table) => {\n      assignPrototypeAPIs('columnVisibilityFeature', prototype, table, {\n        column_getIsLastVisibleColumn: {\n          fn: (column) => column_getIsLastVisibleColumn(column),\n          memoDeps: () => [\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnPinning?.get(),\n            table.options.columns,\n          ],\n        },\n        column_getVisibleLeafColumns: {\n          fn: (column) => column_getVisibleLeafColumns(column),\n          memoDeps: () => [\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnOrder?.get(),\n            table.options.columns,\n          ],\n        },\n        column_getCenterVisibleLeafColumns: {\n          fn: (column) => column_getCenterVisibleLeafColumns(column),\n          memoDeps: () => [\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnPinning?.get(),\n            table.atoms.columnOrder?.get(),\n            table.options.columns,\n          ],\n        },\n        column_getLeftVisibleLeafColumns: {\n          fn: (column) => column_getLeftVisibleLeafColumns(column),\n          memoDeps: () => [\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnPinning?.get()?.left,\n            table.atoms.columnOrder?.get(),\n            table.options.columns,\n          ],\n        },\n        column_getRightVisibleLeafColumns: {\n          fn: (column) => column_getRightVisibleLeafColumns(column),\n          memoDeps: () => [\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnPinning?.get()?.right,\n            table.atoms.columnOrder?.get(),\n            table.options.columns,\n          ],\n        },\n        column_getCanHide: {\n          fn: (column) => column_getCanHide(column),\n        },\n      });\n    },\n    constructTableAPIs: (table) => {\n      assignTableAPIs('columnVisibilityFeature', table, {\n        table_getAllLeafColumnsWithoutBuiltin: {\n          fn: (leafColumns) =>\n            table_getAllLeafColumnsWithoutBuiltin(table, leafColumns),\n          memoDeps: () => [table.getAllLeafColumns()],\n        },\n        table_getOrderedVisibleLeafColumns: {\n          fn: () => table_getOrderedVisibleLeafColumns(table),\n          memoDeps: () => [\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnPinning?.get(),\n            table.atoms.columnOrder?.get(),\n            table.options.columns,\n          ],\n        },\n        table_getVisibleLeafColumnsWithoutBuiltin: {\n          fn: () => table_getVisibleLeafColumnsWithoutBuiltin(table),\n          memoDeps: () => [\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnOrder?.get(),\n            table.options.columns,\n          ],\n        },\n        table_getCenterVisibleLeafColumnsWithoutBuiltIn: {\n          fn: () => table_getCenterVisibleLeafColumnsWithoutBuiltIn(table),\n          memoDeps: () => [\n            table.atoms.columnVisibility?.get(),\n            table.atoms.columnPinning?.get(),\n            table.atoms.columnOrder?.get(),\n            table.options.columns,\n          ],\n        },\n        table_getVisibleVirtualColumnIdsWithoutBuiltin: {\n          fn: () => table_getVisibleVirtualColumnIdsWithoutBuiltin(table),\n        },\n      });\n    },\n  };\n}\n\n/**\n * Additional feature implementation for column Visiblity.\n * @internal\n */\nexport const DataTableColumnVisiblityFeature =\n  constructColumnVisiblityFeature();\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  type CellData,\n  type Column,\n  type RowData,\n  type Table,\n  type TableFeature,\n  type TableOptions_All,\n} from '@tanstack/react-table';\nimport {\n  column_getIsPinned,\n  column_getIsVisible,\n  column_getLeafColumns,\n  table_getCenterVisibleLeafColumns,\n  table_getStartVisibleLeafColumns,\n  table_getEndVisibleLeafColumns,\n  table_getVisibleLeafColumns,\n} from '@tanstack/react-table/static-functions';\n\nimport type { TDataTableFeatures } from '../types/features.types.js';\nimport {\n  createPrototypeConstructor,\n  createTableConstructor,\n} from '../types/table.types.js';\n\n/**\n * Helper function to not duplicate this logic for the slightly different use cases of user actions and column settings modal.\n * @internal\n */\nexport function getCanHide<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  table: Table<TDataTableFeatures, TData>,\n  column: Column<TDataTableFeatures, TData, TValue>,\n  isHideable: (\n    columns: Array<Column<TDataTableFeatures, TData, TValue>>,\n  ) => boolean,\n): boolean {\n  // The feature is disabled altogether.\n  if (\n    (table.options as TableOptions_All<TDataTableFeatures, TData>)\n      .enableHiding === false\n  ) {\n    return false;\n  }\n\n  // It is a leaf column, just look at the `enableHiding` for this column\n  if (!column.columns || column.columns.length === 0) {\n    return column.columnDef.enableHiding ?? true;\n  }\n\n  // It has sub-columns.\n  // `enableHiding` will be false if it's explicitly set to false\n  // Otherwise check the provided function\n  return column.columnDef.enableHiding === false\n    ? false\n    : isHideable(column.columns);\n}\n\n/**\n * @returns true if *all* child columns can be hidden, false otherwise.\n */\nfunction isParentColumnHideable<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(childColumns: Array<Column<TDataTableFeatures, TData, TValue>>): boolean {\n  return childColumns.every((c) => c.columnDef.enableHiding);\n}\n\nexport function table_getOrderedVisibleLeafColumns<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n) {\n  return [\n    ...table_getStartVisibleLeafColumns(table),\n    ...table_getCenterVisibleLeafColumns(table),\n    ...table_getEndVisibleLeafColumns(table),\n  ];\n}\n\n/**\n * Helper function that provides an array of all visible leaf-node columns, excluding builtin columns.\n * @internal\n */\nexport function table_getVisibleLeafColumnsWithoutBuiltin<\n  TData extends RowData,\n>(table: Table<TDataTableFeatures, TData>) {\n  return table_getVisibleLeafColumns(table).filter(\n    (leafColumn) => !leafColumn.columnDef.meta?.builtin,\n  );\n}\n\n/**\n * Helper function that provides an array of all visible leaf-node columns, excluding builtin columns.\n * @internal\n */\nexport function table_getAllLeafColumnsWithoutBuiltin<TData extends RowData>(\n  table: Table<TDataTableFeatures, TData>,\n  allLeafColumns: Array<Column<TDataTableFeatures, TData>>,\n): Array<Column<TDataTableFeatures, TData>> {\n  return allLeafColumns.filter((column) => !column.columnDef.meta?.builtin);\n}\n\n/**\n * Helper function that provides an array of all center visible leaf-node columns, excluding builtin columns.\n * @internal\n */\nexport function table_getCenterVisibleLeafColumnsWithoutBuiltIn<\n  TData extends RowData,\n>(table: Table<TDataTableFeatures, TData>) {\n  return table_getCenterVisibleLeafColumns(table).filter(\n    (leafColumn) => !leafColumn.columnDef.meta?.builtin,\n  );\n}\n\n/**\n * Helper function that provides the ids of all visible leaf-node columns that are currently rendered by the virtualizer, excluding builtin columns.\n * @internal\n */\nexport function table_getVisibleVirtualColumnIdsWithoutBuiltin<\n  TData extends RowData,\n>(table: Table<TDataTableFeatures, TData>) {\n  const visibleLeafColumns = table_getVisibleLeafColumnsWithoutBuiltin(table);\n  const virtualColumns = table.getColumnVirtualizer()?.getVirtualItems() ?? [];\n\n  return virtualColumns.flatMap(\n    (virtualItem) => visibleLeafColumns.at(virtualItem.index)?.id ?? [],\n  );\n}\n\n/**\n * Helper function that provides an array of all visible leaf-node columns for a given column, excluding builtin columns.\n * @internal\n */\nexport function column_getIsLastVisibleColumn<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column<TDataTableFeatures, TData, TValue>) {\n  // Find the last visible column, prioritizing right-pinned columns, then center columns\n  const lastVisibleLeafColumnId =\n    table_getEndVisibleLeafColumns(column.table).at(-1)?.id ??\n    table_getCenterVisibleLeafColumns(column.table).at(-1)?.id;\n\n  // return true if the current column or one of its child columns is the last visible column\n  return (\n    column.id === lastVisibleLeafColumnId ||\n    column.columns.some(\n      (childColumn) => childColumn.id === lastVisibleLeafColumnId,\n    )\n  );\n}\n\n/**\n * Helper function that provides an array of all visible leaf-node columns for a given column.\n * @internal\n */\nexport function column_getVisibleLeafColumns<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column<TDataTableFeatures, TData, TValue>) {\n  return column_getLeafColumns(column).filter((leafColumn) =>\n    column_getIsVisible(leafColumn),\n  );\n}\n\n/**\n * Helper function that provides an array of all visible center leaf-node columns for a given column.\n * @internal\n */\nexport function column_getCenterVisibleLeafColumns<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column<TDataTableFeatures, TData, TValue>) {\n  return column_getVisibleLeafColumns(column).filter(\n    (leafColumn) => !column_getIsPinned(leafColumn),\n  );\n}\n\n/**\n * Helper function that provides an array of all visible left leaf-node columns for a given column.\n * @internal\n */\nexport function column_getLeftVisibleLeafColumns<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column<TDataTableFeatures, TData, TValue>) {\n  const ids = new Set(column_getVisibleLeafColumns(column).map((c) => c.id));\n  return table_getStartVisibleLeafColumns(column.table).filter((c) =>\n    ids.has(c.id),\n  );\n}\n/**\n * Helper function that provides an array of all visible right leaf-node columns for a given column.\n * @internal\n */\nexport function column_getRightVisibleLeafColumns<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column<TDataTableFeatures, TData, TValue>) {\n  const ids = new Set(column_getVisibleLeafColumns(column).map((c) => c.id));\n  return table_getEndVisibleLeafColumns(column.table).filter((c) =>\n    ids.has(c.id),\n  );\n}\n\n/**\n * Helper function that provides whether a column can be hidden or not, based on the `enableHiding` property of the column definition and its parent columns.\n * @internal\n */\nexport function column_getCanHide<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(column: Column<TDataTableFeatures, TData, TValue>) {\n  return getCanHide(column.table, column, isParentColumnHideable);\n}\n\n/**\n * Constructs the column visibility feature for the table,\n * including API implementations and prototype assignments.\n * @internal\n */\nexport function constructColumnVisiblityFeature(): TableFeature {\n  return {\n    assignColumnPrototype: createPrototypeConstructor(\n      (\n        prototype: Record<string, unknown>,\n        table: Table<TDataTableFeatures, RowData>,\n      ) => {\n        assignPrototypeAPIs('columnVisibilityFeature', prototype, table, {\n          column_getIsLastVisibleColumn: {\n            fn: (column) => column_getIsLastVisibleColumn(column),\n            memoDeps: () => [\n              table.atoms.columnVisibility?.get(),\n              table.atoms.columnPinning?.get(),\n              table.options.columns,\n            ],\n          },\n          column_getVisibleLeafColumns: {\n            fn: (column) => column_getVisibleLeafColumns(column),\n            memoDeps: () => [\n              table.atoms.columnVisibility?.get(),\n              table.atoms.columnOrder?.get(),\n              table.options.columns,\n            ],\n          },\n          column_getCenterVisibleLeafColumns: {\n            fn: (column) => column_getCenterVisibleLeafColumns(column),\n            memoDeps: () => [\n              table.atoms.columnVisibility?.get(),\n              table.atoms.columnPinning?.get(),\n              table.atoms.columnOrder?.get(),\n              table.options.columns,\n            ],\n          },\n          column_getLeftVisibleLeafColumns: {\n            fn: (column) => column_getLeftVisibleLeafColumns(column),\n            memoDeps: () => [\n              table.atoms.columnVisibility?.get(),\n              table.atoms.columnPinning?.get()?.start,\n              table.atoms.columnOrder?.get(),\n              table.options.columns,\n            ],\n          },\n          column_getRightVisibleLeafColumns: {\n            fn: (column) => column_getRightVisibleLeafColumns(column),\n            memoDeps: () => [\n              table.atoms.columnVisibility?.get(),\n              table.atoms.columnPinning?.get()?.end,\n              table.atoms.columnOrder?.get(),\n              table.options.columns,\n            ],\n          },\n          column_getCanHide: {\n            fn: (column) => column_getCanHide(column),\n          },\n        });\n      },\n    ),\n    constructTableAPIs: createTableConstructor(\n      (table: Table<TDataTableFeatures, RowData>) => {\n        assignTableAPIs('columnVisibilityFeature', table, {\n          table_getAllLeafColumnsWithoutBuiltin: {\n            fn: (leafColumns) =>\n              table_getAllLeafColumnsWithoutBuiltin(table, leafColumns),\n            memoDeps: () => [table.getAllLeafColumns()],\n          },\n          table_getOrderedVisibleLeafColumns: {\n            fn: () => table_getOrderedVisibleLeafColumns(table),\n            memoDeps: () => [\n              table.atoms.columnVisibility?.get(),\n              table.atoms.columnPinning?.get(),\n              table.atoms.columnOrder?.get(),\n              table.options.columns,\n            ],\n          },\n          table_getVisibleLeafColumnsWithoutBuiltin: {\n            fn: () => table_getVisibleLeafColumnsWithoutBuiltin(table),\n            memoDeps: () => [\n              table.atoms.columnVisibility?.get(),\n              table.atoms.columnOrder?.get(),\n              table.options.columns,\n            ],\n          },\n          table_getCenterVisibleLeafColumnsWithoutBuiltIn: {\n            fn: () => table_getCenterVisibleLeafColumnsWithoutBuiltIn(table),\n            memoDeps: () => [\n              table.atoms.columnVisibility?.get(),\n              table.atoms.columnPinning?.get(),\n              table.atoms.columnOrder?.get(),\n              table.options.columns,\n            ],\n          },\n          table_getVisibleVirtualColumnIdsWithoutBuiltin: {\n            fn: () => table_getVisibleVirtualColumnIdsWithoutBuiltin(table),\n          },\n        });\n      },\n    ),\n  };\n}\n\n/**\n * Additional feature implementation for column Visiblity.\n * @internal\n */\nexport const DataTableColumnVisiblityFeature =\n  constructColumnVisiblityFeature();\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnVisibility/useColumnVisibility.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnVisibility/useColumnVisibility.ts"],
-  "sourcesContent": ["import {\n  type CellData,\n  type ColumnDef,\n  type RowData,\n  type TableFeatures,\n  type TableOptions_All,\n  type TableOptions_Plugins,\n} from '@tanstack/react-table';\nimport { useMemo } from 'react';\n\nimport type {\n  DataTableColumnVisibilityProps,\n  DataTableColumnVisibilityState,\n} from './column-visibility-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.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 * Helper function that generates visibility state from original columns.\n * @internal\n */\nfunction getColumnVisibilityFromOriginalColumns<\n  TFeatures extends TableFeatures,\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  columnDefs: readonly ColumnDef<TFeatures, TData, TValue>[],\n): DataTableColumnVisibilityState {\n  const visibilityState: DataTableColumnVisibilityState = {};\n\n  for (const columnDef of columnDefs) {\n    if (isGroupColumnDef<TFeatures, TData>(columnDef) && columnDef.columns) {\n      const subColumnDefs = columnDef.columns;\n      for (const subColumnDef of subColumnDefs) {\n        if (subColumnDef.id) {\n          visibilityState[subColumnDef.id] = true;\n        }\n      }\n    }\n    // In our scenarios, we enforce id's on everything, but based on the tanstack types,\n    // they could still be undefined, hence the check here.\n    else if (columnDef.id) {\n      visibilityState[columnDef.id] = true;\n    }\n  }\n\n  return visibilityState;\n}\n\n/**\n * Configuration hook for the DataTable ColumnVisibility feature.\n * @internal\n */\nexport function useColumnVisibility<TData extends DataTableRowData>(\n  props: DataTableColumnVisibilityProps,\n  // Needs to use TableOptions_all here to work around the UnionToIntersection type not working correctly with plugins.\n  // Needs to join the TableOptions_Plugins because right now, they are not part of the TableOptions_all\n  options: TableOptions_All<TDataTableFeatures, Exclude<TData, unknown>> &\n    TableOptions_Plugins<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  const columnVisibilityConfig = useDataTableConfigElement('columnVisibility');\n\n  const [columnVisibility, onColumnVisibilityChange] = useControllableState({\n    value: props.columnVisibility ?? columnVisibilityConfig,\n    defaultValue: props.defaultColumnVisibility,\n    onChange: props.onColumnVisibilityChange,\n  });\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    columnVisibility,\n  };\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.onColumnVisibilityChange = onColumnVisibilityChange;\n  // eslint-disable-next-line react-hooks/immutability\n  options.originalColumnVisibility = useMemo(\n    () =>\n      props.defaultColumnVisibility ??\n      getColumnVisibilityFromOriginalColumns(options.columns),\n    [props.defaultColumnVisibility, options.columns],\n  );\n}\n"],
-  "mappings": "AAQA,SAAS,eAAe;AAMxB,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AAQjC,SAAS,uCAKP,YACgC;AAChC,QAAM,kBAAkD,CAAC;AAEzD,aAAW,aAAa,YAAY;AAClC,QAAI,iBAAmC,SAAS,KAAK,UAAU,SAAS;AACtE,YAAM,gBAAgB,UAAU;AAChC,iBAAW,gBAAgB,eAAe;AACxC,YAAI,aAAa,IAAI;AACnB,0BAAgB,aAAa,EAAE,IAAI;AAAA,QACrC;AAAA,MACF;AAAA,IACF,WAGS,UAAU,IAAI;AACrB,sBAAgB,UAAU,EAAE,IAAI;AAAA,IAClC;AAAA,EACF;AAEA,SAAO;AACT;AAMO,SAAS,oBACd,OAGA,SAEM;AACN,QAAM,yBAAyB,0BAA0B,kBAAkB;AAE3E,QAAM,CAAC,kBAAkB,wBAAwB,IAAI,qBAAqB;AAAA,IACxE,OAAO,MAAM,oBAAoB;AAAA,IACjC,cAAc,MAAM;AAAA,IACpB,UAAU,MAAM;AAAA,EAClB,CAAC;AAGD,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX;AAAA,EACF;AAGA,UAAQ,2BAA2B;AAEnC,UAAQ,2BAA2B;AAAA,IACjC,MACE,MAAM,2BACN,uCAAuC,QAAQ,OAAO;AAAA,IACxD,CAAC,MAAM,yBAAyB,QAAQ,OAAO;AAAA,EACjD;AACF;",
+  "sourcesContent": ["import {\n  type CellData,\n  type ColumnDef,\n  type RowData,\n} from '@tanstack/react-table';\nimport { useMemo } from 'react';\n\nimport type {\n  DataTableColumnVisibilityProps,\n  DataTableColumnVisibilityState,\n} from './column-visibility-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.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 * Helper function that generates visibility state from original columns.\n * @internal\n */\nfunction getColumnVisibilityFromOriginalColumns<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>(\n  columnDefs: readonly ColumnDef<TDataTableFeatures, TData, TValue>[],\n): DataTableColumnVisibilityState {\n  const visibilityState: DataTableColumnVisibilityState = {};\n\n  for (const columnDef of columnDefs) {\n    if (\n      isGroupColumnDef<TDataTableFeatures, TData>(columnDef) &&\n      columnDef.columns\n    ) {\n      const subColumnDefs = columnDef.columns;\n      for (const subColumnDef of subColumnDefs) {\n        if (subColumnDef.id) {\n          visibilityState[subColumnDef.id] = true;\n        }\n      }\n    }\n    // In our scenarios, we enforce id's on everything, but based on the tanstack types,\n    // they could still be undefined, hence the check here.\n    else if (columnDef.id) {\n      visibilityState[columnDef.id] = true;\n    }\n  }\n\n  return visibilityState;\n}\n\n/**\n * Configuration hook for the DataTable ColumnVisibility feature.\n * @internal\n */\nexport function useColumnVisibility<TData extends DataTableRowData>(\n  props: DataTableColumnVisibilityProps,\n  options: DataTableOptions<Exclude<TData, unknown>>,\n): void {\n  const columnVisibilityConfig = useDataTableConfigElement('columnVisibility');\n\n  const [columnVisibility, onColumnVisibilityChange] = useControllableState({\n    value: props.columnVisibility ?? columnVisibilityConfig,\n    defaultValue: props.defaultColumnVisibility,\n    onChange: props.onColumnVisibilityChange,\n  });\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    columnVisibility,\n  };\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.onColumnVisibilityChange = onColumnVisibilityChange;\n  // eslint-disable-next-line react-hooks/immutability\n  options.originalColumnVisibility = useMemo(\n    () =>\n      props.defaultColumnVisibility ??\n      getColumnVisibilityFromOriginalColumns(options.columns),\n    [props.defaultColumnVisibility, options.columns],\n  );\n}\n"],
+  "mappings": "AAKA,SAAS,eAAe;AAMxB,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AASjC,SAAS,uCAIP,YACgC;AAChC,QAAM,kBAAkD,CAAC;AAEzD,aAAW,aAAa,YAAY;AAClC,QACE,iBAA4C,SAAS,KACrD,UAAU,SACV;AACA,YAAM,gBAAgB,UAAU;AAChC,iBAAW,gBAAgB,eAAe;AACxC,YAAI,aAAa,IAAI;AACnB,0BAAgB,aAAa,EAAE,IAAI;AAAA,QACrC;AAAA,MACF;AAAA,IACF,WAGS,UAAU,IAAI;AACrB,sBAAgB,UAAU,EAAE,IAAI;AAAA,IAClC;AAAA,EACF;AAEA,SAAO;AACT;AAMO,SAAS,oBACd,OACA,SACM;AACN,QAAM,yBAAyB,0BAA0B,kBAAkB;AAE3E,QAAM,CAAC,kBAAkB,wBAAwB,IAAI,qBAAqB;AAAA,IACxE,OAAO,MAAM,oBAAoB;AAAA,IACjC,cAAc,MAAM;AAAA,IACpB,UAAU,MAAM;AAAA,EAClB,CAAC;AAGD,UAAQ,QAAQ;AAAA,IACd,GAAG,QAAQ;AAAA,IACX;AAAA,EACF;AAGA,UAAQ,2BAA2B;AAEnC,UAAQ,2BAA2B;AAAA,IACjC,MACE,MAAM,2BACN,uCAAuC,QAAQ,OAAO;AAAA,IACxD,CAAC,MAAM,yBAAyB,QAAQ,OAAO;AAAA,EACjD;AACF;",
   "names": []
 }

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

@@ -11,24 +11,25 @@ function useDataTableConfigRef(forwardedRef, columnSettingsModalRef, table, prop
   const configRowThresholds = useDataTableConfigElement("rowThresholds");
   useImperativeHandle(forwardedRef, () => ({
     element: containerRef.current,
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
+    // @ts-expect-error: the `getConfig()` return type doesn't exactly satisfy `DataTableRef`'s `DataTableConfig` requirement due to internal table state type casting
     getConfig() {
+      const columnVisibility = table.atoms.columnVisibility?.get();
+      const pagination = table.atoms.pagination?.get();
       return {
         pagination: {
-          defaultPageIndex: table.store.state.pagination?.pageIndex,
-          defaultPageSize: table.store.state.pagination?.pageSize
+          defaultPageIndex: pagination?.pageIndex,
+          defaultPageSize: pagination?.pageSize
         },
-        columnVisibility: table.store.state.columnVisibility,
-        fullWidth: table.optionsStore.state.layout?.fullWidth,
-        fullHeight: table.optionsStore.state.layout?.fullHeight,
-        lineWrap: table.store.state.columnLineWrap,
-        resizable: table.optionsStore.state.enableColumnResizing,
-        selectableRows: table.optionsStore.state.enableRowSelection,
+        columnVisibility: columnVisibility && Object.keys(columnVisibility).length > 0 ? columnVisibility : void 0,
+        fullWidth: table.options.layout?.fullWidth,
+        fullHeight: table.options.layout?.fullHeight,
+        lineWrap: table.atoms.columnLineWrap?.get(),
+        resizable: table.options.enableColumnResizing,
+        selectableRows: table.options.enableRowSelection,
         // NOTE: typecast necessary due to generic resolving to unknown
         rowThresholds: props.rowThresholds ?? configRowThresholds,
-        sortable: table.optionsStore.state.enableSorting,
-        variant: table.store.state.visualVariantConfig
+        sortable: table.options.enableSorting,
+        variant: table.atoms.visualVariantConfig?.get()
       };
     },
     downloadData(subset, excludeColumns, formatDownloadHeader, fileName) {
@@ -37,7 +38,11 @@ function useDataTableConfigRef(forwardedRef, columnSettingsModalRef, table, prop
           table.downloadAllData(excludeColumns, formatDownloadHeader, fileName);
           break;
         case "page":
-          table.downloadPageData(excludeColumns, formatDownloadHeader, fileName);
+          table.downloadPageData(
+            excludeColumns,
+            formatDownloadHeader,
+            fileName
+          );
           break;
         case "selected":
           table.downloadSelectedData(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/features/Config.ts"],
-  "sourcesContent": ["import type { ReactTable, TableState } from '@tanstack/react-table';\nimport { useImperativeHandle, useRef, type Ref, type RefObject } from 'react';\n\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport { useDataTableConfigElement } from '../../hooks/useDataTableConfig.js';\nimport type { DataTableColumnSettingsModalRef } from '../components/Toolbar/ColumnSettings/column-settings-types.js';\nimport { DATA_TABLE_DETAILS_ROW_IDENTIFIER } from '../constants.js';\nimport type {\n  DataTableColumnSettingsConfig,\n  DataTableRef,\n} from '../public.api.js';\nimport type { DataTableRowData } from '../row-data-types.js';\nimport type { DataTableDownloadHeaderContext } from './Download/download-types.js';\nimport type {\n  DataTableRowThreshold,\n  DataTableThresholdProps,\n} from './Thresholds/threshold-types.js';\nimport type { TDataTableFeatures } from './types/features.types.js';\n\n/**\n * Extends the ref of the DataTable with additional configuration and control options.\n * @internal\n */\nexport function useDataTableConfigRef<TData extends DataTableRowData>(\n  forwardedRef: Ref<DataTableRef>,\n  columnSettingsModalRef: RefObject<DataTableColumnSettingsModalRef | null>,\n  table: ReactTable<TDataTableFeatures, Exclude<TData, unknown>>,\n  props: DataTableThresholdProps<TData>,\n) {\n  /*\n   * Collect the refs and create an imperative handle in order to expose the\n   * functions we need on the DataTable.\n   */\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<DataTableRef | HTMLDivElement>([\n    forwardedRef,\n    containerRef,\n  ]);\n\n  const configRowThresholds = useDataTableConfigElement('rowThresholds');\n\n  useImperativeHandle(forwardedRef, () => ({\n    element: containerRef.current,\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n\n    getConfig() {\n      return {\n        pagination: {\n          defaultPageIndex: (\n            table.store.state as unknown as TableState<TDataTableFeatures>\n          ).pagination?.pageIndex,\n          defaultPageSize: (\n            table.store.state as unknown as TableState<TDataTableFeatures>\n          ).pagination?.pageSize,\n        },\n        columnVisibility: (\n          table.store.state as unknown as TableState<TDataTableFeatures>\n        ).columnVisibility,\n        fullWidth: table.optionsStore.state.layout?.fullWidth,\n        fullHeight: table.optionsStore.state.layout?.fullHeight,\n        lineWrap: (\n          table.store.state as unknown as TableState<TDataTableFeatures>\n        ).columnLineWrap,\n        resizable: table.optionsStore.state.enableColumnResizing,\n        selectableRows: table.optionsStore.state.enableRowSelection,\n        // NOTE: typecast necessary due to generic resolving to unknown\n        rowThresholds: (props.rowThresholds ?? configRowThresholds) as\n          | DataTableRowThreshold<TData>[]\n          | undefined,\n        sortable: table.optionsStore.state.enableSorting,\n        variant: (\n          table.store.state as unknown as TableState<TDataTableFeatures>\n        ).visualVariantConfig,\n      };\n    },\n    downloadData(\n      subset: 'all' | 'page' | 'selected',\n      excludeColumns?: string[],\n      formatDownloadHeader?: (\n        context: DataTableDownloadHeaderContext,\n      ) => string | undefined,\n      fileName?: string,\n    ) {\n      switch (subset) {\n        case 'all':\n          table.downloadAllData(excludeColumns, formatDownloadHeader, fileName);\n          break;\n        case 'page':\n          table.downloadPageData(excludeColumns, formatDownloadHeader, fileName);\n          break;\n        case 'selected':\n          table.downloadSelectedData(\n            excludeColumns,\n            formatDownloadHeader,\n            fileName,\n          );\n          break;\n      }\n    },\n    scrollToRow: table.scrollToRow,\n    getDisplayedRowIds(): string[] {\n      const result: string[] = [];\n      for (const row of table.getRowModel().rows) {\n        if (!row[DATA_TABLE_DETAILS_ROW_IDENTIFIER]) {\n          result.push(row.id);\n        }\n      }\n      return result;\n    },\n    openColumnSettings: (columnSettings?: DataTableColumnSettingsConfig) => {\n      columnSettingsModalRef.current?.openColumnSettings(columnSettings);\n    },\n  }));\n\n  return rootRef;\n}\n"],
-  "mappings": "AACA,SAAS,qBAAqB,cAAwC;AAEtE,SAAS,oBAAoB;AAC7B,SAAS,iCAAiC;AAE1C,SAAS,yCAAyC;AAiB3C,SAAS,sBACd,cACA,wBACA,OACA,OACA;AAKA,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,UAAU,aAA4C;AAAA,IAC1D;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,sBAAsB,0BAA0B,eAAe;AAErE,sBAAoB,cAAc,OAAO;AAAA,IACvC,SAAS,aAAa;AAAA;AAAA;AAAA,IAItB,YAAY;AACV,aAAO;AAAA,QACL,YAAY;AAAA,UACV,kBACE,MAAM,MAAM,MACZ,YAAY;AAAA,UACd,iBACE,MAAM,MAAM,MACZ,YAAY;AAAA,QAChB;AAAA,QACA,kBACE,MAAM,MAAM,MACZ;AAAA,QACF,WAAW,MAAM,aAAa,MAAM,QAAQ;AAAA,QAC5C,YAAY,MAAM,aAAa,MAAM,QAAQ;AAAA,QAC7C,UACE,MAAM,MAAM,MACZ;AAAA,QACF,WAAW,MAAM,aAAa,MAAM;AAAA,QACpC,gBAAgB,MAAM,aAAa,MAAM;AAAA;AAAA,QAEzC,eAAgB,MAAM,iBAAiB;AAAA,QAGvC,UAAU,MAAM,aAAa,MAAM;AAAA,QACnC,SACE,MAAM,MAAM,MACZ;AAAA,MACJ;AAAA,IACF;AAAA,IACA,aACE,QACA,gBACA,sBAGA,UACA;AACA,cAAQ,QAAQ;AAAA,QACd,KAAK;AACH,gBAAM,gBAAgB,gBAAgB,sBAAsB,QAAQ;AACpE;AAAA,QACF,KAAK;AACH,gBAAM,iBAAiB,gBAAgB,sBAAsB,QAAQ;AACrE;AAAA,QACF,KAAK;AACH,gBAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,UACF;AACA;AAAA,MACJ;AAAA,IACF;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,qBAA+B;AAC7B,YAAM,SAAmB,CAAC;AAC1B,iBAAW,OAAO,MAAM,YAAY,EAAE,MAAM;AAC1C,YAAI,CAAC,IAAI,iCAAiC,GAAG;AAC3C,iBAAO,KAAK,IAAI,EAAE;AAAA,QACpB;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,IACA,oBAAoB,CAAC,mBAAmD;AACtE,6BAAuB,SAAS,mBAAmB,cAAc;AAAA,IACnE;AAAA,EACF,EAAE;AAEF,SAAO;AACT;",
+  "sourcesContent": ["import { useImperativeHandle, useRef, type Ref, type RefObject } from 'react';\n\nimport type { DataTableInstance } from './types/table.types.js';\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport { useDataTableConfigElement } from '../../hooks/useDataTableConfig.js';\nimport type { DataTableColumnSettingsModalRef } from '../components/Toolbar/ColumnSettings/column-settings-types.js';\nimport { DATA_TABLE_DETAILS_ROW_IDENTIFIER } from '../constants.js';\nimport type {\n  DataTableColumnSettingsConfig,\n  DataTableRef,\n} from '../public.api.js';\nimport type { DataTableRowData } from '../row-data-types.js';\nimport type { DataTableDownloadHeaderContext } from './Download/download-types.js';\nimport type {\n  DataTableRowThreshold,\n  DataTableThresholdProps,\n} from './Thresholds/threshold-types.js';\n\n/**\n * Extends the ref of the DataTable with additional configuration and control options.\n * @internal\n */\nexport function useDataTableConfigRef<TData extends DataTableRowData>(\n  forwardedRef: Ref<DataTableRef>,\n  columnSettingsModalRef: RefObject<DataTableColumnSettingsModalRef | null>,\n  table: DataTableInstance<Exclude<TData, unknown>>,\n  props: DataTableThresholdProps<TData>,\n) {\n  /*\n   * Collect the refs and create an imperative handle in order to expose the\n   * functions we need on the DataTable.\n   */\n  const containerRef = useRef<HTMLDivElement>(null);\n  const rootRef = useMergeRefs<DataTableRef | HTMLDivElement>([\n    forwardedRef,\n    containerRef,\n  ]);\n\n  const configRowThresholds = useDataTableConfigElement('rowThresholds');\n\n  useImperativeHandle(forwardedRef, () => ({\n    element: containerRef.current,\n    // @ts-expect-error: the `getConfig()` return type doesn't exactly satisfy `DataTableRef`'s `DataTableConfig` requirement due to internal table state type casting\n\n    getConfig() {\n      // TanStack Table v9.0.0-beta.52 initializes `columnVisibility` to `{}` instead of\n      // leaving it undefined. The config is persisted by consumers, so an empty\n      // object is kept out of the serialized output to keep it byte-compatible.\n      const columnVisibility = table.atoms.columnVisibility?.get();\n      const pagination = table.atoms.pagination?.get();\n\n      return {\n        pagination: {\n          defaultPageIndex: pagination?.pageIndex,\n          defaultPageSize: pagination?.pageSize,\n        },\n        columnVisibility:\n          columnVisibility && Object.keys(columnVisibility).length > 0\n            ? columnVisibility\n            : undefined,\n        fullWidth: table.options.layout?.fullWidth,\n        fullHeight: table.options.layout?.fullHeight,\n        lineWrap: table.atoms.columnLineWrap?.get(),\n        resizable: table.options.enableColumnResizing,\n        selectableRows: table.options.enableRowSelection,\n        // NOTE: typecast necessary due to generic resolving to unknown\n        rowThresholds: (props.rowThresholds ?? configRowThresholds) as\n          | DataTableRowThreshold<TData>[]\n          | undefined,\n        sortable: table.options.enableSorting,\n        variant: table.atoms.visualVariantConfig?.get(),\n      };\n    },\n    downloadData(\n      subset: 'all' | 'page' | 'selected',\n      excludeColumns?: string[],\n      formatDownloadHeader?: (\n        context: DataTableDownloadHeaderContext,\n      ) => string | undefined,\n      fileName?: string,\n    ) {\n      switch (subset) {\n        case 'all':\n          table.downloadAllData(excludeColumns, formatDownloadHeader, fileName);\n          break;\n        case 'page':\n          table.downloadPageData(\n            excludeColumns,\n            formatDownloadHeader,\n            fileName,\n          );\n          break;\n        case 'selected':\n          table.downloadSelectedData(\n            excludeColumns,\n            formatDownloadHeader,\n            fileName,\n          );\n          break;\n      }\n    },\n    scrollToRow: table.scrollToRow,\n    getDisplayedRowIds(): string[] {\n      const result: string[] = [];\n      for (const row of table.getRowModel().rows) {\n        if (!row[DATA_TABLE_DETAILS_ROW_IDENTIFIER]) {\n          result.push(row.id);\n        }\n      }\n      return result;\n    },\n    openColumnSettings: (columnSettings?: DataTableColumnSettingsConfig) => {\n      columnSettingsModalRef.current?.openColumnSettings(columnSettings);\n    },\n  }));\n\n  return rootRef;\n}\n"],
+  "mappings": "AAAA,SAAS,qBAAqB,cAAwC;AAGtE,SAAS,oBAAoB;AAC7B,SAAS,iCAAiC;AAE1C,SAAS,yCAAyC;AAgB3C,SAAS,sBACd,cACA,wBACA,OACA,OACA;AAKA,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,UAAU,aAA4C;AAAA,IAC1D;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,sBAAsB,0BAA0B,eAAe;AAErE,sBAAoB,cAAc,OAAO;AAAA,IACvC,SAAS,aAAa;AAAA;AAAA,IAGtB,YAAY;AAIV,YAAM,mBAAmB,MAAM,MAAM,kBAAkB,IAAI;AAC3D,YAAM,aAAa,MAAM,MAAM,YAAY,IAAI;AAE/C,aAAO;AAAA,QACL,YAAY;AAAA,UACV,kBAAkB,YAAY;AAAA,UAC9B,iBAAiB,YAAY;AAAA,QAC/B;AAAA,QACA,kBACE,oBAAoB,OAAO,KAAK,gBAAgB,EAAE,SAAS,IACvD,mBACA;AAAA,QACN,WAAW,MAAM,QAAQ,QAAQ;AAAA,QACjC,YAAY,MAAM,QAAQ,QAAQ;AAAA,QAClC,UAAU,MAAM,MAAM,gBAAgB,IAAI;AAAA,QAC1C,WAAW,MAAM,QAAQ;AAAA,QACzB,gBAAgB,MAAM,QAAQ;AAAA;AAAA,QAE9B,eAAgB,MAAM,iBAAiB;AAAA,QAGvC,UAAU,MAAM,QAAQ;AAAA,QACxB,SAAS,MAAM,MAAM,qBAAqB,IAAI;AAAA,MAChD;AAAA,IACF;AAAA,IACA,aACE,QACA,gBACA,sBAGA,UACA;AACA,cAAQ,QAAQ;AAAA,QACd,KAAK;AACH,gBAAM,gBAAgB,gBAAgB,sBAAsB,QAAQ;AACpE;AAAA,QACF,KAAK;AACH,gBAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,UACF;AACA;AAAA,QACF,KAAK;AACH,gBAAM;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,UACF;AACA;AAAA,MACJ;AAAA,IACF;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,qBAA+B;AAC7B,YAAM,SAAmB,CAAC;AAC1B,iBAAW,OAAO,MAAM,YAAY,EAAE,MAAM;AAC1C,YAAI,CAAC,IAAI,iCAAiC,GAAG;AAC3C,iBAAO,KAAK,IAAI,EAAE;AAAA,QACpB;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAAA,IACA,oBAAoB,CAAC,mBAAmD;AACtE,6BAAuB,SAAS,mBAAmB,cAAc;AAAA,IACnE;AAAA,EACF,EAAE;AAEF,SAAO;AACT;",
   "names": []
 }