feat(vfg): convert field-select + more tests [khcp-11336]

[kaiarrowood]

Summary

Convert VFG FieldSelect to use Kongponents + add more VFG component test coverage.
Addresses KHCP-11336.

Adoption PR (with passing E2Es): https://github.com/Kong/konnect-ui-apps/pull/4209

Resources

• Creating a package docs

[Leopoldthecoder]

Hi @kaiarrowood, for non-required select fields, previously we had a No selection... option so that users can unselect the field:

In this PR, the No selection... option is gone:

Could we either keep the No selection... option, or make such fields clearable?

Field schema for your reference:

"algorithm": {
  "default": "round-robin",
  "description": "Which load balancing algorithm to use.",
  "one_of":
    [
      "round-robin",
      "lowest-latency",
      "lowest-usage",
      "consistent-hashing",
      "semantic"
    ],
  "type": "string"
}

[kaiarrowood]

Hi @kaiarrowood, for non-required select fields, previously we had a No selection... option so that users can unselect the field:

In this PR, the No selection... option is gone:

Could we either keep the `No selection...` option, or make such fields `clearable`?

Field schema for your reference:

"algorithm": {
  "default": "round-robin",
  "description": "Which load balancing algorithm to use.",
  "one_of":
    [
      "round-robin",
      "lowest-latency",
      "lowest-usage",
      "consistent-hashing",
      "semantic"
    ],
  "type": "string"
}

Thanks @Leopoldthecoder , I added this check for required on the clearable prop. Does this meet the requirements?

[Leopoldthecoder]

Yes, that looks good to me. I've also pulled the packages in KM and did some manual tests. Merging this PR.