New enumTitles not working => old enumNames have warnings ⚠️ that are deprecated 🐛

[Fremen1990]

Prerequisites

• I have searched the existing issues
• I understand that providing a SSCCE example is tremendously useful to the maintainers.
• I have read the documentation
• Ideally, I'm providing a sample JSFiddle, Codesandbox.io or preferably a shared playground link demonstrating the issue.

What theme are you using?

material-ui

Version

5.16.1

Current Behavior

Current state:

I use currently JSON Schema with enumNames but in DevTools it is shouting that enumNames are depreciated ⚠️ and will be removed and to use enumTitles.

(console warnings ⚠️ are extremaly long and plenty of them)

---

After trying to change to enumTitles:

After changing to enumTitles I have the same label and value in my inputs and I do not have my input label which was normally working when it was under enumNames

Expected Behavior

To have label from enumTitles and value from enum => to just have working enumTitles like enumNames (depreciated) is working

Steps To Reproduce

Reproduce console warnings ⚠️

You can reproduce console warnings ⚠️ just using enumNames in local environment and devTools will shout as loud as possible 😅

---

Reproduce enumTitles not working as labels

You can check if enumTitles not working you can just paste this example JSON Schema into playground:

https://rjsf-team.github.io/react-jsonschema-form/

{
  "title": "Color Selector",
  "type": "object",
  "properties": {
    "favoriteColor": {
      "type": "string",
      "title": "Choose your favorite color",
      "enum": [
        "red",
        "green",
        "blue"
      ],
      "enumTitles": [
        "Red like a fire",
        "Green like a grass",
        "Blue like an ocean"
      ]
    }
  },
  "required": [
    "favoriteColor"
  ]
}

Environment

- OS: Windows 11
- Node: 18.1
- pnpm: 8.14

Anything else?

No response

[Stusu]

Hi @Fremen1990, there is no bug with enum titles. It is not just replaced name, but also structure. You should make a little more changes in your schema - replace enum with oneOf.

It is described in documentation

It should looks like that:

{
  "title": "Color Selector",
  "type": "object",
  "properties": {
    "favoriteColor": {
      "type": "string",
      "title": "Choose your favorite color",
      "oneOf": [
         { "const": "red", "title":  "Red like a fire" },
         { "const": "green", "title": "Green like a grass" },
         { "const": "blue", "title": "Blue like an ocean" }
      ]
    }
  },
  "required": [
    "favoriteColor"
  ]
}

[heath-freenome]

@Stusu Thanks for answering the question! @Fremen1990 the solution provided is the preferred approach to providing names for enums. enumNames was a hack that was added early on in RJSF and is expected to be removed in the next major release.

[nickgros]

We'll plan to keep enumNames working until we do #4215

[heath-freenome]

Closing this with the addition of ui:enumNames to the UiSchema in #4263