IFrame: renderer user input state

[handeyeco]

Summary:

See the parent PR for more context. Part of LEMS-3208.

In #2566 I add additional APIs to let widgets consume userInput from a parent and to update that parent state using handleUserInput, while also supporting the legacy way of storing user input (which was a combination of internal widget state and stashing state in a random blob in Renderer). This PR is part of a series of PRs that go widget-by-widget to use the new API.

This is a generic summary I'm putting on each PR and not every point will be applicable to every widget, but the common themes are:

• I added a test for serialization to make sure we're still backwards compatible (see LEMS-3185), then implemented the helpers getSerializedState and getUserInputFromSerializedState to keep supporting the expected results.
• I moved user input for the component into the new userInput state in Renderer. This means consuming userInput in the component and calling handleUserInput on change.
• When transform did something to initialize user input state, I moved the logic to getStartUserInput.
• When staticTransform did something to get correct state in static widgets, I moved the logic to getCorrectUserInput.
• Editors that use a widget to collect answer data are changed to support the new API.

Please see the parent PR for more information.

---

IFrameEditor doesn't use IFrame, so this shouldn't affect the editing experience

[github-actions]

Size Change: +15 B (0%)

Total Size: 473 kB

Filename	Size	Change
packages/perseus/dist/es/index.js	201 kB	+15 B (+0.01%)

ℹ️ View Unchanged

Filename	Size
packages/kas/dist/es/index.js	20.7 kB
packages/keypad-context/dist/es/index.js	1 kB
packages/kmath/dist/es/index.js	5.98 kB
packages/math-input/dist/es/index.js	98.6 kB
packages/math-input/dist/es/strings.js	1.61 kB
packages/perseus-core/dist/es/index.js	20.4 kB
packages/perseus-editor/dist/es/index.js	91.1 kB
packages/perseus-linter/dist/es/index.js	7.14 kB
packages/perseus-score/dist/es/index.js	9.23 kB
packages/perseus-utils/dist/es/index.js	403 B
packages/perseus/dist/es/strings.js	7.56 kB
packages/pure-markdown/dist/es/index.js	1.22 kB
packages/simple-markdown/dist/es/index.js	6.72 kB

_{compressed-size-action}

[github-actions]

npm Snapshot: Published

Good news!! We've packaged up the latest commit from this PR (05caa4f) and published it to npm. You
can install it using the tag PR2582.

Example:

pnpm add @khanacademy/perseus@PR2582

If you are working in Khan Academy's frontend, you can run the below command.

./tools/bump_perseus_version.js -t PR2582

If you are working in Khan Academy's webapp, you can run the below command.

./dev/tools/bump_perseus_version.js -s n -t PR2582

[SonicScrewdriver]

LGTM