@khanacademy/perseus 19.1.5 → 19.1.6

package/src/widgets/__testdata__/label-image.testdata.ts

@@ -1,308 +0,0 @@
-import type {PerseusRenderer} from "../../perseus-types";
-
-export const textQuestion: PerseusRenderer = {
-    content:
-        "Carol created a chart and a bar graph to show how many of each type of vehicle were in her supermarket parking lot.\n\nVehicle Type | Number in the parking lot\n:- | :-: \nTrucks| $25$ \nVans | $5$ \nCars| $40$ \nSUVs | $10$ \n\n**Label each bar on the bar graph.**\n\n[[☃ label-image 1]]\n\n",
-    images: {
-        "web+graphie://ka-perseus-graphie.s3.amazonaws.com/1e28332fd2321975639ab50c9ce442e568c18421":
-            {
-                width: 341,
-                height: 310,
-            },
-    },
-    widgets: {
-        "label-image 1": {
-            type: "label-image",
-            alignment: "default",
-            static: false,
-            graded: true,
-            options: {
-                static: false,
-                choices: ["Trucks", "Vans", "Cars", "SUVs"],
-                imageAlt:
-                    "A bar graph with four bar lines that shows the horizontal axis labeled Number in the parking lot and the vertical axis labeled Vehicle Type. The horizontal axis is labeled, from left to right: 0, 10, 20, 30, 40, and 50. The vertical axis has, from the bottom to the top, four unlabeled bar lines as follows: the first unlabeled bar line extends to the middle of 0 and 10, the second unlabeled bar line extends to 40, the third unlabeled bar line extends to the middle of 20 and 30, and fourth unlabeled bar line extends to 10.",
-                imageUrl:
-                    "web+graphie://ka-perseus-graphie.s3.amazonaws.com/56c60c72e96cd353e4a8b5434506cd3a21e717af",
-                imageWidth: 415,
-                imageHeight: 314,
-                markers: [
-                    {
-                        answers: ["SUVs"],
-                        label: "The fourth unlabeled bar line.",
-                        x: 25,
-                        y: 17.7,
-                    },
-                    {
-                        answers: ["Trucks"],
-                        label: "The third unlabeled bar line.",
-                        x: 25,
-                        y: 35.3,
-                    },
-                    {
-                        answers: ["Cars"],
-                        label: "The second unlabeled bar line.",
-                        x: 25,
-                        y: 53,
-                    },
-                    {
-                        answers: ["Vans"],
-                        label: "The first unlabeled bar line.",
-                        x: 25,
-                        y: 70.3,
-                    },
-                ],
-                multipleAnswers: false,
-                hideChoicesFromInstructions: true,
-            },
-            version: {
-                major: 0,
-                minor: 0,
-            },
-        },
-    },
-};
-
-export const mathQuestion: PerseusRenderer = {
-    content:
-        "Carol created a chart and a bar graph to show how many of each type of vehicle were in her supermarket parking lot.\n\nVehicle Type | Number in the parking lot\n:- | :-: \nTrucks| $25$ \nVans | $5$ \nCars| $40$ \nSUVs | $10$ \n\n**Label each bar on the bar graph.**\n\n[[☃ label-image 1]]\n\n",
-    images: {
-        "web+graphie://ka-perseus-graphie.s3.amazonaws.com/1e28332fd2321975639ab50c9ce442e568c18421":
-            {
-                width: 341,
-                height: 310,
-            },
-    },
-    widgets: {
-        "label-image 1": {
-            type: "label-image",
-            alignment: "default",
-            static: false,
-            graded: true,
-            options: {
-                static: false,
-                choices: [
-                    "$\\dfrac{1}{2}$",
-                    "$\\dfrac{3}{4}$",
-                    "$\\dfrac{5}{6}$",
-                    "$\\dfrac{7}{8}$",
-                ],
-                imageAlt:
-                    "A bar graph with four bar lines that shows the horizontal axis labeled Number in the parking lot and the vertical axis labeled Vehicle Type. The horizontal axis is labeled, from left to right: 0, 10, 20, 30, 40, and 50. The vertical axis has, from the bottom to the top, four unlabeled bar lines as follows: the first unlabeled bar line extends to the middle of 0 and 10, the second unlabeled bar line extends to 40, the third unlabeled bar line extends to the middle of 20 and 30, and fourth unlabeled bar line extends to 10.",
-                imageUrl:
-                    "web+graphie://ka-perseus-graphie.s3.amazonaws.com/56c60c72e96cd353e4a8b5434506cd3a21e717af",
-                imageWidth: 415,
-                imageHeight: 314,
-                markers: [
-                    {
-                        answers: ["$\\dfrac{1}{2}$"],
-                        label: "The fourth unlabeled bar line.",
-                        x: 25,
-                        y: 17.7,
-                    },
-                    {
-                        answers: ["$\\dfrac{3}{4}$"],
-                        label: "The third unlabeled bar line.",
-                        x: 25,
-                        y: 35.3,
-                    },
-                    {
-                        answers: ["$\\dfrac{5}{6}$"],
-                        label: "The second unlabeled bar line.",
-                        x: 25,
-                        y: 53,
-                    },
-                    {
-                        answers: ["$\\dfrac{7}{8}$"],
-                        label: "The first unlabeled bar line.",
-                        x: 25,
-                        y: 70.3,
-                    },
-                ],
-                multipleAnswers: false,
-                hideChoicesFromInstructions: true,
-            },
-            version: {
-                major: 0,
-                minor: 0,
-            },
-        },
-    },
-};
-
-export const numberline: PerseusRenderer = {
-    content:
-        "**Label each point on the number line with the correct value.**\n\n[[☃ label-image 1]]",
-    images: {},
-    widgets: {
-        "label-image 1": {
-            type: "label-image",
-            alignment: "default",
-            static: false,
-            graded: true,
-            options: {
-                static: false,
-                choices: ["$-\\dfrac{7}{3}$", "$-2\\dfrac{5}{8}$", "$-2.9$"],
-                imageAlt:
-                    "A number line from negative 6 halves to negative 3 halves, labeled in increments of 1 half. There are three points on the line, labeled from left to right with a, b, and c.",
-                imageUrl:
-                    "web+graphie://ka-perseus-graphie.s3.amazonaws.com/05faa925d02e5effd3069bf24da4777e3ae1a28b",
-                imageWidth: 360,
-                imageHeight: 160,
-                markers: [
-                    {
-                        answers: ["$-2.9$"],
-                        label: "Point a is the leftmost of two points between negative 6 halves and negative 5 halves.",
-                        x: 14.25,
-                        y: 50,
-                    },
-                    {
-                        answers: ["$-2\\dfrac{5}{8}$"],
-                        label: "Point b is the rightmost of two points between negative 6 halves and negative 5 halves.",
-                        x: 29.5,
-                        y: 50,
-                    },
-                    {
-                        answers: ["$-\\dfrac{7}{3}$"],
-                        label: "Point c is between negative 5 halves and negative 4 halves.",
-                        x: 45.5,
-                        y: 50,
-                    },
-                ],
-                multipleAnswers: false,
-                hideChoicesFromInstructions: false,
-            },
-            version: {
-                major: 0,
-                minor: 0,
-            },
-        },
-    },
-};
-
-export const longTextFromArticle: PerseusRenderer = {
-    content: "[[☃ label-image 1]]",
-    images: {},
-    widgets: {
-        "label-image 1": {
-            type: "label-image",
-            alignment: "default",
-            static: false,
-            graded: true,
-            options: {
-                static: false,
-                choices: [
-                    "long wavelength & low frequency",
-                    "short wavelength & high frequency",
-                ],
-                imageAlt:
-                    "Section of a rainbow in the sky. From left to right, the colors appear as violet, indigo, blue, green, yellow, orange, and red.",
-                imageUrl:
-                    "https://cdn.kastatic.org/ka-content-images/227d402cb09ebc1b67f197467212fa4ab3ced5b3.jpg",
-                imageWidth: 400,
-                imageHeight: 289,
-                markers: [
-                    {
-                        answers: ["short wavelength & high frequency"],
-                        label: "Violet side of the rainbow",
-                        x: 35.8,
-                        y: 13,
-                    },
-                    {
-                        answers: ["long wavelength & low frequency"],
-                        label: "Red side of the rainbow",
-                        x: 71.8,
-                        y: 50.5,
-                    },
-                ],
-                multipleAnswers: false,
-                hideChoicesFromInstructions: true,
-            },
-            version: {
-                major: 0,
-                minor: 0,
-            },
-        },
-    },
-};
-
-export const mixedContentQuestion: PerseusRenderer = {
-    content:
-        "A beach ball floats on water. The ball is at rest.\n\n[[☃ image 1]]\n\n**Complete the free body diagram by labeling the forces acting on the ball.**\n\n[[☃ label-image 1]]",
-    images: {
-        "https://cdn.kastatic.org/ka-content-images/0fa7eefde0067d986d2e6dc377e8d2db3e1d466f.svg":
-            {
-                width: 150,
-                height: 300,
-            },
-    },
-    widgets: {
-        "image 1": {
-            type: "image",
-            alignment: "block",
-            static: false,
-            graded: true,
-            options: {
-                static: false,
-                title: "",
-                range: [
-                    [0, 10],
-                    [0, 10],
-                ],
-                box: [350, 219],
-                backgroundImage: {
-                    url: "https://cdn.kastatic.org/ka-content-images/581c7d3928ba5f81e9dc5720291ec895764cc7e8.png",
-                    width: 350,
-                    height: 219,
-                },
-                labels: [],
-                alt: "An inflated beach ball floats on the surface of water. Only a small portion of the ball is underwater.",
-                caption: "",
-            },
-            version: {
-                major: 0,
-                minor: 0,
-            },
-        },
-        "label-image 1": {
-            type: "label-image",
-            alignment: "default",
-            static: false,
-            graded: true,
-            options: {
-                static: false,
-                choices: [
-                    "lift $(F_\\text{L})$",
-                    "buoyant force $(F_\\text{B})$",
-                    "gravity $(F_\\text{g})$",
-                    "normal force $(F_\\text{N})$",
-                ],
-                imageAlt:
-                    "A model shows a square with two arrows pointing out of it. One arrow points up and another arrow points down.",
-                imageUrl:
-                    "https://cdn.kastatic.org/ka-content-images/b24e40b5a36890130acfb7bd237c4bf0d85c7b44.svg",
-                imageWidth: 150,
-                imageHeight: 300,
-                markers: [
-                    {
-                        answers: ["buoyant force $(F_\\text{B})$"],
-                        label: "An arrow that points upward from the square",
-                        x: 64.2,
-                        y: 17.6,
-                    },
-                    {
-                        answers: ["gravity $(F_\\text{g})$"],
-                        label: "An arrow that points downward from the square",
-                        x: 66.2,
-                        y: 81.8,
-                    },
-                ],
-                multipleAnswers: false,
-                hideChoicesFromInstructions: true,
-            },
-            version: {
-                major: 0,
-                minor: 0,
-            },
-        },
-    },
-};

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

