@khanacademy/perseus 4.0.2 → 6.0.0

package/src/widgets/__stories__/input-number.stories.tsx

@@ -82,29 +82,20 @@ const updateWidgetOptions = (
     };
 };
 
-export const Rational: React.FC<InputNumberOptions> = (
-    args,
-): React.ReactElement => {
+export const Rational = (args: InputNumberOptions): React.ReactElement => {
     const question = updateWidgetOptions(question1, "input-number 1", args);
     return <RendererWithDebugUI question={question} />;
 };
-// @ts-expect-error [FEI-5003] - TS2339 - Property 'args' does not exist on type 'FC<PerseusInputNumberWidgetOptions>'.
 Rational.args = question1.widgets["input-number 1"].options;
 
-export const PiSimplify: React.FC<InputNumberOptions> = (
-    args,
-): React.ReactElement => {
+export const PiSimplify = (args: InputNumberOptions): React.ReactElement => {
     const question = updateWidgetOptions(question2, "input-number 1", args);
     return <RendererWithDebugUI question={question} />;
 };
-// @ts-expect-error [FEI-5003] - TS2339 - Property 'args' does not exist on type 'FC<PerseusInputNumberWidgetOptions>'.
 PiSimplify.args = question2.widgets["input-number 1"].options;
 
-export const Percent: React.FC<InputNumberOptions> = (
-    args,
-): React.ReactElement => {
+export const Percent = (args: InputNumberOptions): React.ReactElement => {
     const question = updateWidgetOptions(question3, "input-number 1", args);
     return <RendererWithDebugUI question={question} />;
 };
-// @ts-expect-error [FEI-5003] - TS2339 - Property 'args' does not exist on type 'FC<PerseusInputNumberWidgetOptions>'.
 Percent.args = question3.widgets["input-number 1"].options;

package/src/widgets/__stories__/interaction.stories.tsx

@@ -9,6 +9,6 @@ export default {
 
 type StoryArgs = Record<any, any>;
 
-export const Question1: React.FC<StoryArgs> = (args): React.ReactElement => (
+export const Question1 = (args: StoryArgs): React.ReactElement => (
     <RendererWithDebugUI question={question1} />
 );

package/src/widgets/__stories__/interactive-graph.stories.tsx

@@ -19,39 +19,39 @@ export default {
 
 type StoryArgs = Record<any, any>;
 
-export const Angle: React.FC<StoryArgs> = (args): React.ReactElement => (
+export const Angle = (args: StoryArgs): React.ReactElement => (
     <RendererWithDebugUI question={angleQuestion} />
 );
 
-export const Circle: React.FC<StoryArgs> = (args): React.ReactElement => (
+export const Circle = (args: StoryArgs): React.ReactElement => (
     <RendererWithDebugUI question={circleQuestion} />
 );
 
-export const Linear: React.FC<StoryArgs> = (args): React.ReactElement => (
+export const Linear = (args: StoryArgs): React.ReactElement => (
     <RendererWithDebugUI question={linearQuestion} />
 );
 
-export const LinearSystem: React.FC<StoryArgs> = (args): React.ReactElement => (
+export const LinearSystem = (args: StoryArgs): React.ReactElement => (
     <RendererWithDebugUI question={linearSystemQuestion} />
 );
 
-export const Point: React.FC<StoryArgs> = (args): React.ReactElement => (
+export const Point = (args: StoryArgs): React.ReactElement => (
     <RendererWithDebugUI question={pointQuestion} />
 );
 
-export const Polygon: React.FC<StoryArgs> = (args): React.ReactElement => (
+export const Polygon = (args: StoryArgs): React.ReactElement => (
     <RendererWithDebugUI question={polygonQuestion} />
 );
 
-export const Ray: React.FC<StoryArgs> = (args): React.ReactElement => (
+export const Ray = (args: StoryArgs): React.ReactElement => (
     <RendererWithDebugUI question={rayQuestion} />
 );
 
-export const Segment: React.FC<StoryArgs> = (args): React.ReactElement => (
+export const Segment = (args: StoryArgs): React.ReactElement => (
     <RendererWithDebugUI question={segmentQuestion} />
 );
 
-export const Sinusoid: React.FC<StoryArgs> = (args): React.ReactElement => (
+export const Sinusoid = (args: StoryArgs): React.ReactElement => (
     <RendererWithDebugUI question={sinusoidQuestion} />
 );
 

package/src/widgets/__stories__/matcher.stories.tsx

@@ -9,6 +9,6 @@ export default {
 
 type StoryArgs = Record<any, any>;
 
-export const Question1: React.FC<StoryArgs> = (args): React.ReactElement => {
+export const Question1 = (args: StoryArgs): React.ReactElement => {
     return <RendererWithDebugUI question={question1} />;
 };

package/src/widgets/__stories__/matrix.stories.tsx

@@ -9,6 +9,6 @@ export default {
 
 type StoryArgs = Record<any, any>;
 
-export const Question1: React.FC<StoryArgs> = (args): React.ReactElement => {
+export const Question1 = (args: StoryArgs): React.ReactElement => {
     return <RendererWithDebugUI question={question1} />;
 };

package/src/widgets/__stories__/number-line.stories.tsx

@@ -9,6 +9,6 @@ export default {
 
 type StoryArgs = Record<any, any>;
 
-export const Question1: React.FC<StoryArgs> = (args): React.ReactElement => {
+export const Question1 = (args: StoryArgs): React.ReactElement => {
     return <RendererWithDebugUI question={question1} />;
 };

package/src/widgets/__stories__/numeric-input.stories.tsx

@@ -62,13 +62,13 @@ export const Question1 = (): React.ReactElement => {
     return <RendererWithDebugUI question={question1} />;
 };
 
-export const Interactive: React.FC<StoryArgs> = (args): React.ReactElement => {
+export const Interactive = (args: StoryArgs): React.ReactElement => {
     const props = generateProps(args);
 
     return <NumericInput {...props} />;
 };
 
-export const Sizes: React.FC<StoryArgs> = (args): React.ReactElement => {
+export const Sizes = (args: StoryArgs): React.ReactElement => {
     const smallProps = generateProps({...args, size: "small"});
     const normalProps = generateProps({...args, size: "normal"});
 
@@ -86,9 +86,7 @@ export const Sizes: React.FC<StoryArgs> = (args): React.ReactElement => {
     );
 };
 
-export const TextAlignment: React.FC<StoryArgs> = (
-    args,
-): React.ReactElement => {
+export const TextAlignment = (args: StoryArgs): React.ReactElement => {
     const leftProps = generateProps({...args, rightAlign: false});
     const rightProps = generateProps({...args, rightAlign: true});
 

package/src/widgets/__stories__/orderer.stories.tsx

@@ -9,6 +9,6 @@ export default {
 
 type StoryArgs = Record<any, any>;
 
-export const Question1: React.FC<StoryArgs> = (args): React.ReactElement => {
+export const Question1 = (args: StoryArgs): React.ReactElement => {
     return <RendererWithDebugUI question={question1} />;
 };

package/src/widgets/__stories__/passage-ref.stories.tsx

@@ -13,10 +13,10 @@ export default {
     title: "Perseus/Widgets/PassageRef",
 } as Story;
 
-export const ShortPassage: React.FC<StoryArgs> = (args): React.ReactElement => {
+export const ShortPassage = (args: StoryArgs): React.ReactElement => {
     return <RendererWithDebugUI question={question1} />;
 };
 
-export const LongPassage: React.FC<StoryArgs> = (args): React.ReactElement => {
+export const LongPassage = (args: StoryArgs): React.ReactElement => {
     return <RendererWithDebugUI question={question2} />;
 };

package/src/widgets/__stories__/passage.stories.tsx

@@ -13,20 +13,14 @@ export default {
 
 type StoryArgs = Record<any, any>;
 
-export const SimpleQuestion: React.FC<StoryArgs> = (
-    args,
-): React.ReactElement => {
+export const SimpleQuestion = (args: StoryArgs): React.ReactElement => {
     return <RendererWithDebugUI question={question1} />;
 };
 
-export const MultiPassageQuestion: React.FC<StoryArgs> = (
-    args,
-): React.ReactElement => {
+export const MultiPassageQuestion = (args: StoryArgs): React.ReactElement => {
     return <RendererWithDebugUI question={question2} />;
 };
 
-export const SingleNumberedPassage: React.FC<StoryArgs> = (
-    args,
-): React.ReactElement => {
+export const SingleNumberedPassage = (args: StoryArgs): React.ReactElement => {
     return <RendererWithDebugUI question={question3} />;
 };

package/src/widgets/__stories__/radio.stories.tsx

@@ -55,7 +55,7 @@ const buildApiOptions = (args: StoryArgs): APIOptions => {
     };
 };
 
-export const SingleSelect: React.FC<StoryArgs> = (args): React.ReactElement => {
+export const SingleSelect = (args: StoryArgs): React.ReactElement => {
     return (
         <RendererWithDebugUI
             question={applyStoryArgs(questionWithPassage, args)}
@@ -65,9 +65,7 @@ export const SingleSelect: React.FC<StoryArgs> = (args): React.ReactElement => {
     );
 };
 
-export const MultiSelectSimple: React.FC<StoryArgs> = (
-    args,
-): React.ReactElement => {
+export const MultiSelectSimple = (args: StoryArgs): React.ReactElement => {
     return (
         <RendererWithDebugUI
             question={applyStoryArgs(multiChoiceQuestionSimple, args)}
@@ -77,7 +75,7 @@ export const MultiSelectSimple: React.FC<StoryArgs> = (
     );
 };
 
-export const MultiSelect: React.FC<StoryArgs> = (args): React.ReactElement => {
+export const MultiSelect = (args: StoryArgs): React.ReactElement => {
     return (
         <RendererWithDebugUI
             question={applyStoryArgs(multiChoiceQuestion, args)}

package/src/widgets/__stories__/sorter.stories.tsx

@@ -9,6 +9,6 @@ export default {
 
 type StoryArgs = Record<any, any>;
 
-export const Question1: React.FC<StoryArgs> = (args): React.ReactElement => {
+export const Question1 = (args: StoryArgs): React.ReactElement => {
     return <RendererWithDebugUI question={question1} />;
 };

package/src/widgets/__stories__/test-keypad-context-wrapper.tsx

@@ -21,13 +21,11 @@ const Footer = (): React.ReactElement => {
     );
 };
 
-type TestKeypadContextWrapperProps = {
+type Props = {
     children: React.ReactElement;
 };
 
-const TestKeypadContextWrapper = (
-    props: TestKeypadContextWrapperProps,
-): React.ReactElement => {
+const TestKeypadContextWrapper = (props: Props): React.ReactElement => {
     const [keypadElement, setKeypadElement] = React.useState(null);
     const [renderer, setRenderer] = React.useState(null);
     const [scrollableElement, setScrollableElement] = React.useState(

package/src/widgets/__stories__/transformer.stories.tsx

@@ -9,6 +9,6 @@ export default {
 
 type StoryArgs = Record<any, any>;
 
-export const Question: React.FC<StoryArgs> = (args): React.ReactElement => {
+export const Question = (args: StoryArgs): React.ReactElement => {
     return <RendererWithDebugUI question={question} />;
 };

package/src/widgets/__stories__/unit.stories.tsx

@@ -13,9 +13,7 @@ export default {
     title: "Perseus/Widgets/Unit",
 } as Story;
 
-export const NonStaticRender: React.FC<StoryArgs> = (
-    args,
-): React.ReactElement => {
+export const NonStaticRender = (args: StoryArgs): React.ReactElement => {
     return (
         <OldUnitInput
             apiOptions={{

package/src/widgets/__stories__/video-transcript-link.stories.tsx

@@ -12,16 +12,12 @@ export default {
     title: "Perseus/Components/Video Transcript Link",
 } as Story;
 
-export const YoutubeVideoLink: React.FC<StoryArgs> = (
-    args,
-): React.ReactElement => {
+export const YoutubeVideoLink = (args: StoryArgs): React.ReactElement => {
     return (
         <VideoTranscriptLink location="https://www.youtube.com/watch?v=YoutubeId" />
     );
 };
 
-export const SlugVideoLink: React.FC<StoryArgs> = (
-    args,
-): React.ReactElement => {
+export const SlugVideoLink = (args: StoryArgs): React.ReactElement => {
     return <VideoTranscriptLink location="slug-video-id" />;
 };

package/src/widgets/__stories__/video.stories.tsx

@@ -9,6 +9,6 @@ export default {
 
 type StoryArgs = Record<any, any>;
 
-export const Question1: React.FC<StoryArgs> = (args): React.ReactElement => {
+export const Question1 = (args: StoryArgs): React.ReactElement => {
     return <RendererWithDebugUI question={question1} />;
 };

package/src/widgets/__testdata__/group.testdata.ts

@@ -93,7 +93,6 @@ export const question1: PerseusRenderer = {
                             ],
                             coefficient: false,
                             labelText: "value rounded to the nearest ten",
-                            multipleNumberInput: false,
                             rightAlign: false,
                             size: "normal",
                             static: false,
@@ -118,7 +117,6 @@ export const question1: PerseusRenderer = {
                             ],
                             coefficient: false,
                             labelText: "value rounded to the nearest hundred",
-                            multipleNumberInput: false,
                             rightAlign: false,
                             size: "normal",
                             static: false,