[Hint Mode: Start Coords] Add start coords UI for point graphs (limited only)

[nishasy]

Summary:

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

• Add the point graph type to start-coord-settings.tsx
• Create a start-coords-point.tsx file with the main UI
• Add the start coords UI point flag
• Move the logic for determining whether the UI should be
  shown based on the feature flags out into the util file.

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

Test plan:

yarn jest

Storybook

• http://localhost:6006/?path=/story/perseuseditor-widgets-interactive-graph--interactive-graph-point

[nishasy]

oops, forgot to add tests for the sinusoid and quadratic start coords before

[nishasy]

Moved the flag logic out into the util file because it was getting super cluttered inside the interactive-graph-editor.tsx.

[benchristel]

👍 It's nice to have a place for this logic!

[github-actions]

Size Change: +250 B (+0.03%)

Total Size: 853 kB

Filename	Size	Change
packages/perseus-editor/dist/es/index.js	273 kB	+244 B (+0.09%)
packages/perseus/dist/es/index.js	412 kB	+6 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}

[khan-actions-bot]

Gerald

Required Reviewers

• @Khan/perseus for changes to .changeset/tasty-eggs-drop.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-circle.tsx, packages/perseus-editor/src/components/start-coords-point.tsx, packages/perseus-editor/src/components/start-coords-settings.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 95.53571% with 5 lines in your changes missing coverage. Please review.

Project coverage is 70.54%. Comparing base (f920a4c) to head (ffa1913).

Files	Patch %	Lines
packages/perseus-editor/src/components/util.ts	87.80%	5 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1486      +/-   ##
==========================================
+ Coverage   70.12%   70.54%   +0.42%     
==========================================
  Files         509      513       +4     
  Lines      105504   105629     +125     
  Branches     7633    11462    +3829     
==========================================
+ Hits        73981    74516     +535     
+ Misses      31336    31113     -223     
+ Partials      187        0     -187     

Files	Coverage Δ
...seus-editor/src/components/start-coords-circle.tsx	93.33% <ø> (-0.09%)	⬇️
...rseus-editor/src/components/start-coords-point.tsx	100.00% <100.00%> (ø)
...us-editor/src/components/start-coords-settings.tsx	94.55% <100.00%> (+0.39%)	⬆️
...us-editor/src/widgets/interactive-graph-editor.tsx	91.25% <100.00%> (-0.22%)	⬇️
packages/perseus/src/index.ts	100.00% <100.00%> (ø)
...teractive-graphs/reducer/initialize-graph-state.ts	80.31% <100.00%> (ø)
packages/perseus-editor/src/components/util.ts	71.95% <87.80%> (+2.54%)	⬆️

... and 148 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 f920a4c...ffa1913. Read the comment docs.

[benchristel]

Looks great! 🚢

[benchristel]

👍 It's nice to have a place for this logic!