@@ -1,33 +0,0 @@
-import type {PerseusRenderer} from "../../perseus-types";
-
-export const question1: PerseusRenderer = {
-    content:
-        "**Match each claim with its supporting evidence.**\n\n[[\u2603 matcher 1]]",
-    images: {},
-    widgets: {
-        "matcher 1": {
-            version: {major: 0, minor: 0},
-            type: "matcher",
-            graded: true,
-            options: {
-                labels: ["**Claims**", "**Evidence**"],
-                padding: true,
-                orderMatters: false,
-                right: [
-                    "Medium-sized stars typically exist for roughly 10 billion years",
-                    "The current trajectory of the Earth\u2019s tectonic plate movement",
-                    "The life cycle of medium-sized stars includes a red giant stage and ends in a whimper as a white dwarf",
-                    "Rapid escalation of greenhouse gas emissions",
-                    "The current trajectory of the Milky Way galaxy and those in its immediate proximity",
-                ],
-                left: [
-                    "Our Sun will run out of fuel and die in around 5 billion years ",
-                    "Plate tectonics will rearrange the continents: the Pacific will narrow, bringing Australia closer to the Americas, and the Atlantic will expand to form the largest of the oceans ",
-                    "Our Sun will run out of hydrogen, swell into a red giant, gobble up the inner rocky planets, and then collapse and die ",
-                    "Average global temperatures will rise ",
-                    "In 3 to 4 billion years, our galaxy will begin a slow collision with its closest large neighbor, Andromeda ",
-                ],
-            },
-        },
-    },
-};

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

