Does ui:widget work for type: "object"?

[ferretwithaberet]

Prerequisites

• I have read the documentation

What theme are you using?

antd

What is your question?

I am trying to make a widget for Ant Pro Flow.
It's input data is an object of form:

type ProFlowInput = {
  nodes: Node[];
  edges: Edge[];
}

I tried to define it as

{
  // ...
  "my_flow": {
    "type": "object",
    "properties": {
      "nodes": {
        "type": "array",
        "items": {
          "type": "object"
        }
      },
      "edges": {
        "type": "array",
        "items": {
          "type": "object"
        }
      }
    }
  }
  // ...
}

in my schema and

{
  // ...
  "my_flow": {
    "ui:title": "Some flow",
    "ui:widget": "ant-flow"
  }
  // ...
}

in my uiSchema.

But this does not seem to apply at all. Is there anything I am missing?

Edit: Ok, I noticed that custom widgets cannot be applied to the object type. But, is there anything I could do to workaround this?

Edit 2: In case anyone else runs into this, you can use type: "array" and do something like

const { value } = props
const [nodes = [], edges = []] = value ?? []

[nickgros]

@ferretwithaberet Could you perhaps provide a custom ObjectField?

The idea is that RJSF has no idea what fields an object may contain, so the base fields and templates just delegate that logic to widgets. Since you have a very specific idea of what your object will look like, and how the UI should behave, you can override the entire field with the UI/logic you need.

You can wrap our base ObjectField, or use the core implementation as a starting point for your custom component.