Feature: Option Groups within PF4 Select Component

[steverhoades]

Scope: PF4 mapper

Description
Currently within the Select component it does not appear possible to create option groups. There is support for the Select component within PF4 along with Groups however. It would be great to be able to provide a schema like the one below to support this feature.

Proposed Schema

const schema = {
    fields: [
        {
          "component": "select",
          "label": "Select Option",
          "name": "Option",
          "simpleValue": true,
          "isGroup": true,
          "options": [{
             group: "Lots of Placeholders",
             options: [
                {
                  "label": "Placeholder1",
                  "value": "Placeholder1"
                },
                {
                  "label": "Placeholder2",
                  "value": "Placeholder2"
                },
            ]
          }]
        }
    ]
};

[Hyperkid123]

Yup, we are missing that one. I will take a look tomorrow if @rvsia won't finish it before. The schema is generally OK, we may choose a bit different names and maybe use a flag to make the option explicit

options: [{
  group: true,
  title: "Foo",
  options: [...]
}]

[rvsia]

@Hyperkid123 We are already using groups in Carbon mapper, I would keep the same format:

https://data-driven-forms.org/provided-mappers/select?mapper=carbon#heading-carbonselect#singleselectwithcategories

{
    component: 'select',
    name: 'select-with-categories',
    label: 'With categories',
    options: [
        {
            label: 'Category 1',
            options: [
                { label: 'value 1', value: '111' },
                { label: 'value 2', value: '222' }
            ]
        },
        {
            label: 'Category 2',
            options: [
                { label: 'value 3', value: '333' },
                { label: 'value 4', value: '444' }
            ]
        }
    ]
}

[Hyperkid123]

Right if we have it carbon. Then we should definitely keep it the same. I knew we had it somewhere. I thought we had it in PF mapper already.

[Hyperkid123]

🎉 This issue has been resolved in version 3.15.0 🎉

The release is available on

• react-form-renderer (@latest dist-tag)

• ant-component-mapper (@latest dist-tag)

• blueprint-component-mapper (@latest dist-tag)

• carbon-component-mapper (@latest dist-tag)

• mui-component-mapper (@latest dist-tag)

• pf4-component-mapper (@latest dist-tag)

• suir-component-mapper (@latest dist-tag)

Data-Driven-Forms.org!