Feat: Add a valueRules property to UiSettings that maps a cell's resolved value to a display text string based on conditional thresholds (Draft)

[SimonBurmer]

Motivation

cssRules already allows conditional CSS styling (e.g. color a score red when it is below a threshold). However, there is no way to map a raw integer or enum value to a human-readable category label without pre-computing that label in the data source.

Example use case: An activityScore integer field (0–100) should display as "Low", "Medium", or "High" based on the score range, while still applying color coding via cssRules.

Proposed API

Add valueRules?: ValueRule[] to UiSettings:

interface ValueRule {
  if: { condition: CssRuleCondition; value: string };
  then: string; // display text to show when condition matches
}

The first matching rule wins. Falls back to the raw resolved value when no rule matches.

Example configuration (ContentConfiguration YAML)

{
  "label": "Activity Score",
  "property": "spec.extensions.repository.activityScore",
  "uiSettings": {
    "valueRules": [
      { "if": { "condition": "lessThan",           "value": "20" }, "then": "Low" },
      { "if": { "condition": "lessThan",           "value": "60" }, "then": "Medium" },
      { "if": { "condition": "greaterThanOrEqual", "value": "60" }, "then": "High" }
    ],
    "cssRules": [
      { "if": { "condition": "lessThan", "value": "20" }, "styles": { "color": "red" } }
    ]
  }
}

[SimonBurmer]

Example image:

[gkrajniak]

@Sobyt483 as far as I rememebr this functionality exists, pleaase verify and eventually close the issue.

[Sobyt483]

@gkrajniak we don't. I think the idea is good. Will implement