@dynatrace/strato-components 3.10.4 → 3.11.0

package/esm/tables/DataTable/features/ColumnTypes/column-types-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnTypes/column-types-types.ts"],
-  "sourcesContent": ["import type {\n  ConvertibleUnit,\n  FormatDateOptions,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../../../charts/core/types/color-palette.js';\nimport type { Formatter } from '../../../../charts/core/types/formatter.js';\nimport type { GanttChartConfig } from '../../../../charts/gantt-chart/types/gantt-chart.js';\nimport type { Components } from '../../../../core/types/markdown/react-markdown.js';\nimport type {\n  DataTableDatetimeDisplayMode,\n  FormatterCurrencyOptions,\n} from '../CellFormatter/cell-formatter-types.js';\n\n/**\n * Available column types for the DataTable.\n * @public\n */\nexport type DataTableColumnType =\n  | 'text'\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  | 'date'\n  | 'datetime'\n  | 'bit'\n  | 'number'\n  | 'long'\n  | 'currency'\n  | 'sparkline'\n  | 'meterbar'\n  | 'gantt'\n  | 'markdown'\n  | 'log-content';\n\n/**\n * The x-axis boundaries props used in the sparkline column.\n * @public\n */\nexport interface DataTableSparklineXAxisProps {\n  /**\n   * The min value configuration to display in the x-axis\n   * @defaultValue 'auto'\n   */\n  min?: 'auto' | 'data-min' | number | Date;\n  /**\n   * The max value configuration to display in the x-axis\n   * @defaultValue 'auto'\n   */\n  max?: 'auto' | 'data-max' | number | Date;\n}\n\n/**\n * The y-axis boundaries and scale props used in the sparkline column.\n * @public\n */\nexport interface DataTableSparklineYAxisProps {\n  /**\n   * The min value configuration to display in the y-axis\n   * @defaultValue 'data-min'\n   */\n  min?: number | 'data-min';\n  /**\n   * The max value configuration to display in the y-axis\n   * @defaultValue 'data-max'\n   */\n  max?: number | 'data-max';\n  /**\n   * The scale of the y-axis values. Is only applied to the bar variant.\n   * @defaultValue 'linear'\n   */\n  scale?: 'linear' | 'log';\n}\n\n/**\n * Defined config options used in sparkline column.\n * @public\n */\nexport type DataTableSparklineColumnConfig = {\n  /**\n   * Sparkline color.\n   * @defaultValue Colors.Charts.Categorical.Color01.Default\n   */\n  color?: string;\n  /**\n   * Sparkline variant (line, area, bar).\n   * @defaultValue 'line'\n   */\n  variant?: 'line' | 'area' | 'bar';\n  /**\n   * Defines how gaps in the data are visualized.\n   * @defaultValue 'connect'\n   */\n  gapPolicy?: 'connect' | 'gap';\n  /**\n   * Curve shape of the series.\n   * @defaultValue 'linear'\n   */\n  curve?: 'linear' | 'smooth';\n  /**\n   * Whether Sparkline shows min/max labels.\n   * @defaultValue false\n   */\n  showContextValues?: boolean;\n\n  /**\n   * Optional x-axis boundary configuration for the sparkline.\n   *\n   * Use this to override the default domain derived from the data.\n   * The `min` and `max` values can be set to `Date`, numeric timestamps,\n   * or automatic data-based boundaries (`'data-min'` / `'data-max'`).\n   * @defaultValue undefined\n   */\n  xAxis?: DataTableSparklineXAxisProps;\n\n  /**\n   * Optional y-axis boundary and scale configuration for the sparkline.\n   *\n   * Use this to override the default value domain or scale.\n   * @defaultValue undefined\n   */\n  yAxis?: DataTableSparklineYAxisProps;\n};\n\n/**\n * Defined configuration options used in meterbar column.\n * @public\n */\nexport type DataTableMeterbarColumnConfig = {\n  /**\n   * Color of the meter bar segment.\n   * @defaultValue 'Categorical.Color11'\n   */\n  color?: string;\n\n  /**\n   * Min value for the meter bar chart scale.\n   * @defaultValue 0\n   */\n  min?: number;\n\n  /**\n   * Max value for the meter bar chart scale.\n   * @defaultValue 100\n   */\n  max?: number | 'data-max';\n\n  /**\n   * The color palette to use for multi-segment meter bars.\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n\n  /**\n   * When set to true, shows a tooltip on hover.\n   * @defaultValue false\n   */\n  showTooltip?: boolean;\n\n  /**\n   * Formats the value displayed in the tooltip and inline.\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n\n  /**\n   * Shows the value inline beside the bar.\n   * Set to `'left'` to display the value to the left of the bar, or `'right'` to display it to the right.\n   * The `formatter` prop controls how the value is formatted \u2014 the same formatted string appears in both the tooltip and inline.\n   * @defaultValue false\n   */\n  showValue?: 'left' | 'right' | false;\n\n  /**\n   * Array of threshold configurations to display on the meter bar.\n   */\n  thresholds?: {\n    /**\n     * The value of the threshold.\n     */\n    value: number;\n\n    /**\n     * The color of the threshold.\n     * @defaultValue 'Categorical.Color11'\n     */\n    color: string;\n\n    // DEPRECATION: [APPDEV-15843] BREAKING-CHANGE: Remove `name` from `thresholds`\n    /**\n     * Name of the threshold.\n     * @deprecated This property has no effect and will be removed.\n     */\n    name?: string;\n\n    /**\n     * When set to true, the threshold indicator is shown.\n     * @defaultValue false\n     */\n    showIndicator?: boolean;\n  }[];\n};\n\n/**\n * Defined configuration options used in gantt column.\n * @public\n */\nexport type DataTableGanttColumnConfig = GanttChartConfig;\n\n/**\n * Defined config options used in Markdown column.\n * @public\n */\nexport type DataTableMarkdownColumnConfig = {\n  /**\n   * A mapping of HTML tags (e.g., 'a', 'h1') to functions that provide custom implementations,\n   * allowing for the override of default rendering.\n   * @defaultValue undefined\n   * @example\n   * ```jsx\n   * const customMappings = {\n   *   h2: ({ children }) => (<u><h2>{children}</h2></u>)\n   * }\n   * ```\n   */\n  customComponentMappings?: Components;\n};\n\n/**\n * Defined config options used in log content column.\n * @public\n */\nexport type DataTableLogContentColumnConfig = {\n  /**\n   * Defines the character limit for truncating log lines. Defaults to 1000 characters.\n   * Set to `false` to disable truncation and always display the entire log line.\n   *\n   * @defaultValue 1000\n   * @remarks **Warning:** Increasing or disabling this limit may negatively impact table performance!\n   */\n  truncationLimit?: number | false;\n};\n\n/**\n * Defined config options used in text column.\n * @public\n */\nexport type DataTableTextColumnConfig = {\n  /** Specifies whether URLs in the text should be automatically detected and rendered as external links. */\n  detectLinks?: boolean;\n};\n\n/**\n * Combined ruleset of column types and their matching configurations.\n * @public\n */\nexport type DataTableColumnTypesColumnDef =\n  | {\n      columnType: Extract<DataTableColumnType, 'meterbar'>;\n      config?: DataTableMeterbarColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'sparkline'>;\n      config?: DataTableSparklineColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'datetime'>;\n      formatter?: FormatDateOptions | DataTableDatetimeDisplayMode;\n      config?: never;\n    }\n  | {\n      // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n      columnType: Extract<DataTableColumnType, 'date'>;\n      formatter?: FormatDateOptions;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'currency'>;\n      formatter?: FormatterCurrencyOptions;\n      config?: never;\n    }\n  | {\n      columnType?: Extract<DataTableColumnType, 'number' | 'bit'>;\n      formatter?: FormatOptions<Unit, ConvertibleUnit>;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'long'>;\n      formatter?: Pick<\n        FormatOptions<Unit, ConvertibleUnit>,\n        | 'locale'\n        | 'maximumFractionDigits'\n        | 'maximumSignificantDigits'\n        | 'minimumFractionDigits'\n        | 'minimumSignificantDigits'\n        | 'useGrouping'\n      >;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'gantt'>;\n      config?: DataTableGanttColumnConfig;\n    }\n  | {\n      columnType?: Extract<DataTableColumnType, 'markdown'>;\n      formatter?: never;\n      config?: DataTableMarkdownColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'log-content'>;\n      formatter?: never;\n      config?: DataTableLogContentColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'text'>;\n      formatter?: FormatOptions<Unit, ConvertibleUnit>;\n      config?: DataTableTextColumnConfig;\n    };\n\n/**\n * Available chart column types.\n * @internal\n */\nconst CHART_COLUMN_TYPES = ['sparkline', 'meterbar', 'gantt'] as const;\n\nexport type ChartColumnTypes = (typeof CHART_COLUMN_TYPES)[number];\n\n/**\n * Typeguard function narrows `config` to `DataTableMeterbarColumnConfig`.\n * @internal\n */\nexport function isDatatableMeterBarColumnConfig(\n  config: unknown,\n  columnType: DataTableColumnType | undefined,\n): config is DataTableMeterbarColumnConfig {\n  return (\n    columnType === 'meterbar' && config !== null && typeof config === 'object'\n  );\n}\n\n/**\n * Checks whether column type is a chart type.\n * @internal\n */\nexport function isChartColumnType(\n  columnType: DataTableColumnType | undefined,\n): columnType is ChartColumnTypes {\n  if (columnType) {\n    return (CHART_COLUMN_TYPES as readonly DataTableColumnType[]).includes(\n      columnType,\n    );\n  }\n  return false;\n}\n"],
-  "mappings": "AAoUA,MAAM,qBAAqB,CAAC,aAAa,YAAY,OAAO;AAQrD,SAAS,gCACd,QACA,YACyC;AACzC,SACE,eAAe,cAAc,WAAW,QAAQ,OAAO,WAAW;AAEtE;AAMO,SAAS,kBACd,YACgC;AAChC,MAAI,YAAY;AACd,WAAQ,mBAAsD;AAAA,MAC5D;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;",
+  "sourcesContent": ["import type {\n  ConvertibleUnit,\n  FormatDateOptions,\n  FormatOptions,\n  Unit,\n} from '@dynatrace-sdk/units';\n\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../../../charts/core/types/color-palette.js';\nimport type { Formatter } from '../../../../charts/core/types/formatter.js';\nimport type { GanttChartConfig } from '../../../../charts/gantt-chart/types/gantt-chart.js';\nimport type { Components } from '../../../../core/types/markdown/react-markdown.js';\nimport type {\n  DataTableDatetimeDisplayMode,\n  FormatterCurrencyOptions,\n} from '../CellFormatter/cell-formatter-types.js';\n\n/**\n * Available column types for the DataTable.\n * @public\n */\nexport type DataTableColumnType =\n  | 'text'\n  // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n  | 'date'\n  | 'datetime'\n  | 'bit'\n  | 'number'\n  | 'long'\n  | 'currency'\n  | 'sparkline'\n  | 'meterbar'\n  | 'gantt'\n  | 'markdown'\n  | 'log-content';\n\n/**\n * The x-axis boundaries props used in the sparkline column.\n * @public\n */\nexport interface DataTableSparklineXAxisProps {\n  /**\n   * The min value configuration to display in the x-axis\n   * @defaultValue 'auto'\n   */\n  min?: 'auto' | 'data-min' | number | Date;\n  /**\n   * The max value configuration to display in the x-axis\n   * @defaultValue 'auto'\n   */\n  max?: 'auto' | 'data-max' | number | Date;\n}\n\n/**\n * The y-axis boundaries and scale props used in the sparkline column.\n * @public\n */\nexport interface DataTableSparklineYAxisProps {\n  /**\n   * The min value configuration to display in the y-axis\n   * @defaultValue 'data-min'\n   */\n  min?: number | 'data-min';\n  /**\n   * The max value configuration to display in the y-axis\n   * @defaultValue 'data-max'\n   */\n  max?: number | 'data-max';\n  /**\n   * The scale of the y-axis values. Is only applied to the bar variant.\n   * @defaultValue 'linear'\n   */\n  scale?: 'linear' | 'log';\n}\n\n/**\n * Defined config options used in sparkline column.\n * @public\n */\nexport type DataTableSparklineColumnConfig = {\n  /**\n   * Sparkline color.\n   * @defaultValue Colors.Charts.Categorical.Color01.Default\n   */\n  color?: string;\n  /**\n   * Sparkline variant (line, area, bar).\n   * @defaultValue 'line'\n   */\n  variant?: 'line' | 'area' | 'bar';\n  /**\n   * Defines how gaps in the data are visualized.\n   * @defaultValue 'connect'\n   */\n  gapPolicy?: 'connect' | 'gap';\n  /**\n   * Curve shape of the series.\n   * @defaultValue 'linear'\n   */\n  curve?: 'linear' | 'smooth';\n  /**\n   * Whether Sparkline shows min/max labels.\n   * @defaultValue false\n   */\n  showContextValues?: boolean;\n\n  /**\n   * Optional x-axis boundary configuration for the sparkline.\n   *\n   * Use this to override the default domain derived from the data.\n   * The `min` and `max` values can be set to `Date`, numeric timestamps,\n   * or automatic data-based boundaries (`'data-min'` / `'data-max'`).\n   * @defaultValue undefined\n   */\n  xAxis?: DataTableSparklineXAxisProps;\n\n  /**\n   * Optional y-axis boundary and scale configuration for the sparkline.\n   *\n   * Use this to override the default value domain or scale.\n   * @defaultValue undefined\n   */\n  yAxis?: DataTableSparklineYAxisProps;\n};\n\n/**\n * Defined configuration options used in meterbar column.\n * @public\n */\nexport type DataTableMeterbarColumnConfig = {\n  /**\n   * Color of the meter bar segment.\n   * @defaultValue 'Categorical.Color11'\n   */\n  color?: string;\n\n  /**\n   * Min value for the meter bar chart scale.\n   * @defaultValue 0\n   */\n  min?: number;\n\n  /**\n   * Max value for the meter bar chart scale.\n   * @defaultValue 100\n   */\n  max?: number | 'data-max';\n\n  /**\n   * The color palette to use for multi-segment meter bars.\n   */\n  colorPalette?: ColorPalette | CustomColorPalette;\n\n  /**\n   * When set to true, shows a tooltip on hover.\n   * @defaultValue false\n   */\n  showTooltip?: boolean;\n\n  /**\n   * Formats the value displayed in the tooltip and inline.\n   */\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>;\n\n  /**\n   * Shows the value inline beside the bar.\n   * Set to `'left'` to display the value to the left of the bar, or `'right'` to display it to the right.\n   * The `formatter` prop controls how the value is formatted \u2014 the same formatted string appears in both the tooltip and inline.\n   * @defaultValue false\n   */\n  showValue?: 'left' | 'right' | false;\n\n  /**\n   * Set to `true` to show all threshold indicators and `false` to hide them all.\n   * @defaultValue true\n   */\n  showThresholdIndicators?: boolean;\n\n  /**\n   * Array of threshold configurations to display on the meter bar.\n   */\n  thresholds?: {\n    /**\n     * The value of the threshold.\n     */\n    value: number;\n\n    /**\n     * The color of the threshold.\n     * @defaultValue 'Categorical.Color11'\n     */\n    color: string;\n\n    // DEPRECATION: [APPDEV-15843] BREAKING-CHANGE: Remove `name` from `thresholds`\n    /**\n     * Name of the threshold.\n     * @deprecated This property has no effect and will be removed.\n     */\n    name?: string;\n\n    // DEPRECATION: [APPDEV-19205] BREAKING-CHANGE: Remove `showIndicator` from `thresholds`\n    /**\n     * When set to true, the threshold indicator is shown.\n     * @deprecated Use the column-level `showThresholdIndicators` config option\n     * to toggle all threshold indicators at once. As a temporary fallback, when\n     * `showThresholdIndicators` is not set these per-threshold flags are\n     * collapsed into the global one (all `true` shows them, all `false` hides\n     * them; mixed values log a warning). This property will be removed.\n     */\n    showIndicator?: boolean;\n  }[];\n};\n\n/**\n * Defined configuration options used in gantt column.\n * @public\n */\nexport type DataTableGanttColumnConfig = GanttChartConfig;\n\n/**\n * Defined config options used in Markdown column.\n * @public\n */\nexport type DataTableMarkdownColumnConfig = {\n  /**\n   * A mapping of HTML tags (e.g., 'a', 'h1') to functions that provide custom implementations,\n   * allowing for the override of default rendering.\n   * @defaultValue undefined\n   * @example\n   * ```jsx\n   * const customMappings = {\n   *   h2: ({ children }) => (<u><h2>{children}</h2></u>)\n   * }\n   * ```\n   */\n  customComponentMappings?: Components;\n};\n\n/**\n * Defined config options used in log content column.\n * @public\n */\nexport type DataTableLogContentColumnConfig = {\n  /**\n   * Defines the character limit for truncating log lines. Defaults to 1000 characters.\n   * Set to `false` to disable truncation and always display the entire log line.\n   *\n   * @defaultValue 1000\n   * @remarks **Warning:** Increasing or disabling this limit may negatively impact table performance!\n   */\n  truncationLimit?: number | false;\n};\n\n/**\n * Defined config options used in text column.\n * @public\n */\nexport type DataTableTextColumnConfig = {\n  /** Specifies whether URLs in the text should be automatically detected and rendered as external links. */\n  detectLinks?: boolean;\n};\n\n/**\n * Combined ruleset of column types and their matching configurations.\n * @public\n */\nexport type DataTableColumnTypesColumnDef =\n  | {\n      columnType: Extract<DataTableColumnType, 'meterbar'>;\n      config?: DataTableMeterbarColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'sparkline'>;\n      config?: DataTableSparklineColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'datetime'>;\n      formatter?: FormatDateOptions | DataTableDatetimeDisplayMode;\n      config?: never;\n    }\n  | {\n      // DEPRECATION: [APPDEV-16044] BREAKING-CHANGE: Remove 'date' columnType.\n      columnType: Extract<DataTableColumnType, 'date'>;\n      formatter?: FormatDateOptions;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'currency'>;\n      formatter?: FormatterCurrencyOptions;\n      config?: never;\n    }\n  | {\n      columnType?: Extract<DataTableColumnType, 'number' | 'bit'>;\n      formatter?: FormatOptions<Unit, ConvertibleUnit>;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'long'>;\n      formatter?: Pick<\n        FormatOptions<Unit, ConvertibleUnit>,\n        | 'locale'\n        | 'maximumFractionDigits'\n        | 'maximumSignificantDigits'\n        | 'minimumFractionDigits'\n        | 'minimumSignificantDigits'\n        | 'useGrouping'\n      >;\n      config?: never;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'gantt'>;\n      config?: DataTableGanttColumnConfig;\n    }\n  | {\n      columnType?: Extract<DataTableColumnType, 'markdown'>;\n      formatter?: never;\n      config?: DataTableMarkdownColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'log-content'>;\n      formatter?: never;\n      config?: DataTableLogContentColumnConfig;\n    }\n  | {\n      columnType: Extract<DataTableColumnType, 'text'>;\n      formatter?: FormatOptions<Unit, ConvertibleUnit>;\n      config?: DataTableTextColumnConfig;\n    };\n\n/**\n * Available chart column types.\n * @internal\n */\nconst CHART_COLUMN_TYPES = ['sparkline', 'meterbar', 'gantt'] as const;\n\nexport type ChartColumnTypes = (typeof CHART_COLUMN_TYPES)[number];\n\n/**\n * Typeguard function narrows `config` to `DataTableMeterbarColumnConfig`.\n * @internal\n */\nexport function isDatatableMeterBarColumnConfig(\n  config: unknown,\n  columnType: DataTableColumnType | undefined,\n): config is DataTableMeterbarColumnConfig {\n  return (\n    columnType === 'meterbar' && config !== null && typeof config === 'object'\n  );\n}\n\n/**\n * Checks whether column type is a chart type.\n * @internal\n */\nexport function isChartColumnType(\n  columnType: DataTableColumnType | undefined,\n): columnType is ChartColumnTypes {\n  if (columnType) {\n    return (CHART_COLUMN_TYPES as readonly DataTableColumnType[]).includes(\n      columnType,\n    );\n  }\n  return false;\n}\n"],
+  "mappings": "AA+UA,MAAM,qBAAqB,CAAC,aAAa,YAAY,OAAO;AAQrD,SAAS,gCACd,QACA,YACyC;AACzC,SACE,eAAe,cAAc,WAAW,QAAQ,OAAO,WAAW;AAEtE;AAMO,SAAS,kBACd,YACgC;AAChC,MAAI,YAAY;AACd,WAAQ,mBAAsD;AAAA,MAC5D;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.css

