Remove startAnswerless (#3269)

## Summary:

- Originally as we were working on having widgets support "answerless" data, we needed a way in Storybook to provide answerless for some widgets and answerful for others
- Once all widgets supported answerless, we kept the flag because KAL started answerless but KAC started answerful
- Now both KAL and KAC start answerless, so this PR removes the ability to configure whether we start answerless or not - we just always start answerless now

Issue: LEMS-3882

## Test plan:
- Nothing should change really
- Storybook only, not learner facing

Author: handeyeco

Reviewers: benchristel, jeremywiebe, SonicScrewdriver

Required Reviewers:

Approved By: benchristel

Checks: ⏭️  1 check has been skipped, ✅ 9 checks were successful, ⌛ 1 check is pending

Pull Request URL: #3269

Author: handeyeco

.changeset/strong-cups-do.md

@@ -0,0 +1,2 @@
+---
+---

packages/perseus/src/testing/item-renderer-hooks.tsx

@@ -21,7 +21,6 @@ import type {
 export const useItemRenderer = (
     item: PerseusItem,
     apiOptions: APIOptions = {},
-    startAnswerless: boolean = false,
     reviewMode: boolean = false,
     showSolutions?: ShowSolutions,
 ) => {
@@ -30,7 +29,6 @@ export const useItemRenderer = (
         itemRendererReducer,
         createInitialState(
             item,
-            startAnswerless,
             apiOptions.isMobile ?? false,
             false, // isRtl defaults to false
             reviewMode,

packages/perseus/src/testing/item-renderer-reducer.ts

@@ -12,7 +12,6 @@ export type ItemRendererState = {
     perseusItem: PerseusItem;
     originalItem: PerseusItem;
     answerless: boolean;
-    startAnswerless: boolean;
     score: PerseusScore | undefined;
     userInput: UserInputMap | undefined;
     showPopover: boolean;
@@ -38,7 +37,6 @@ export type ItemRendererAction =
 // Create initial state function to allow passing props
 export const createInitialState = (
     item: PerseusItem,
-    startAnswerless: boolean = false,
     isMobile: boolean = false,
     isRtl: boolean = false,
     reviewMode: boolean = false,
@@ -48,8 +46,7 @@ export const createInitialState = (
     isRtl,
     perseusItem: item,
     originalItem: item,
-    answerless: startAnswerless,
-    startAnswerless,
+    answerless: true,
     score: undefined,
     userInput: undefined,
     showPopover: false,
@@ -97,7 +94,6 @@ export const itemRendererReducer = (
             return {
                 ...createInitialState(
                     state.originalItem,
-                    state.startAnswerless,
                     state.isMobile,
                     state.isRtl,
                     state.reviewMode,

packages/perseus/src/testing/server-item-renderer-with-debug-ui.tsx

@@ -21,9 +21,6 @@ type Props = {
     item: PerseusItem;
     apiOptions?: APIOptions;
     linterContext?: LinterContextProps;
-    // Temporary measure testing rendering with answerless data;
-    // only exists until all widgets are renderable with answerless data
-    startAnswerless?: boolean;
     reviewMode?: boolean;
     showSolutions?: ShowSolutions;
 };
@@ -37,7 +34,6 @@ export const ServerItemRendererWithDebugUI = ({
     apiOptions = Object.freeze({}),
     linterContext,
     reviewMode = false,
-    startAnswerless = false,
     showSolutions,
 }: Props): React.ReactElement => {
     // Use our custom hook to manage the renderer state
@@ -52,13 +48,7 @@ export const ServerItemRendererWithDebugUI = ({
         handleSkip,
         handleCheck,
         setShowPopover,
-    } = useItemRenderer(
-        item,
-        apiOptions,
-        startAnswerless,
-        reviewMode,
-        showSolutions,
-    );
+    } = useItemRenderer(item, apiOptions, reviewMode, showSolutions);
 
     return (
         <View>

packages/perseus/src/widgets/categorizer/categorizer.stories.tsx

@@ -34,6 +34,5 @@ export const Question1: Story = {
 export const AnswerlessCategorizer: Story = {
     args: {
         item: generateTestPerseusItem({question: question1}),
-        startAnswerless: true,
     },
 };

packages/perseus/src/widgets/dropdown/__docs__/dropdown.stories.tsx

@@ -65,6 +65,5 @@ export const DropdownWithEmptyPlaceholder: Story = {
 export const AnswerlessBasicDropdown: Story = {
     args: {
         item: generateTestPerseusItem({question: basicDropdown}),
-        startAnswerless: true,
     },
 };

packages/perseus/src/widgets/grapher/grapher.stories.tsx

@@ -81,7 +81,6 @@ export const ComplexQuestion: Story = {
 export const AnswerlessQuestion: Story = {
     args: {
         item: generateTestPerseusItem({question: absoluteValueQuestion}),
-        startAnswerless: true,
     },
 };
 

packages/perseus/src/widgets/group/group.stories.tsx

@@ -39,6 +39,5 @@ export const Answerful: Story = {
 export const Answerless: Story = {
     args: {
         item: getFullGroupTestItem(),
-        startAnswerless: true,
     },
 };

packages/perseus/src/widgets/input-number/input-number.stories.tsx

@@ -145,5 +145,5 @@ export const Answerless = (): React.ReactElement => {
     // TODO(LEMS-3083): Remove eslint suppression
     // eslint-disable-next-line
     item.question.content = `The answer is 42\n${item.question.content}`;
-    return <ServerItemRendererWithDebugUI item={item} startAnswerless />;
+    return <ServerItemRendererWithDebugUI item={item} />;
 };

packages/perseus/src/widgets/interactive-graphs/__docs__/interactive-graph.stories.tsx

@@ -234,7 +234,6 @@ export const AnswerlessCircle: Story = {
         item: generateTestPerseusItem({
             question: circleQuestion,
         }),
-        startAnswerless: true,
     },
 };
 
@@ -243,7 +242,6 @@ export const AnswerlessLinear: Story = {
         item: generateTestPerseusItem({
             question: linearQuestion,
         }),
-        startAnswerless: true,
     },
 };
 
@@ -252,7 +250,6 @@ export const AnswerlessLinearSystem: Story = {
         item: generateTestPerseusItem({
             question: linearSystemQuestion,
         }),
-        startAnswerless: true,
     },
 };
 
@@ -261,7 +258,6 @@ export const AnswerlessPoint: Story = {
         item: generateTestPerseusItem({
             question: pointQuestion,
         }),
-        startAnswerless: true,
     },
 };
 
@@ -270,7 +266,6 @@ export const AnswerlessPolygon: Story = {
         item: generateTestPerseusItem({
             question: polygonQuestion,
         }),
-        startAnswerless: true,
     },
 };
 
@@ -279,7 +274,6 @@ export const AnswerlessUnlimitedPolygon: Story = {
         item: generateTestPerseusItem({
             question: unlimitedPolygonQuestion,
         }),
-        startAnswerless: true,
     },
 };
 
@@ -288,7 +282,6 @@ export const AnswerlessRay: Story = {
         item: generateTestPerseusItem({
             question: rayQuestion,
         }),
-        startAnswerless: true,
     },
 };
 
@@ -297,7 +290,6 @@ export const AnswerlessSegment: Story = {
         item: generateTestPerseusItem({
             question: segmentQuestion,
         }),
-        startAnswerless: true,
     },
 };
 
@@ -306,6 +298,5 @@ export const AnswerlessSinusoid: Story = {
         item: generateTestPerseusItem({
             question: sinusoidQuestion,
         }),
-        startAnswerless: true,
     },
 };