@@ -1,28 +0,0 @@
-import type {PerseusRenderer} from "../../perseus-types";
-
-export const question1: PerseusRenderer = {
-    content:
-        "**Perform the row operation, $R_3 \\leftrightarrow R_2$, on the following matrix.**\n\n$\\left[\\begin{array} {ccc}\n5 & -2 & 1 & 1 \\\\\n3 & 0 & 0 & -2 \\\\\n1 & 1 & 7 & -3 \\end{array} \\right] $\n\n[[\u2603 matrix 1]]\n",
-    images: {},
-    widgets: {
-        "matrix 1": {
-            graded: true,
-            version: {major: 0, minor: 0},
-            static: false,
-            type: "matrix",
-            options: {
-                cursorPosition: [0, 0],
-                suffix: "",
-                answers: [
-                    [5, -2, 1, 1],
-                    [1, 1, 7, -3],
-                    [3, 0, 0, -2],
-                ],
-                prefix: "",
-                static: false,
-                matrixBoardSize: [3, 4],
-            },
-            alignment: "default",
-        },
-    },
-};

package/src/widgets/__testdata__/number-line.testdata.ts

@@ -1,30 +0,0 @@
-import type {PerseusRenderer} from "../../perseus-types";
-
-export const question1: PerseusRenderer = {
-    content:
-        "$E=2.5$\n\n**Move the dot to $-E$ on the number line.**\n\n\n[[\u2603 number-line 1]]",
-    images: {},
-    widgets: {
-        "number-line 1": {
-            graded: true,
-            version: {major: 0, minor: 0},
-            static: false,
-            type: "number-line",
-            options: {
-                labelRange: [null, null],
-                initialX: null,
-                tickStep: 1,
-                labelStyle: "decimal",
-                labelTicks: true,
-                snapDivisions: 2,
-                range: [-4, 4],
-                static: false,
-                correctRel: "eq",
-                numDivisions: null,
-                divisionRange: [1, 10],
-                correctX: -2.5,
-            },
-            alignment: "default",
-        },
-    },
-};