@@ -1,4 +1,4 @@
-._1x1hmrh0-3-10-4 {
+._1x1hmrh0-3-11-0 {
   position: absolute;
   top: 0;
   left: 0;

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.js

@@ -1,4 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { shallow, useSelector } from "@tanstack/react-store";
 import * as styles from "./DataTableGanttAnnotationsIndicators.sty.js";
 import { DATA_TABLE_ROW_BORDER } from "../../constants.js";
 import { useScaleAndFormatter } from "./hooks/useScaleAndFormatter.js";
@@ -26,10 +27,14 @@ function getBrightnessFilterId(indicator, trackIndex) {
 function useGanttIndicators(config, columnId, range) {
   const table = useDataTable();
   const { tracks: configuredTracks } = config.annotationsHeader ?? {};
+  const selection = useSelector(
+    table.atoms.ganttAnnotationsSelection,
+    (annotationsSelection) => annotationsSelection?.[columnId] ?? {},
+    { compare: shallow }
+  );
   if (!configuredTracks?.length) {
     return null;
   }
-  const selection = table.store.state.ganttAnnotationsSelection?.[columnId] ?? {};
   const tracks = toIntegrationTracks(configuredTracks);
   const shownIndicators = getShownIndicators(tracks, selection);
   const uniqueIndicators = getUniqueIndicatorsByPriority(

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.tsx"],
-  "sourcesContent": ["import type { JSX } from 'react';\n\nimport * as styles from './DataTableGanttAnnotationsIndicators.sty.js';\nimport { DATA_TABLE_ROW_BORDER } from '../../constants.js';\nimport { useScaleAndFormatter } from './hooks/useScaleAndFormatter.js';\nimport { toIntegrationTracks } from './to-integration-tracks.js';\nimport { AreaIndicator } from '../../../../charts/core/components/annotations/components/indicators/AreaIndicator.js';\nimport { LineIndicator } from '../../../../charts/core/components/annotations/components/indicators/LineIndicator.js';\nimport type { IndicatorData } from '../../../../charts/core/components/annotations/components/indicators/types.js';\nimport { getShownIndicators } from '../../../../charts/core/components/annotations/components/indicators/utils/get-shown-indicators.js';\nimport { getUniqueIndicatorsByPriority } from '../../../../charts/core/components/annotations/components/indicators/utils/get-unique-indicators-by-priority.js';\nimport { getMarkerBrightnessBasedOnState } from '../../../../charts/core/components/annotations/utils/get-marker-brightness-based-on-state.js';\nimport { isRangeMarker } from '../../../../charts/core/components/annotations/utils/is-range-marker.js';\nimport { serializeMarkerRange } from '../../../../charts/core/components/annotations/utils/serialize-marker-range.js';\nimport { BrightnessFilter } from '../../../../charts/core/components/BrightnessFilter.js';\nimport { useCurrentTheme } from '../../../../core/hooks/useCurrentTheme.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport type { DataTableGanttColumnConfig } from '../ColumnTypes/column-types-types.js';\n\ntype DataTableGanttAnnotationIndicatorsProps = Readonly<{\n  width: number;\n  height: number;\n  min: number;\n  max: number;\n  config: DataTableGanttColumnConfig;\n  columnId: string;\n  isLastPageRow: boolean;\n}>;\n\nfunction getBrightnessFilterId(\n  indicator: IndicatorData,\n  trackIndex: number,\n): string {\n  const { start, end } = indicator;\n  return `gantt_brightness_${serializeMarkerRange(\n    {\n      start: start.valueOf(),\n      end: end ? end.valueOf() : undefined,\n    },\n    trackIndex,\n  )}`;\n}\n\nfunction useGanttIndicators(\n  config: DataTableGanttColumnConfig,\n  columnId: string,\n  range: [number, number],\n): [string, IndicatorData][][] | null {\n  const table = useDataTable();\n  const { tracks: configuredTracks } = config.annotationsHeader ?? {};\n\n  if (!configuredTracks?.length) {\n    return null;\n  }\n\n  const selection =\n    table.store.state.ganttAnnotationsSelection?.[columnId] ?? {};\n  const tracks = toIntegrationTracks(configuredTracks);\n  const shownIndicators = getShownIndicators(tracks, selection);\n  const uniqueIndicators = getUniqueIndicatorsByPriority(\n    shownIndicators,\n    range,\n  );\n\n  const hasIndicators = uniqueIndicators.some((track) => track.length > 0);\n  return hasIndicators ? uniqueIndicators : null;\n}\n\nfunction GanttIndicatorShape({\n  indicator,\n  trackIndex,\n  scale,\n  height,\n  theme,\n}: Readonly<{\n  indicator: IndicatorData;\n  trackIndex: number;\n  scale: (value: number | Date) => number;\n  height: number;\n  theme: 'light' | 'dark';\n}>): JSX.Element {\n  const { start, end, color, state } = indicator;\n  const brightnessFilterId = getBrightnessFilterId(indicator, trackIndex);\n  const slope = getMarkerBrightnessBasedOnState(theme, state);\n  const filter = `url(#${brightnessFilterId})`;\n  const range = { start, end };\n  const x = scale(start) ?? 0;\n\n  return (\n    <>\n      <BrightnessFilter id={brightnessFilterId} slope={slope} />\n      {isRangeMarker(range) ? (\n        <AreaIndicator\n          x={x}\n          width={(scale(range.end) ?? 0) - x}\n          height={height}\n          color={color}\n          filter={filter}\n        />\n      ) : (\n        <LineIndicator x={x} height={height} color={color} filter={filter} />\n      )}\n    </>\n  );\n}\n\n/**\n * Renders indicators for gantt chart annotations that correspond to the annotation marker positions in the header.\n *\n * Indicators are rendered as SVG elements on top of the gantt chart cells, and their visibility is determined based on\n * the current selection state and the configuration provided in the annotations header.\n *\n * @internal\n */\nexport const DataTableGanttAnnotationIndicators = ({\n  width,\n  height,\n  min,\n  max,\n  config,\n  columnId,\n  isLastPageRow,\n}: DataTableGanttAnnotationIndicatorsProps): JSX.Element | null => {\n  const theme = useCurrentTheme();\n  const { scale } = useScaleAndFormatter(width, config, min, max);\n  const indicators = useGanttIndicators(config, columnId, [min, max]);\n\n  if (!indicators) {\n    return null;\n  }\n\n  // Extend the indicators' height to stretch over the row borders so they appear continuous, across rows.\n  // Since the last body row has no bottom border, don't extend the height for it to avoid unnecessary overflow.\n  const fullRowHeight = height + (isLastPageRow ? 0 : DATA_TABLE_ROW_BORDER);\n\n  return (\n    <svg\n      height={fullRowHeight}\n      width={width}\n      className={styles.annotationIndicators}\n    >\n      {indicators.map((track, trackIndex) =>\n        track.map(([key, indicator]) => (\n          <GanttIndicatorShape\n            key={key}\n            indicator={indicator}\n            trackIndex={trackIndex}\n            scale={scale}\n            height={fullRowHeight}\n            theme={theme}\n          />\n        )),\n      )}\n    </svg>\n  );\n};\n"],
-  "mappings": "AAyFI,mBACE,KADF;AAvFJ,YAAY,YAAY;AACxB,SAAS,6BAA6B;AACtC,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAE9B,SAAS,0BAA0B;AACnC,SAAS,qCAAqC;AAC9C,SAAS,uCAAuC;AAChD,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAa7B,SAAS,sBACP,WACA,YACQ;AACR,QAAM,EAAE,OAAO,IAAI,IAAI;AACvB,SAAO,oBAAoB;AAAA,IACzB;AAAA,MACE,OAAO,MAAM,QAAQ;AAAA,MACrB,KAAK,MAAM,IAAI,QAAQ,IAAI;AAAA,IAC7B;AAAA,IACA;AAAA,EACF,CAAC;AACH;AAEA,SAAS,mBACP,QACA,UACA,OACoC;AACpC,QAAM,QAAQ,aAAa;AAC3B,QAAM,EAAE,QAAQ,iBAAiB,IAAI,OAAO,qBAAqB,CAAC;AAElE,MAAI,CAAC,kBAAkB,QAAQ;AAC7B,WAAO;AAAA,EACT;AAEA,QAAM,YACJ,MAAM,MAAM,MAAM,4BAA4B,QAAQ,KAAK,CAAC;AAC9D,QAAM,SAAS,oBAAoB,gBAAgB;AACnD,QAAM,kBAAkB,mBAAmB,QAAQ,SAAS;AAC5D,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,gBAAgB,iBAAiB,KAAK,CAAC,UAAU,MAAM,SAAS,CAAC;AACvE,SAAO,gBAAgB,mBAAmB;AAC5C;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMiB;AACf,QAAM,EAAE,OAAO,KAAK,OAAO,MAAM,IAAI;AACrC,QAAM,qBAAqB,sBAAsB,WAAW,UAAU;AACtE,QAAM,QAAQ,gCAAgC,OAAO,KAAK;AAC1D,QAAM,SAAS,QAAQ,kBAAkB;AACzC,QAAM,QAAQ,EAAE,OAAO,IAAI;AAC3B,QAAM,IAAI,MAAM,KAAK,KAAK;AAE1B,SACE,iCACE;AAAA,wBAAC,oBAAiB,IAAI,oBAAoB,OAAc;AAAA,IACvD,cAAc,KAAK,IAClB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,QAAQ,MAAM,MAAM,GAAG,KAAK,KAAK;AAAA,QACjC;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,IAEA,oBAAC,iBAAc,GAAM,QAAgB,OAAc,QAAgB;AAAA,KAEvE;AAEJ;AAUO,MAAM,qCAAqC,CAAC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmE;AACjE,QAAM,QAAQ,gBAAgB;AAC9B,QAAM,EAAE,MAAM,IAAI,qBAAqB,OAAO,QAAQ,KAAK,GAAG;AAC9D,QAAM,aAAa,mBAAmB,QAAQ,UAAU,CAAC,KAAK,GAAG,CAAC;AAElE,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AAIA,QAAM,gBAAgB,UAAU,gBAAgB,IAAI;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR;AAAA,MACA,WAAW,OAAO;AAAA,MAEjB,qBAAW;AAAA,QAAI,CAAC,OAAO,eACtB,MAAM,IAAI,CAAC,CAAC,KAAK,SAAS,MACxB;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR;AAAA;AAAA,UALK;AAAA,QAMP,CACD;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import { shallow, useSelector } from '@tanstack/react-store';\nimport type { JSX } from 'react';\n\nimport * as styles from './DataTableGanttAnnotationsIndicators.sty.js';\nimport { DATA_TABLE_ROW_BORDER } from '../../constants.js';\nimport { useScaleAndFormatter } from './hooks/useScaleAndFormatter.js';\nimport { toIntegrationTracks } from './to-integration-tracks.js';\nimport { AreaIndicator } from '../../../../charts/core/components/annotations/components/indicators/AreaIndicator.js';\nimport { LineIndicator } from '../../../../charts/core/components/annotations/components/indicators/LineIndicator.js';\nimport type { IndicatorData } from '../../../../charts/core/components/annotations/components/indicators/types.js';\nimport { getShownIndicators } from '../../../../charts/core/components/annotations/components/indicators/utils/get-shown-indicators.js';\nimport { getUniqueIndicatorsByPriority } from '../../../../charts/core/components/annotations/components/indicators/utils/get-unique-indicators-by-priority.js';\nimport { getMarkerBrightnessBasedOnState } from '../../../../charts/core/components/annotations/utils/get-marker-brightness-based-on-state.js';\nimport { isRangeMarker } from '../../../../charts/core/components/annotations/utils/is-range-marker.js';\nimport { serializeMarkerRange } from '../../../../charts/core/components/annotations/utils/serialize-marker-range.js';\nimport { BrightnessFilter } from '../../../../charts/core/components/BrightnessFilter.js';\nimport { useCurrentTheme } from '../../../../core/hooks/useCurrentTheme.js';\nimport { useDataTable } from '../../contexts/DataTableContext.js';\nimport type { DataTableGanttColumnConfig } from '../ColumnTypes/column-types-types.js';\n\ntype DataTableGanttAnnotationIndicatorsProps = Readonly<{\n  width: number;\n  height: number;\n  min: number;\n  max: number;\n  config: DataTableGanttColumnConfig;\n  columnId: string;\n  isLastPageRow: boolean;\n}>;\n\nfunction getBrightnessFilterId(\n  indicator: IndicatorData,\n  trackIndex: number,\n): string {\n  const { start, end } = indicator;\n  return `gantt_brightness_${serializeMarkerRange(\n    {\n      start: start.valueOf(),\n      end: end ? end.valueOf() : undefined,\n    },\n    trackIndex,\n  )}`;\n}\n\nfunction useGanttIndicators(\n  config: DataTableGanttColumnConfig,\n  columnId: string,\n  range: [number, number],\n): [string, IndicatorData][][] | null {\n  const table = useDataTable();\n  const { tracks: configuredTracks } = config.annotationsHeader ?? {};\n\n  // Subscribe only to the annotation selection for this Gantt column.\n  const selection = useSelector(\n    table.atoms.ganttAnnotationsSelection,\n    (annotationsSelection) => annotationsSelection?.[columnId] ?? {},\n    { compare: shallow },\n  );\n\n  if (!configuredTracks?.length) {\n    return null;\n  }\n\n  const tracks = toIntegrationTracks(configuredTracks);\n  const shownIndicators = getShownIndicators(tracks, selection);\n  const uniqueIndicators = getUniqueIndicatorsByPriority(\n    shownIndicators,\n    range,\n  );\n\n  const hasIndicators = uniqueIndicators.some((track) => track.length > 0);\n  return hasIndicators ? uniqueIndicators : null;\n}\n\nfunction GanttIndicatorShape({\n  indicator,\n  trackIndex,\n  scale,\n  height,\n  theme,\n}: Readonly<{\n  indicator: IndicatorData;\n  trackIndex: number;\n  scale: (value: number | Date) => number;\n  height: number;\n  theme: 'light' | 'dark';\n}>): JSX.Element {\n  const { start, end, color, state } = indicator;\n  const brightnessFilterId = getBrightnessFilterId(indicator, trackIndex);\n  const slope = getMarkerBrightnessBasedOnState(theme, state);\n  const filter = `url(#${brightnessFilterId})`;\n  const range = { start, end };\n  const x = scale(start) ?? 0;\n\n  return (\n    <>\n      <BrightnessFilter id={brightnessFilterId} slope={slope} />\n      {isRangeMarker(range) ? (\n        <AreaIndicator\n          x={x}\n          width={(scale(range.end) ?? 0) - x}\n          height={height}\n          color={color}\n          filter={filter}\n        />\n      ) : (\n        <LineIndicator x={x} height={height} color={color} filter={filter} />\n      )}\n    </>\n  );\n}\n\n/**\n * Renders indicators for gantt chart annotations that correspond to the annotation marker positions in the header.\n *\n * Indicators are rendered as SVG elements on top of the gantt chart cells, and their visibility is determined based on\n * the current selection state and the configuration provided in the annotations header.\n *\n * @internal\n */\nexport const DataTableGanttAnnotationIndicators = ({\n  width,\n  height,\n  min,\n  max,\n  config,\n  columnId,\n  isLastPageRow,\n}: DataTableGanttAnnotationIndicatorsProps): JSX.Element | null => {\n  const theme = useCurrentTheme();\n  const { scale } = useScaleAndFormatter(width, config, min, max);\n  const indicators = useGanttIndicators(config, columnId, [min, max]);\n\n  if (!indicators) {\n    return null;\n  }\n\n  // Extend the indicators' height to stretch over the row borders so they appear continuous, across rows.\n  // Since the last body row has no bottom border, don't extend the height for it to avoid unnecessary overflow.\n  const fullRowHeight = height + (isLastPageRow ? 0 : DATA_TABLE_ROW_BORDER);\n\n  return (\n    <svg\n      height={fullRowHeight}\n      width={width}\n      className={styles.annotationIndicators}\n    >\n      {indicators.map((track, trackIndex) =>\n        track.map(([key, indicator]) => (\n          <GanttIndicatorShape\n            key={key}\n            indicator={indicator}\n            trackIndex={trackIndex}\n            scale={scale}\n            height={fullRowHeight}\n            theme={theme}\n          />\n        )),\n      )}\n    </svg>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.sty.js

@@ -1,5 +1,5 @@
 import "./DataTableGanttAnnotationsIndicators.css";
-var annotationIndicators = "_1x1hmrh0-3-10-4";
+var annotationIndicators = "_1x1hmrh0-3-11-0";
 export {
   annotationIndicators
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.css.ts"],
-  "sourcesContent": ["import './DataTableGanttAnnotationsIndicators.css';\nexport var annotationIndicators = '_1x1hmrh0-3-10-4';"],
+  "sourcesContent": ["import './DataTableGanttAnnotationsIndicators.css';\nexport var annotationIndicators = '_1x1hmrh0-3-11-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.css

@@ -1,11 +1,11 @@
-._5jn5tp0-3-10-4 {
+._5jn5tp0-3-11-0 {
   height: 100%;
   width: 100%;
 }
-._5jn5tp1-3-10-4 {
+._5jn5tp1-3-11-0 {
   padding-right: 0;
   pointer-events: auto;
 }
-._5jn5tp1-3-10-4:not(:has(._1udh2jz2-3-10-4)) {
+._5jn5tp1-3-11-0:not(:has(._1udh2jz2-3-11-0)) {
   padding-left: 0;
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.sty.js

@@ -15,8 +15,8 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "../SubRows/SubRows.css";
 import "./DataTableGanttChartCell.css";
-var ganttChartCell = "_5jn5tp0-3-10-4";
-var ganttChartDefaultCell = "_5jn5tp1-3-10-4";
+var ganttChartCell = "_5jn5tp0-3-11-0";
+var ganttChartDefaultCell = "_5jn5tp1-3-11-0";
 export {
   ganttChartCell,
   ganttChartDefaultCell

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartCell.css.ts"],
-  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../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 '../SubRows/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-10-4';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-10-4';"],
+  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../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 '../SubRows/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-11-0';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-11-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;AACP,OAAO;AACP,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.css

@@ -1,4 +1,4 @@
-._evozey0-3-10-4 {
+._evozey0-3-11-0 {
   position: absolute;
   inset: 0;
   margin-left: auto;

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.sty.js

@@ -1,5 +1,5 @@
 import "./DataTableGanttChartGrid.css";
-var ganttChartGrid = "_evozey0-3-10-4";
+var ganttChartGrid = "_evozey0-3-11-0";
 export {
   ganttChartGrid
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.css.ts"],
-  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-10-4';"],
+  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-11-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.css

@@ -1,14 +1,14 @@
-._10y95u40-3-10-4 {
+._10y95u40-3-11-0 {
   padding-right: 0;
   align-items: center;
 }
-._11pvd3zt-3-10-4:not(._11pvd3z5-3-10-4) ._10y95u40-3-10-4 {
+._11pvd3zt-3-11-0:not(._11pvd3z5-3-11-0) ._10y95u40-3-11-0 {
   width: 100%;
   padding-left: 0;
 }
-._11pvd3z5-3-10-4 ._10y95u40-3-10-4 {
+._11pvd3z5-3-11-0 ._10y95u40-3-11-0 {
   width: 100%;
 }
-._10y95u40-3-10-4 span {
+._10y95u40-3-11-0 span {
   margin-top: 0 !important;
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.sty.js

@@ -5,7 +5,7 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../Thresholds/Thresholds.css";
 import "../../components/DataTableHeaderCell.css";
 import "./DataTableGanttChartHeader.css";
-var ganttChartHeader = "_10y95u40-3-10-4";
+var ganttChartHeader = "_10y95u40-3-11-0";
 export {
   ganttChartHeader
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-10-4';"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-11-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

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

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

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

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

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

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

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

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

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

@@ -12,6 +12,7 @@ import {
 } from "../../../../charts/core/types/formatter.js";
 import { MultiMeterBarChart } from "../../../../charts/meter-bar/multi-meter-bar/MultiMeterBarChart.js";
 import { METER_BAR_SIZE } from "../../../../charts/meter-bar/shared/constants.js";
+import { collapseThresholdShowIndicators } from "../../../../charts/meter-bar/shared/utils/collapse-threshold-show-indicators.js";
 import { MeterBarChart } from "../../../../charts/meter-bar/single-meter-bar/MeterBarChart.js";
 import { devLog } from "../../../../core/utils/logging.js";
 import { isDisplayColumnDefConfig } from "../../hooks/useTable/datatable-typeguards.js";
@@ -34,6 +35,16 @@ function formatMeterBarValue(value, formatter) {
   }
   return formatter(value);
 }
+function resolveShowThresholdIndicators(config) {
+  if (config?.showThresholdIndicators !== void 0) {
+    return config.showThresholdIndicators;
+  }
+  return collapseThresholdShowIndicators(
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    (config?.thresholds ?? []).map((threshold) => threshold.showIndicator),
+    "[Table - MeterBar] The deprecated per-threshold `showIndicator` config has mixed values and can no longer be represented per threshold. Use the column-level `showThresholdIndicators` config to show or hide all threshold indicators at once."
+  );
+}
 function MeterBarChartRenderer({
   value,
   column
@@ -72,6 +83,8 @@ function MeterBarChartRenderer({
   } : void 0;
   if (typeof value === "number") {
     const showValue = config?.showValue ?? false;
+    const showThresholdIndicators = resolveShowThresholdIndicators(config);
+    const hasVisibleThresholds = showThresholdIndicators !== false && (config?.thresholds?.length ?? 0) > 0;
     const chart = /* @__PURE__ */ jsxs(
       MeterBarChart,
       {
@@ -82,7 +95,10 @@ function MeterBarChartRenderer({
         size: METER_BAR_SIZE.Size8,
         width: "100%",
         height: "auto",
-        style: { padding: `${Spacings.Size6} 0` },
+        showThresholdIndicators,
+        style: {
+          padding: `${hasVisibleThresholds ? Spacings.Size4 : Spacings.Size6} 0`
+        },
         formatter: config?.formatter,
         ref: chartRef,
         children: [
@@ -92,8 +108,7 @@ function MeterBarChartRenderer({
             {
               name: threshold.name,
               color: threshold.color,
-              value: threshold.value,
-              showIndicator: threshold.showIndicator
+              value: threshold.value
             },
             `threshold-${threshold.color}-${threshold.value}`
           ))
@@ -226,6 +241,7 @@ export {
   constructMeterBarChartColumnTypeFeature,
   getTotalMaxFromMeterbarChartData,
   isMultiMeterBarData,
+  resolveShowThresholdIndicators,
   useMeterBarChartMaxValuesCalc
 };
 //# sourceMappingURL=MeterBarChart.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/MeterBarChart/MeterBarChart.tsx"],
-  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\nimport type {\n  CellData,\n  Column,\n  RowData,\n  TableFeature,\n  TableOptions,\n} from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { isEmpty, isNumber } from 'lodash-es';\nimport { useEffect, useMemo, useRef, type JSX } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\nimport {\n  type ConvertibleUnit,\n  format,\n  type FormatOptions,\n  type Unit,\n} from '@dynatrace-sdk/units';\n\nimport type { MeterBarChartColumnTypeFeatureConstructors } from './meterbar-chart-types.js';\nimport * as styles from './MeterBarChart.sty.js';\nimport {\n  isFormatterOptions,\n  type Formatter,\n} from '../../../../charts/core/types/formatter.js';\nimport { MultiMeterBarChart } from '../../../../charts/meter-bar/multi-meter-bar/MultiMeterBarChart.js';\nimport { METER_BAR_SIZE } from '../../../../charts/meter-bar/shared/constants.js';\nimport type { MeterBarChartElementRef } from '../../../../charts/meter-bar/shared/types/meter-bars.js';\nimport { MeterBarChart } from '../../../../charts/meter-bar/single-meter-bar/MeterBarChart.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { isDisplayColumnDefConfig } from '../../hooks/useTable/datatable-typeguards.js';\nimport type {\n  DataTableColumnDef,\n  DataTableDisplayColumnDef,\n  DataTableRowData,\n} from '../../public.api.js';\nimport { isDatatableMeterBarColumnConfig } from '../ColumnTypes/column-types-types.js';\nimport type { DataTableMeterbarColumnConfig } from '../ColumnTypes/column-types-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/** Default max value for meterbar column. */\nconst DEFAULT_MAX_VALUE = 100;\n\n/**\n * Type guard function ensures that the defined column contains the 'accessor' property.\n * @internal\n */\nfunction isColumnDefWithAccessor<TData extends DataTableRowData, TValue>(\n  column: unknown,\n): column is DataTableDisplayColumnDef<TData, TValue> {\n  return (\n    column !== null &&\n    column !== undefined &&\n    typeof column === 'object' &&\n    'accessor' in column\n  );\n}\n\ntype MeterBarChartRendererType<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> = {\n  value: number | { name: string; value: number; color?: string }[];\n  column: Column<TDataTableFeatures, TData, TValue>;\n};\n\n/**\n * Type guard to check value against MultiMeterBar values.\n * @internal\n */\nexport function isMultiMeterBarData(\n  value: unknown,\n): value is Array<{ name: string; value: number; color?: string }> {\n  return (\n    Array.isArray(value) &&\n    value.every(\n      (item) =>\n        typeof item === 'object' &&\n        typeof item.name === 'string' &&\n        typeof item.value === 'number' &&\n        (item.color === undefined || typeof item.color === 'string'),\n    )\n  );\n}\n\n/**\n * Formats the value for the meterbar chart based on the provided formatter or format options.\n * @param value - The numeric value to be formatted.\n * @param formatter - Optional formatter function or format options to format the value.\n * @returns The formatted value as a string.\n * @internal\n */\nfunction formatMeterBarValue(\n  value: number,\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>,\n): string {\n  if (!formatter) {\n    return String(value);\n  }\n  if (isFormatterOptions(formatter)) {\n    return format(value, formatter);\n  }\n  return formatter(value);\n}\n\n/**\n * Intended for configuring and rendering the meterbar chart component.\n */\nexport function MeterBarChartRenderer<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>({\n  value,\n  column,\n}: Readonly<MeterBarChartRendererType<TData, TValue>>): JSX.Element {\n  const chartRef = useRef<MeterBarChartElementRef>(null);\n\n  let config: DataTableMeterbarColumnConfig = {};\n  if (\n    column?.columnDef.meta &&\n    isDatatableMeterBarColumnConfig(\n      column.columnDef.meta.config,\n      column.columnDef.columnType,\n    )\n  ) {\n    config = column.columnDef.meta.config;\n  }\n\n  const columnId = column.columnDef.id ?? '';\n\n  const maxValuesFromState = column.table.atoms.meterbarChartMaxValues?.get();\n\n  const maxValue = !isEmpty(maxValuesFromState)\n    ? maxValuesFromState[columnId]\n    : DEFAULT_MAX_VALUE;\n\n  const listenerRef = useRef<((e?: PointerEvent) => void) | null>(null);\n\n  useEffect(() => {\n    // clean possible leftover event on unmount\n    return () => {\n      listenerRef.current?.();\n    };\n  }, []);\n\n  const registerUnpinOnPointerUp = config?.showTooltip\n    ? () => {\n        if (listenerRef.current) {\n          return;\n        }\n        const handler = (event: PointerEvent) => {\n          if (\n            (event.target as HTMLElement).closest('[role=\"tooltip\"]') !== null\n          ) {\n            return;\n          }\n\n          chartRef.current?.unpinTooltip();\n          listenerRef.current?.();\n          listenerRef.current = null;\n        };\n        listenerRef.current = () =>\n          document.removeEventListener('pointerup', handler);\n        document.addEventListener('pointerup', handler);\n      }\n    : undefined;\n\n  // simple MeterBar\n  if (typeof value === 'number') {\n    const showValue = config?.showValue ?? false;\n\n    const chart = (\n      <MeterBarChart\n        value={value}\n        min={config?.min}\n        max={maxValue}\n        color={config?.color as string}\n        size={METER_BAR_SIZE.Size8}\n        width=\"100%\"\n        height=\"auto\"\n        // Override the chart's default height: '100%'.\n        style={{ padding: `${Spacings.Size6} 0` }}\n        formatter={config?.formatter}\n        ref={chartRef}\n      >\n        <MeterBarChart.Tooltip hidden={!config?.showTooltip} />\n        {config?.thresholds?.map((threshold) => (\n          <MeterBarChart.ThresholdIndicator\n            key={`threshold-${threshold.color}-${threshold.value}`}\n            // DEPRECATION: [APPDEV-15843] BREAKING-CHANGE: Remove `name` from `thresholds`\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            name={threshold.name}\n            color={threshold.color}\n            value={threshold.value}\n            showIndicator={threshold.showIndicator}\n          />\n        ))}\n      </MeterBarChart>\n    );\n\n    return (\n      <span\n        className={clsx({\n          [styles.wrapperVariants.shown]: showValue !== false,\n          [styles.wrapperVariants.hidden]: showValue === false,\n        })}\n        onClick={registerUnpinOnPointerUp}\n        role=\"none\"\n      >\n        {showValue !== false && (\n          <span className={styles.inlineValueVariants[showValue]}>\n            {formatMeterBarValue(value, config?.formatter)}\n          </span>\n        )}\n        {chart}\n      </span>\n    );\n  }\n\n  const isMultiMeterData = isMultiMeterBarData(value);\n  if (!isMultiMeterData) {\n    devLog('Invalid meter chart data.');\n  }\n\n  return (\n    <span\n      style={{ display: 'contents' }}\n      onClick={registerUnpinOnPointerUp}\n      role=\"none\"\n    >\n      <MultiMeterBarChart\n        size={METER_BAR_SIZE.Size8}\n        min={config?.min}\n        max={maxValue}\n        colorPalette={config?.colorPalette || 'categorical'}\n        width=\"100%\"\n        height=\"auto\"\n        // Override the chart's default height: '100%'.\n        style={{ padding: `${Spacings.Size6} 0` }}\n        formatter={config?.formatter}\n        ref={chartRef}\n      >\n        {\n          // only if this is multi meter data render segments\n          isMultiMeterData &&\n            value.map((data) => (\n              <MultiMeterBarChart.Segment\n                key={`${data.name}-${data.value}`}\n                name={data.name}\n                value={data.value}\n                color={data?.color}\n              />\n            ))\n        }\n        <MultiMeterBarChart.Tooltip\n          variant=\"shared\"\n          hidden={!config?.showTooltip}\n        />\n      </MultiMeterBarChart>\n    </span>\n  );\n}\n\n/**\n * Gets the highest total max values in a meterbar column.\n *\n * @param data - table data\n * @param columns - table column definition\n * @returns record of highest total max value per column\n * @internal\n */\nexport function getTotalMaxFromMeterbarChartData<\n  TData extends DataTableRowData,\n>(data: TData[], columns: DataTableColumnDef<TData>[]): Record<string, number> {\n  const meterbarColumns = columns.filter(\n    (columnDef) =>\n      isDisplayColumnDefConfig<TData>(columnDef) &&\n      columnDef.columnType === 'meterbar',\n  );\n\n  const maxValuesStorage: Record<string, number> = {};\n\n  for (const row of data) {\n    for (const columnDef of meterbarColumns) {\n      if (isColumnDefWithAccessor(columnDef)) {\n        const { accessor, config, id: columnId } = columnDef;\n\n        const configuredMax: number | 'data-max' | undefined =\n          isDatatableMeterBarColumnConfig(config, columnDef.columnType)\n            ? config.max\n            : undefined;\n\n        const meterbarValue = row as Record<string, unknown>;\n\n        const meterbarDataEntry =\n          typeof accessor === 'string'\n            ? meterbarValue[accessor]\n            : accessor(row);\n\n        let totalValue = DEFAULT_MAX_VALUE;\n\n        if (isNumber(configuredMax)) {\n          maxValuesStorage[columnId] = configuredMax;\n          continue;\n        }\n\n        if (meterbarDataEntry) {\n          if (Array.isArray(meterbarDataEntry)) {\n            totalValue = meterbarDataEntry.reduce(\n              (acc, current) => acc + current.value,\n              0,\n            );\n          } else {\n            const entry = isNumber(meterbarDataEntry)\n              ? meterbarDataEntry\n              : DEFAULT_MAX_VALUE;\n            totalValue =\n              configuredMax === 'data-max'\n                ? entry\n                : Math.max(entry, DEFAULT_MAX_VALUE);\n          }\n        }\n\n        maxValuesStorage[columnId] = Math.max(\n          maxValuesStorage[columnId] ?? totalValue,\n          totalValue,\n        );\n      }\n    }\n  }\n\n  return maxValuesStorage;\n}\n\n/**\n * Configuration hook for the DataTable Meterbar Chart feature.\n * @internal\n */\nexport function useMeterBarChartMaxValuesCalc<TData extends DataTableRowData>(\n  props: {\n    data: TData[];\n    columns: DataTableColumnDef<TData>[];\n  },\n  options: TableOptions<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  const meterbarChartMaxValues = useMemo(\n    () => getTotalMaxFromMeterbarChartData<TData>(props.data, props.columns),\n    [props.columns, props.data],\n  );\n\n  options.state = {\n    ...options.state,\n    meterbarChartMaxValues,\n  };\n}\n\nexport function constructMeterBarChartColumnTypeFeature(): TableFeature<MeterBarChartColumnTypeFeatureConstructors> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        meterbarChartMaxValues: null,\n        ...initialState,\n      };\n    },\n  };\n}\n\n/**\n * DataTableMeterBarChartColumnTypeFeature is the plugin that provides the loading state for the DataTable,\n * which can be used to display a loading indicator while the table's columns and/or data are being loaded.\n */\nexport const DataTableMeterBarChartColumnTypeFeature =\n  constructMeterBarChartColumnTypeFeature();\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable react-hooks/immutability */\nimport type {\n  CellData,\n  Column,\n  RowData,\n  TableFeature,\n  TableOptions,\n} from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { isEmpty, isNumber } from 'lodash-es';\nimport { useEffect, useMemo, useRef, type JSX } from 'react';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\nimport {\n  type ConvertibleUnit,\n  format,\n  type FormatOptions,\n  type Unit,\n} from '@dynatrace-sdk/units';\n\nimport type { MeterBarChartColumnTypeFeatureConstructors } from './meterbar-chart-types.js';\nimport * as styles from './MeterBarChart.sty.js';\nimport {\n  isFormatterOptions,\n  type Formatter,\n} from '../../../../charts/core/types/formatter.js';\nimport { MultiMeterBarChart } from '../../../../charts/meter-bar/multi-meter-bar/MultiMeterBarChart.js';\nimport { METER_BAR_SIZE } from '../../../../charts/meter-bar/shared/constants.js';\nimport type { MeterBarChartElementRef } from '../../../../charts/meter-bar/shared/types/meter-bars.js';\nimport { collapseThresholdShowIndicators } from '../../../../charts/meter-bar/shared/utils/collapse-threshold-show-indicators.js';\nimport { MeterBarChart } from '../../../../charts/meter-bar/single-meter-bar/MeterBarChart.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { isDisplayColumnDefConfig } from '../../hooks/useTable/datatable-typeguards.js';\nimport type {\n  DataTableColumnDef,\n  DataTableDisplayColumnDef,\n  DataTableRowData,\n} from '../../public.api.js';\nimport { isDatatableMeterBarColumnConfig } from '../ColumnTypes/column-types-types.js';\nimport type { DataTableMeterbarColumnConfig } from '../ColumnTypes/column-types-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/** Default max value for meterbar column. */\nconst DEFAULT_MAX_VALUE = 100;\n\n/**\n * Type guard function ensures that the defined column contains the 'accessor' property.\n * @internal\n */\nfunction isColumnDefWithAccessor<TData extends DataTableRowData, TValue>(\n  column: unknown,\n): column is DataTableDisplayColumnDef<TData, TValue> {\n  return (\n    column !== null &&\n    column !== undefined &&\n    typeof column === 'object' &&\n    'accessor' in column\n  );\n}\n\ntype MeterBarChartRendererType<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n> = {\n  value: number | { name: string; value: number; color?: string }[];\n  column: Column<TDataTableFeatures, TData, TValue>;\n};\n\n/**\n * Type guard to check value against MultiMeterBar values.\n * @internal\n */\nexport function isMultiMeterBarData(\n  value: unknown,\n): value is Array<{ name: string; value: number; color?: string }> {\n  return (\n    Array.isArray(value) &&\n    value.every(\n      (item) =>\n        typeof item === 'object' &&\n        typeof item.name === 'string' &&\n        typeof item.value === 'number' &&\n        (item.color === undefined || typeof item.color === 'string'),\n    )\n  );\n}\n\n/**\n * Formats the value for the meterbar chart based on the provided formatter or format options.\n * @param value - The numeric value to be formatted.\n * @param formatter - Optional formatter function or format options to format the value.\n * @returns The formatted value as a string.\n * @internal\n */\nfunction formatMeterBarValue(\n  value: number,\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit>,\n): string {\n  if (!formatter) {\n    return String(value);\n  }\n  if (isFormatterOptions(formatter)) {\n    return format(value, formatter);\n  }\n  return formatter(value);\n}\n\n/**\n * Resolves the effective column-level `showThresholdIndicators` value.\n *\n * The new column-level `showThresholdIndicators` flag always takes precedence.\n * When it is omitted, we fall back to the deprecated per-threshold\n * `showIndicator` flags so existing configs keep working without a breaking\n * change.\n * @internal\n */\nexport function resolveShowThresholdIndicators(\n  config: DataTableMeterbarColumnConfig,\n): boolean | undefined {\n  if (config?.showThresholdIndicators !== undefined) {\n    return config.showThresholdIndicators;\n  }\n\n  return collapseThresholdShowIndicators(\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    (config?.thresholds ?? []).map((threshold) => threshold.showIndicator),\n    '[Table - MeterBar] The deprecated per-threshold `showIndicator` config ' +\n      'has mixed values and can no longer be represented per threshold. Use ' +\n      'the column-level `showThresholdIndicators` config to show or hide all ' +\n      'threshold indicators at once.',\n  );\n}\n\n/**\n * Intended for configuring and rendering the meterbar chart component.\n */\nexport function MeterBarChartRenderer<\n  TData extends RowData,\n  TValue extends CellData = CellData,\n>({\n  value,\n  column,\n}: Readonly<MeterBarChartRendererType<TData, TValue>>): JSX.Element {\n  const chartRef = useRef<MeterBarChartElementRef>(null);\n\n  let config: DataTableMeterbarColumnConfig = {};\n  if (\n    column?.columnDef.meta &&\n    isDatatableMeterBarColumnConfig(\n      column.columnDef.meta.config,\n      column.columnDef.columnType,\n    )\n  ) {\n    config = column.columnDef.meta.config;\n  }\n\n  const columnId = column.columnDef.id ?? '';\n\n  const maxValuesFromState = column.table.atoms.meterbarChartMaxValues?.get();\n\n  const maxValue = !isEmpty(maxValuesFromState)\n    ? maxValuesFromState[columnId]\n    : DEFAULT_MAX_VALUE;\n\n  const listenerRef = useRef<((e?: PointerEvent) => void) | null>(null);\n\n  useEffect(() => {\n    // clean possible leftover event on unmount\n    return () => {\n      listenerRef.current?.();\n    };\n  }, []);\n\n  const registerUnpinOnPointerUp = config?.showTooltip\n    ? () => {\n        if (listenerRef.current) {\n          return;\n        }\n        const handler = (event: PointerEvent) => {\n          if (\n            (event.target as HTMLElement).closest('[role=\"tooltip\"]') !== null\n          ) {\n            return;\n          }\n\n          chartRef.current?.unpinTooltip();\n          listenerRef.current?.();\n          listenerRef.current = null;\n        };\n        listenerRef.current = () =>\n          document.removeEventListener('pointerup', handler);\n        document.addEventListener('pointerup', handler);\n      }\n    : undefined;\n\n  // simple MeterBar\n  if (typeof value === 'number') {\n    const showValue = config?.showValue ?? false;\n    const showThresholdIndicators = resolveShowThresholdIndicators(config);\n    const hasVisibleThresholds =\n      showThresholdIndicators !== false &&\n      (config?.thresholds?.length ?? 0) > 0;\n\n    const chart = (\n      <MeterBarChart\n        value={value}\n        min={config?.min}\n        max={maxValue}\n        color={config?.color as string}\n        size={METER_BAR_SIZE.Size8}\n        width=\"100%\"\n        // Override the chart's default height: '100%'.\n        height=\"auto\"\n        showThresholdIndicators={showThresholdIndicators}\n        // The threshold interval bars add height below the bar\n        // so trim the vertical padding when they are visible\n        // to keep the cell height consistent.\n        style={{\n          padding: `${\n            hasVisibleThresholds ? Spacings.Size4 : Spacings.Size6\n          } 0`,\n        }}\n        formatter={config?.formatter}\n        ref={chartRef}\n      >\n        <MeterBarChart.Tooltip hidden={!config?.showTooltip} />\n        {config?.thresholds?.map((threshold) => (\n          <MeterBarChart.ThresholdIndicator\n            key={`threshold-${threshold.color}-${threshold.value}`}\n            // DEPRECATION: [APPDEV-15843] BREAKING-CHANGE: Remove `name` from `thresholds`\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            name={threshold.name}\n            color={threshold.color}\n            value={threshold.value}\n          />\n        ))}\n      </MeterBarChart>\n    );\n\n    return (\n      <span\n        className={clsx({\n          [styles.wrapperVariants.shown]: showValue !== false,\n          [styles.wrapperVariants.hidden]: showValue === false,\n        })}\n        onClick={registerUnpinOnPointerUp}\n        role=\"none\"\n      >\n        {showValue !== false && (\n          <span className={styles.inlineValueVariants[showValue]}>\n            {formatMeterBarValue(value, config?.formatter)}\n          </span>\n        )}\n        {chart}\n      </span>\n    );\n  }\n\n  const isMultiMeterData = isMultiMeterBarData(value);\n  if (!isMultiMeterData) {\n    devLog('Invalid meter chart data.');\n  }\n\n  return (\n    <span\n      style={{ display: 'contents' }}\n      onClick={registerUnpinOnPointerUp}\n      role=\"none\"\n    >\n      <MultiMeterBarChart\n        size={METER_BAR_SIZE.Size8}\n        min={config?.min}\n        max={maxValue}\n        colorPalette={config?.colorPalette || 'categorical'}\n        width=\"100%\"\n        // Override the chart's default height: '100%'.\n        height=\"auto\"\n        style={{ padding: `${Spacings.Size6} 0` }}\n        formatter={config?.formatter}\n        ref={chartRef}\n      >\n        {\n          // only if this is multi meter data render segments\n          isMultiMeterData &&\n            value.map((data) => (\n              <MultiMeterBarChart.Segment\n                key={`${data.name}-${data.value}`}\n                name={data.name}\n                value={data.value}\n                color={data?.color}\n              />\n            ))\n        }\n        <MultiMeterBarChart.Tooltip\n          variant=\"shared\"\n          hidden={!config?.showTooltip}\n        />\n      </MultiMeterBarChart>\n    </span>\n  );\n}\n\n/**\n * Gets the highest total max values in a meterbar column.\n *\n * @param data - table data\n * @param columns - table column definition\n * @returns record of highest total max value per column\n * @internal\n */\nexport function getTotalMaxFromMeterbarChartData<\n  TData extends DataTableRowData,\n>(data: TData[], columns: DataTableColumnDef<TData>[]): Record<string, number> {\n  const meterbarColumns = columns.filter(\n    (columnDef) =>\n      isDisplayColumnDefConfig<TData>(columnDef) &&\n      columnDef.columnType === 'meterbar',\n  );\n\n  const maxValuesStorage: Record<string, number> = {};\n\n  for (const row of data) {\n    for (const columnDef of meterbarColumns) {\n      if (isColumnDefWithAccessor(columnDef)) {\n        const { accessor, config, id: columnId } = columnDef;\n\n        const configuredMax: number | 'data-max' | undefined =\n          isDatatableMeterBarColumnConfig(config, columnDef.columnType)\n            ? config.max\n            : undefined;\n\n        const meterbarValue = row as Record<string, unknown>;\n\n        const meterbarDataEntry =\n          typeof accessor === 'string'\n            ? meterbarValue[accessor]\n            : accessor(row);\n\n        let totalValue = DEFAULT_MAX_VALUE;\n\n        if (isNumber(configuredMax)) {\n          maxValuesStorage[columnId] = configuredMax;\n          continue;\n        }\n\n        if (meterbarDataEntry) {\n          if (Array.isArray(meterbarDataEntry)) {\n            totalValue = meterbarDataEntry.reduce(\n              (acc, current) => acc + current.value,\n              0,\n            );\n          } else {\n            const entry = isNumber(meterbarDataEntry)\n              ? meterbarDataEntry\n              : DEFAULT_MAX_VALUE;\n            totalValue =\n              configuredMax === 'data-max'\n                ? entry\n                : Math.max(entry, DEFAULT_MAX_VALUE);\n          }\n        }\n\n        maxValuesStorage[columnId] = Math.max(\n          maxValuesStorage[columnId] ?? totalValue,\n          totalValue,\n        );\n      }\n    }\n  }\n\n  return maxValuesStorage;\n}\n\n/**\n * Configuration hook for the DataTable Meterbar Chart feature.\n * @internal\n */\nexport function useMeterBarChartMaxValuesCalc<TData extends DataTableRowData>(\n  props: {\n    data: TData[];\n    columns: DataTableColumnDef<TData>[];\n  },\n  options: TableOptions<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  const meterbarChartMaxValues = useMemo(\n    () => getTotalMaxFromMeterbarChartData<TData>(props.data, props.columns),\n    [props.columns, props.data],\n  );\n\n  options.state = {\n    ...options.state,\n    meterbarChartMaxValues,\n  };\n}\n\nexport function constructMeterBarChartColumnTypeFeature(): TableFeature<MeterBarChartColumnTypeFeatureConstructors> {\n  return {\n    getInitialState: (initialState) => {\n      return {\n        meterbarChartMaxValues: null,\n        ...initialState,\n      };\n    },\n  };\n}\n\n/**\n * DataTableMeterBarChartColumnTypeFeature is the plugin that provides the loading state for the DataTable,\n * which can be used to display a loading indicator while the table's columns and/or data are being loaded.\n */\nexport const DataTableMeterBarChartColumnTypeFeature =\n  constructMeterBarChartColumnTypeFeature();\n"],
+  "mappings": "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",
   "names": []
 }

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

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

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

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

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

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

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

@@ -1,9 +1,9 @@
 import "../RowOrder/RowOrder.css";
 import "./RowDetails.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var rowDetailsExpandedRowCell = "_2twyod0-3-10-4";
-var rowDetailsRow = _7a468({ defaultClassName: "_2twyod1-3-10-4", variantClassNames: { rowParity: { even: "_2twyod2-3-10-4", odd: "_2twyod3-3-10-4" }, isDraggedRow: { true: "_2twyod4-3-10-4" }, rowSeparation: { none: "_2twyod5-3-10-4", horizontalDividers: "_2twyod6-3-10-4", zebraStripes: "_2twyod7-3-10-4" }, isLastRow: { true: "_2twyod8-3-10-4" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_2twyod9-3-10-4"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_2twyoda-3-10-4"]] });
-var rowDetailsWrapper = _7a468({ defaultClassName: "_2twyodb-3-10-4", variantClassNames: { rowDensity: { "default": "_2twyodc-3-10-4", condensed: "_2twyodd-3-10-4", comfortable: "_2twyode-3-10-4" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
+var rowDetailsExpandedRowCell = "_2twyod0-3-11-0";
+var rowDetailsRow = _7a468({ defaultClassName: "_2twyod1-3-11-0", variantClassNames: { rowParity: { even: "_2twyod2-3-11-0", odd: "_2twyod3-3-11-0" }, isDraggedRow: { true: "_2twyod4-3-11-0" }, rowSeparation: { none: "_2twyod5-3-11-0", horizontalDividers: "_2twyod6-3-11-0", zebraStripes: "_2twyod7-3-11-0" }, isLastRow: { true: "_2twyod8-3-11-0" } }, defaultVariants: {}, compoundVariants: [[{ rowSeparation: "zebraStripes", rowParity: "even" }, "_2twyod9-3-11-0"], [{ rowSeparation: "zebraStripes", rowParity: "odd" }, "_2twyoda-3-11-0"]] });
+var rowDetailsWrapper = _7a468({ defaultClassName: "_2twyodb-3-11-0", variantClassNames: { rowDensity: { "default": "_2twyodc-3-11-0", condensed: "_2twyodd-3-11-0", comfortable: "_2twyode-3-11-0" } }, defaultVariants: { rowDensity: "default" }, compoundVariants: [] });
 export {
   rowDetailsExpandedRowCell,
   rowDetailsRow,