Generate complex uiSchema

General
1

Im wondering if there is an option to render uiSchema from json schema with nested properties and arrays automatically.
I saw that you have built-in UiSchema generator, but for example below:

const uischema = Generate.uiSchema({
      type: 'object',
      properties: {
        'person-1': {
          title: 'Person',
          type: 'object',
          properties: {
            name: {
              title: 'Name',
              type: 'string',
            },
            age: {
              title: 'Age',
              type: 'integer',
            },
            jobs: {
              title: 'Jobs',
              type: 'array',
              items: {
                type: 'object',
                properties: {
                  'job-name': {
                    title: 'Job Name',
                    type: 'string',
                  },
                  salary: {
                    title: 'Salary',
                    type: 'integer',
                  },
                },
              },
            },
          },
          required: [],
        },
      },
      required: [],
    });

result is:

{
  "elements": [
    {
      "scope": "#/properties/person-1",
      "type": "Control",
    },
  ],
  "type": "VerticalLayout",
}

so it lacks label and all of the properties of object.

Is there a way to generate uischema from that kind of schema and be able to customize some output fields or should I write mapper by myself?

Thanks for your time in advance and have a nice day :smiley:

2

Hi @pegu,

Our default generator is very simplistic and consists of 100 very sparse lines. If you would like to see a different generation result, then I would recommend to just copy ours and adapt it your needs.