Disable delivery system edit buttons, unless selected

[benmartin-coforma]

Description

At the bottom of each measure page is a table of delivery systems, with an Edit button for each row. But users are only required to report on the delivery system(s) they indicated they would report on, in a prior question. This pull request wires up these buttons' enabled/disabled states to that prior question.

In order to make this happen, I added a field called formKey to the delivery system selection radio button. Most inputs will have an auto-generated name like "elements.7"; these radio buttons will now have fixed names. Then I can query React Hook Form by the appropriate name to get the selected delivery system instantly (that is, without waiting for the report to update in the store).

I also changed the values of the radio buttons. Whereas previously we had semantic-kebab-case values, now the values correspond directly the DeliverySystem enum - with multiple systems joined by commas if necessary.

In the future, we may want to add a formKey property to the rest of our elements. I don't love the code I added in Page.tsx to "maybe use the formKey we have, or maybe generate one". I'm not sure how much work would be involved in convincing Typescript that the elements we care about will always have form keys. It's possible that we will be able to remove that code entirely, by restructuring the ComposedElement pattern... somehow. In fact, we may want to do that before merging this PR. I request your opinion, dear reviewer.

Related ticket(s)

CMDCT-4182

---

How to test

1. Log in as a state user
2. Create a QMS report
3. Go to "Required Measure Results" or "Optional Measure Results"
4. Select a measure to update which allows for multiple Delivery Systems, such as FASI or LTSS
5. Note that at the bottom of the page, both rows of the Delivery Systems table have disabled "Edit" buttons
6. Select a delivery method radio button in the last question
7. Note that the "Edit" buttons instantly update, to be enabled or disabled as appropriate

Important updates

Note that these changes are not backwards-compatible with existing reports, because of the changes I made to qms.ts

---

Author checklist

• I have performed a self-review of my code
• I have added thorough tests, if necessary
• I have updated relevant documentation, if necessary

---

convert to a different template: test → val | val → prod

[codeclimate]

Code Climate has analyzed commit 92ff026 and detected 0 issues on this pull request.

The test coverage on the diff in this pull request is 100.0% (90% is the threshold).

This pull request will bring the total coverage in the repository to 93.6% (0.0% change).

View more on Code Climate.

[BearHanded]

I also am not sure if there's a better way to do it, but I do feel like it doesn't lock us into anything if we come up with a better idea

[ajaitasaini]

looks great!