feat(app, shared-data): create odd boolean and choice selection screen

[jerader]

closes AUTH-123

Overview

Creates the screen for boolean and choice params on the odd

Test Plan

upload a protocol with a boolean and choice param and send it the odd. Or upload the attached protocol and change line 187 of app/src/organisms/ProtocolSetupParameters/index.tsx to return the mockData const at the top of the file.

Click on a boolean param on the setup parameters page. Observe the screen. Try to change the values and reset to default.

Now do the same thing with the choice param and make sure it works as expected.

Changelog

• create ChooseEnum component and test
• create the logic to update the params in the parent ProtocolSetupParameters
• fix tests
• rename formatRunTimeParameterValue to formatRunTimeParameterDefaultValue and create a new formatRunTimeParameterValue that returns the value updates.

Review requests

see test plan

Risk assessment

low

[koji]

if Sue requests us to keep the space size, we may need to add style.

https://www.figma.com/file/aS5owa8kwmA0uzqzkP1BLJ?type=design&node-id=3312-62720&mode=dev#755884946

[koji]

I think we can work on char limit in a following PR because at this moment we don't have any long case design.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 67.19%. Comparing base (f38e962) to head (43aff2f).
Report is 1 commits behind head on edge.

Additional details and impacted files

@@           Coverage Diff           @@
##             edge   #14775   +/-   ##
=======================================
  Coverage   67.19%   67.19%           
=======================================
  Files        2495     2495           
  Lines       71387    71387           
  Branches     8983     8983           
=======================================
  Hits        47972    47972           
  Misses      21301    21301           
  Partials     2114     2114           

Flag	Coverage Δ
shared-data	75.93% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

[ncdiehl11]

I think we want to check here whether the default equals the current value. If we actually are resetting the value, we don't show the snackbar. From figma:

Reset default value is disabled when the default value is displayed and enabled once its been changed

If the user taps on the ‘Reset default value’ button when disabled, a snack bar appears informing the user the value has not been edited

[jerader]

wow omg thanks so much for pointing this out!

[ncdiehl11]

works well! nice.