[Hint Mode: Start Coords] Add start coords UI for sinusoid graphs

[nishasy]

Summary:

Add the UI to specify start coords for Sinusoid graph type.

• Add the sinusoid graph type to start-coord-settings.tsx
• Create a start-coords-sinusoid.tsx file with the main UI
• Add a utility for getting the sinusoid equation from coordinates (less complex
  than the static method on InteractiveGraph that does the same)
• Add start coords UI phase 2 flag

Issue: https://khanacademy.atlassian.net/browse/LEMS-2207

Test plan:

yarn jest

Storybook

• http://localhost:6006/?path=/story/perseuseditor-widgets-interactive-graph--interactive-graph-sinusoid-with-starting-coords

[github-actions]

Size Change: +548 B (+0.06%)

Total Size: 851 kB

Filename	Size	Change
packages/perseus-editor/dist/es/index.js	272 kB	+541 B (+0.2%)
packages/perseus/dist/es/index.js	412 kB	+7 B (0%)

ℹ️ View Unchanged

Filename	Size
packages/kas/dist/es/index.js	38.3 kB
packages/kmath/dist/es/index.js	4.27 kB
packages/math-input/dist/es/index.js	80.8 kB
packages/math-input/dist/es/strings.js	1.73 kB
packages/perseus-core/dist/es/index.js	1.48 kB
packages/perseus-linter/dist/es/index.js	21.6 kB
packages/perseus/dist/es/strings.js	3.23 kB
packages/pure-markdown/dist/es/index.js	3.67 kB
packages/simple-markdown/dist/es/index.js	12.4 kB

_{compressed-size-action}

[nishasy]

I can remove this and all the extra flag code below if we want to release sinusoid as part of phase 1.

[khan-actions-bot]

Gerald

Required Reviewers

• @Khan/perseus for changes to .changeset/eighty-ducks-appear.md, packages/perseus/src/index.ts, packages/perseus/src/types.ts, packages/perseus-editor/src/__stories__/flags-for-api-options.ts, packages/perseus-editor/src/components/start-coords-settings.tsx, packages/perseus-editor/src/components/start-coords-sinusoid.tsx, packages/perseus-editor/src/components/util.ts, packages/perseus-editor/src/widgets/interactive-graph-editor.tsx, packages/perseus-editor/src/components/__tests__/start-coords-settings.test.tsx, packages/perseus-editor/src/components/__tests__/util.test.ts, packages/perseus-editor/src/widgets/__tests__/interactive-graph-editor.test.tsx, packages/perseus/src/widgets/interactive-graphs/reducer/initialize-graph-state.ts

---

Don't want to be involved in this pull request? Comment #removeme and we won't notify you of further changes.

[codecov]

Codecov Report

Attention: Patch coverage is 96.40288% with 5 lines in your changes missing coverage. Please review.

Project coverage is 70.47%. Comparing base (94ad04f) to head (dc31410).

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1468      +/-   ##
==========================================
+ Coverage   69.62%   70.47%   +0.85%     
==========================================
  Files         507      511       +4     
  Lines      105156   105325     +169     
  Branches     7517    11428    +3911     
==========================================
+ Hits        73218    74231    +1013     
+ Misses      31749    31094     -655     
+ Partials      189        0     -189     

Files	Coverage Δ
...us-editor/src/components/start-coords-settings.tsx	98.43% <100.00%> (+0.14%)	⬆️
...us-editor/src/components/start-coords-sinusoid.tsx	100.00% <100.00%> (ø)
...us-editor/src/widgets/interactive-graph-editor.tsx	91.52% <100.00%> (+0.09%)	⬆️
packages/perseus/src/index.ts	100.00% <100.00%> (ø)
...teractive-graphs/reducer/initialize-graph-state.ts	92.53% <100.00%> (+11.99%)	⬆️
packages/perseus-editor/src/components/util.ts	70.96% <84.37%> (-3.77%)	⬇️

... and 142 files with indirect coverage changes

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 94ad04f...dc31410. Read the comment docs.

[mark-fitzgerald]

Looks good.

[mark-fitzgerald]

LGTM