package/src/widgets/__testdata__/numeric-input.testdata.ts

@@ -1,265 +0,0 @@
-import type {PerseusRenderer, NumericInputWidget} from "../../perseus-types";
-
-export const question1: PerseusRenderer = {
-    content: "$5008 \\div 4 =$ [[\u2603 numeric-input 1]] ",
-    images: {},
-    widgets: {
-        "numeric-input 1": {
-            graded: true,
-            version: {
-                major: 0,
-                minor: 0,
-            },
-            static: false,
-            type: "numeric-input",
-            options: {
-                coefficient: false,
-                static: false,
-                answers: [
-                    {
-                        status: "correct",
-                        maxError: null,
-                        strict: false,
-                        value: 1252,
-                        simplify: "required",
-                        message: "",
-                    },
-                ],
-                labelText: "",
-                size: "normal",
-            },
-            alignment: "default",
-        } as NumericInputWidget,
-    },
-};
-
-export const question2: PerseusRenderer = {
-    content: "$5008 \\div 4 =$ [[\u2603 numeric-input 1]] ",
-    images: {},
-    widgets: {
-        "numeric-input 1": {
-            graded: true,
-            version: {
-                major: 0,
-                minor: 0,
-            },
-            static: false,
-            type: "numeric-input",
-            options: {
-                coefficient: false,
-                static: false,
-                answers: [
-                    {
-                        status: "correct",
-                        maxError: null,
-                        strict: false,
-                        value: 1252,
-                        simplify: "required",
-                        message: "",
-                    },
-                ],
-                labelText: "What's the answer?",
-                size: "normal",
-            },
-            alignment: "default",
-        } as NumericInputWidget,
-    },
-};
-
-export const percentageProblem: PerseusRenderer = {
-    content: "$5008 \\div 4 =$ [[\u2603 numeric-input 1]] ",
-    images: {},
-    widgets: {
-        // @ts-expect-error - TS2352 - Conversion of type '{ graded: true; version: { major: number; minor: number; }; static: false; type: "numeric-input"; options: { coefficient: false; static: false; answers: { status: string; maxError: null; strict: false; value: string; simplify: string; message: string; }[]; labelText: string; size: string; }; alignment: string; }' to type 'NumericInputWidget' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
-        "numeric-input 1": {
-            graded: true,
-            version: {
-                major: 0,
-                minor: 0,
-            },
-            static: false,
-            type: "numeric-input",
-            options: {
-                coefficient: false,
-                static: false,
-                answers: [
-                    {
-                        status: "correct",
-                        maxError: null,
-                        strict: false,
-                        value: "33%",
-                        simplify: "required",
-                        message: "",
-                    },
-                ],
-                labelText: "What's the answer?",
-                size: "normal",
-            },
-            alignment: "default",
-        } as NumericInputWidget,
-    },
-};
-
-export const multipleAnswers: PerseusRenderer = {
-    content: "$5008 \\div 4 =$ [[\u2603 numeric-input 1]] ",
-    images: {},
-    widgets: {
-        "numeric-input 1": {
-            graded: true,
-            version: {
-                major: 0,
-                minor: 0,
-            },
-            static: false,
-            type: "numeric-input",
-            options: {
-                coefficient: false,
-                static: false,
-                answers: [
-                    {
-                        status: "correct",
-                        maxError: null,
-                        strict: false,
-                        value: 1,
-                        simplify: "required",
-                        message: "",
-                    },
-                    {
-                        status: "correct",
-                        maxError: null,
-                        strict: false,
-                        value: 2,
-                        simplify: "required",
-                        message: "",
-                    },
-                ],
-                labelText: "What's the answer?",
-                size: "normal",
-            },
-            alignment: "default",
-        } as NumericInputWidget,
-    },
-};
-
-export const multipleAnswersWithDecimals: PerseusRenderer = {
-    content: "$5008 \\div 4 =$ [[\u2603 numeric-input 1]] ",
-    images: {},
-    widgets: {
-        "numeric-input 1": {
-            graded: true,
-            version: {
-                major: 0,
-                minor: 0,
-            },
-            static: false,
-            type: "numeric-input",
-            options: {
-                coefficient: false,
-                static: false,
-                answers: [
-                    {
-                        status: "correct",
-                        maxError: null,
-                        strict: false,
-                        value: 12.2,
-                        simplify: "required",
-                        message: "",
-                    },
-                    {
-                        status: "correct",
-                        maxError: null,
-                        strict: false,
-                        value: 13.4,
-                        simplify: "required",
-                        message: "",
-                    },
-                ],
-                labelText: "What's the answer?",
-                size: "normal",
-            },
-            alignment: "default",
-        } as NumericInputWidget,
-    },
-};
-
-export const duplicatedAnswers: PerseusRenderer = {
-    content: "$5008 \\div 4 =$ [[\u2603 numeric-input 1]] ",
-    images: {},
-    widgets: {
-        "numeric-input 1": {
-            graded: true,
-            version: {
-                major: 0,
-                minor: 0,
-            },
-            static: false,
-            type: "numeric-input",
-            options: {
-                coefficient: false,
-                static: false,
-                answers: [
-                    {
-                        status: "correct",
-                        maxError: null,
-                        strict: false,
-                        value: 2.4,
-                        simplify: "optional",
-                        answerForms: ["proper", "mixed", "improper"],
-                        message: "",
-                    },
-                    {
-                        status: "correct",
-                        maxError: null,
-                        strict: false,
-                        value: 2.4,
-                        simplify: "optional",
-                        answerForms: ["proper", "mixed", "improper"],
-                        message: "",
-                    },
-                ],
-                labelText: "What's the answer?",
-                size: "normal",
-            },
-            alignment: "default",
-        } as NumericInputWidget,
-    },
-};
-
-export const withCoefficient: PerseusRenderer = {
-    content: "$5008 \\div 4 =$ [[\u2603 numeric-input 1]] ",
-    images: {},
-    widgets: {
-        "numeric-input 1": {
-            graded: true,
-            version: {
-                major: 0,
-                minor: 0,
-            },
-            static: false,
-            type: "numeric-input",
-            options: {
-                coefficient: true,
-                static: false,
-                answers: [
-                    {
-                        status: "correct",
-                        maxError: null,
-                        strict: false,
-                        value: 1,
-                        simplify: "required",
-                        message: "",
-                    },
-                ],
-                labelText: "What's the answer?",
-                size: "normal",
-            },
-            alignment: "default",
-        } as NumericInputWidget,
-    },
-};
-
-export const question1AndAnswer: [PerseusRenderer, string, string] = [
-    question1,
-    "1252",
-    "1/2",
-];