@khanacademy/perseus 18.0.0 → 19.0.0

package/dist/perseus-types.d.ts

@@ -70,7 +70,6 @@ export type SequenceWidget = Widget<'sequence', PerseusSequenceWidgetOptions>;
 export type SimulatorWidget = Widget<'simulator', PerseusSimulatorWidgetOptions>;
 export type SorterWidget = Widget<'sorter', PerseusSorterWidgetOptions>;
 export type TableWidget = Widget<'table', PerseusTableWidgetOptions>;
-export type TransformerWidget = Widget<'transformer', PerseusTransformerWidgetOptions>;
 export type ExampleGraphieWidget = Widget<'example-graphie-widget', PerseusExampleGraphieWidgetOptions>;
 export type ExampleWidget = Widget<'example-widget', PerseusExampleWidgetOptions>;
 export type InputNumberWidget = Widget<'input-number', PerseusInputNumberWidgetOptions>;
@@ -82,7 +81,7 @@ export type SimpleMarkdownTesterWidget = Widget<'simple-markdown-tester', Perseu
 export type UnitInputWidget = Widget<'unit-input', PerseusUnitInputWidgetOptions>;
 export type VideoWidget = Widget<'video', PerseusVideoWidgetOptions>;
 export type AutoCorrectWidget = Widget<'deprecated-standin', PerseusWidgetOptions>;
-export type PerseusWidget = CategorizerWidget | CSProgramWidget | DefinitionWidget | DropdownWidget | ExampleGraphieWidget | ExampleWidget | ExplanationWidget | ExpressionWidget | GradedGroupSetWidget | GradedGroupWidget | GrapherWidget | GroupWidget | IFrameWidget | ImageWidget | InputNumberWidget | InteractionWidget | InteractiveGraphWidget | LabelImageWidget | LightsPuzzleWidget | MatcherWidget | MatrixWidget | MeasurerWidget | MoleculeRendererWidget | NumberLineWidget | NumericInputWidget | OrdererWidget | PassageRefWidget | PassageWidget | PlotterWidget | RadioWidget | ReactionDiagramWidget | RefTargetWidget | SequenceWidget | SimpleMarkdownTesterWidget | SimulatorWidget | SorterWidget | TableWidget | TransformerWidget | UnitInputWidget | VideoWidget | AutoCorrectWidget;
+export type PerseusWidget = CategorizerWidget | CSProgramWidget | DefinitionWidget | DropdownWidget | ExampleGraphieWidget | ExampleWidget | ExplanationWidget | ExpressionWidget | GradedGroupSetWidget | GradedGroupWidget | GrapherWidget | GroupWidget | IFrameWidget | ImageWidget | InputNumberWidget | InteractionWidget | InteractiveGraphWidget | LabelImageWidget | LightsPuzzleWidget | MatcherWidget | MatrixWidget | MeasurerWidget | MoleculeRendererWidget | NumberLineWidget | NumericInputWidget | OrdererWidget | PassageRefWidget | PassageWidget | PlotterWidget | RadioWidget | ReactionDiagramWidget | RefTargetWidget | SequenceWidget | SimpleMarkdownTesterWidget | SimulatorWidget | SorterWidget | TableWidget | UnitInputWidget | VideoWidget | AutoCorrectWidget;
 export type PerseusImageBackground = {
     url: string | null | undefined;
     width?: number;
@@ -468,85 +467,6 @@ export type PerseusTableWidgetOptions = {
     columns: number;
     answers: ReadonlyArray<ReadonlyArray<string>>;
 };
-export type PerseusTransformerWidgetOptions = {
-    correct: {
-        shape: {
-            type: ReadonlyArray<"polygon-5" | "polygon-3" | "polygon-4" | "lineSegment" | "polygon-6" | "angle" | "line" | "circle">;
-            coords: ReadonlyArray<Coord>;
-            options?: ReadonlyArray<{
-                reflex?: boolean;
-            }>;
-        };
-        transformations: ReadonlyArray<PerseusTransformerTransformation>;
-    };
-    drawSolutionShape: boolean;
-    gradeEmpty: boolean;
-    graph: {
-        backgroundImage: {
-            bottom?: number;
-            height?: number;
-            left?: number;
-            scale?: number;
-            url?: string;
-            width?: number;
-        };
-        gridStep?: [number, number];
-        labels?: ["x", "y"];
-        markings: "none" | "graph" | "grid";
-        range: [[number, number], [number, number]];
-        rulerLabel?: string;
-        rulerTicks?: number;
-        showProtractor: boolean;
-        showRuler?: boolean;
-        snapStep?: [number, number];
-        step: [number, number];
-    };
-    graphMode: "dynamic" | "interactive" | "static";
-    listMode: "interactive" | "dynamic" | "static";
-    starting: {
-        shape: {
-            type: ReadonlyArray<"polygon-5" | "polygon-3" | "polygon-4" | "lineSegment" | "polygon-6">;
-            coords: ReadonlyArray<Coord>;
-            options?: ReadonlyArray<Empty>;
-        } | {
-            type: "polygon-3";
-            coords: [Coord, Coord, Coord];
-        } | {
-            type: [
-                "polygon-3" | "lineSegment" | "polygon-4" | "polygon-5" | "polygon-6" | "line" | "circle"
-            ];
-            coords: ReadonlyArray<Coord>;
-            options: [Empty];
-        } | {
-            type: ["polygon-3"];
-            coords: [Coord, Coord, Coord];
-            options?: [Empty];
-        } | {
-            type: ["angle"];
-            coords: [Coord, Coord, Coord];
-            options: [
-                {
-                    reflex: boolean;
-                }
-            ];
-        } | {
-            type: ["line" | "lineSegment"];
-            coords: [Coord, Coord];
-            options?: [Empty];
-        } | {
-            type: "polygon";
-            coords: ReadonlyArray<Coord>;
-        };
-        transformations: ReadonlyArray<PerseusTransformerTransformation>;
-    };
-    tools: {
-        dilation: DilationTool;
-        reflection: ReflectionTool;
-        rotation: RotationTool;
-        translation: TranslationTool;
-    };
-    version: number;
-};
 export type DilationTransformation = {
     type: "dilation";
     center: Coord;
@@ -575,33 +495,6 @@ export type TranslationTransformation = {
     vector: Coord;
     contraints: Empty;
 };
-export type PerseusTransformerTransformation = DilationTransformation | ReflectionTransformation | RotationTransformation | TranslationTransformation;
-type DilationTool = {
-    constraints: PerseusTransformerToolConstraints;
-    coord: Coord;
-    enabled: boolean;
-    required?: boolean;
-};
-type ReflectionTool = {
-    constraints: PerseusTransformerToolConstraints;
-    coords: [Coord, Coord];
-    enabled: boolean;
-    required?: boolean;
-};
-type RotationTool = {
-    constraints: PerseusTransformerToolConstraints;
-    coord: Coord;
-    enabled: boolean;
-    required?: boolean;
-};
-type TranslationTool = {
-    constraints: Empty;
-    enabled: boolean;
-    required?: boolean;
-};
-export type PerseusTransformerToolConstraints = {
-    fixed: boolean;
-};
 export type PerseusInteractionWidgetOptions = {
     graph: PerseusInteractionGraph;
     elements: ReadonlyArray<PerseusInteractionElement>;
@@ -774,5 +667,5 @@ export type PerseusPassageRefTargetWidgetOptions = any;
 export type PerseusReactionDiagramWidgetOptions = any;
 export type PerseusSimpleMarkdownTesterWidgetOptions = any;
 export type PerseusUnitInputWidgetOptions = any;
-export type PerseusWidgetOptions = PerseusCategorizerWidgetOptions | PerseusCSProgramWidgetOptions | PerseusDefinitionWidgetOptions | PerseusDropdownWidgetOptions | PerseusExampleGraphieWidgetOptions | PerseusExampleWidgetOptions | PerseusExplanationWidgetOptions | PerseusExpressionWidgetOptions | PerseusGradedGroupSetWidgetOptions | PerseusGradedGroupWidgetOptions | PerseusIFrameWidgetOptions | PerseusImageWidgetOptions | PerseusInputNumberWidgetOptions | PerseusInteractionWidgetOptions | PerseusInteractiveGraphWidgetOptions | PerseusLabelImageWidgetOptions | PerseusLightsPuzzleWidgetOptions | PerseusMatcherWidgetOptions | PerseusMatrixWidgetOptions | PerseusMeasurerWidgetOptions | PerseusMoleculeRendererWidgetOptions | PerseusNumberLineWidgetOptions | PerseusNumericInputWidgetOptions | PerseusOrdererWidgetOptions | PerseusPassageRefTargetWidgetOptions | PerseusPassageRefWidgetOptions | PerseusPassageWidgetOptions | PerseusPlotterWidgetOptions | PerseusRadioWidgetOptions | PerseusReactionDiagramWidgetOptions | PerseusSequenceWidgetOptions | PerseusSimpleMarkdownTesterWidgetOptions | PerseusSimulatorWidgetOptions | PerseusSorterWidgetOptions | PerseusTableWidgetOptions | PerseusTransformerWidgetOptions | PerseusUnitInputWidgetOptions | PerseusVideoWidgetOptions;
+export type PerseusWidgetOptions = PerseusCategorizerWidgetOptions | PerseusCSProgramWidgetOptions | PerseusDefinitionWidgetOptions | PerseusDropdownWidgetOptions | PerseusExampleGraphieWidgetOptions | PerseusExampleWidgetOptions | PerseusExplanationWidgetOptions | PerseusExpressionWidgetOptions | PerseusGradedGroupSetWidgetOptions | PerseusGradedGroupWidgetOptions | PerseusIFrameWidgetOptions | PerseusImageWidgetOptions | PerseusInputNumberWidgetOptions | PerseusInteractionWidgetOptions | PerseusInteractiveGraphWidgetOptions | PerseusLabelImageWidgetOptions | PerseusLightsPuzzleWidgetOptions | PerseusMatcherWidgetOptions | PerseusMatrixWidgetOptions | PerseusMeasurerWidgetOptions | PerseusMoleculeRendererWidgetOptions | PerseusNumberLineWidgetOptions | PerseusNumericInputWidgetOptions | PerseusOrdererWidgetOptions | PerseusPassageRefTargetWidgetOptions | PerseusPassageRefWidgetOptions | PerseusPassageWidgetOptions | PerseusPlotterWidgetOptions | PerseusRadioWidgetOptions | PerseusReactionDiagramWidgetOptions | PerseusSequenceWidgetOptions | PerseusSimpleMarkdownTesterWidgetOptions | PerseusSimulatorWidgetOptions | PerseusSorterWidgetOptions | PerseusTableWidgetOptions | PerseusUnitInputWidgetOptions | PerseusVideoWidgetOptions;
 export {};

package/dist/strings.js

@@ -31,7 +31,6 @@ module.exports = [
     i18n._("a multiple of pi, like $12\\ \\text{pi}$ or $2/3\\ \\text{pi}$", {}),
     i18n._("a percent, like $12.34\\%$", {}),
     i18n._("Add highlight", {}),
-    i18n._("Add transformations below:", {}),
     i18n._("an *exact* decimal, like $0.75$", {}),
     i18n._("an *improper* fraction, like $10/7$ or $14/8$", {}),
     i18n._("an integer, like $6$", {}),
@@ -55,12 +54,6 @@ module.exports = [
     i18n._("Correct (selected)", {}),
     i18n._("Correct!", {}),
     i18n._("Current", {}),
-    // I18N: As in the command, "Dilate the polygon"
-    i18n._("Dilate", {}),
-    i18n._("dilation", {}),
-    i18n._("Dilation", {}),
-    i18n.$_("Dilation about %(point)s by %(scale)s", {}),
-    i18n.$_("Dilation of scale %(scale)s about %(point)s", {}),
     i18n._("Drag handles to make graph", {}),
     i18n._("End of reading passage.", {}),
     i18n._("entered in an invalid answer.", {}),
@@ -93,7 +86,6 @@ module.exports = [
     i18n._("Next question", {}),
     i18n._("No", {}),
     i18n._("None of the above", {}),
-    i18n._("Note: For this question, the shape will not move.", {}),
     i18n._("Number of divisions:", {}),
     i18n._("Number of trials:", {}),
     i18n._("Oops!", {}),
@@ -102,19 +94,7 @@ module.exports = [
     i18n._("Please choose the correct number of answers.", {}),
     i18n.$_("Please make sure the number of divisions is in the range %(divRangeString)s.", {}),
     i18n._("Reaction arrow pointing to the right.", {}),
-    // I18N: As in the command, "Reflect the polygon"
-    i18n._("Reflect", {}),
-    i18n._("reflection", {}),
-    i18n._("Reflection", {}),
-    i18n.$_("Reflection over the line from %(point1)s to %(point2)s", {}),
     i18n._("Remove highlight", {}),
-    // I18N: As in the command, "Rotate the polygon"
-    i18n._("Rotate", {}),
-    i18n._("rotation", {}),
-    i18n._("Rotation", {}),
-    // I18N: %(point)s must come before %(degrees)s in this phrase
-    i18n.$_("Rotation about %(point)s by %(degrees)s", {}),
-    i18n.$_("Rotation by %(degrees)s about %(point)s", {}),
     i18n._("Run simulation", {}),
     i18n._("Sample size:", {}),
     i18n._("See video transcript", {}),
@@ -131,16 +111,8 @@ module.exports = [
     i18n._("This controls the proportion or percentage that will be used in your simulation.", {}),
     i18n._("This controls the sample size that will be used in your simulation. For example, if you set this to 100, then for each trial, responses from 100 participants will be simulated.", {}),
     i18n._("This is the number of trials used in the simulation. For example, if set to 50, then the survey will be conducted 50 times.", {}),
-    // I18N: As in the command, "Translate the polygon"
-    i18n._("Translate", {}),
-    i18n._("translation", {}),
-    i18n._("Translation", {}),
-    // I18N: As in the command, "Translation by <3, 1>"
-    i18n.$_("Translation by %(vector)s", {}),
     i18n._("True", {}),
     i18n._("Try again", {}),
-    i18n._("Undo", {}),
-    i18n._("Use the interactive graph to define a correct transformation.", {}),
     i18n._("Value", {}),
     i18n._("We could not understand your answer. Please check your answer for extra text or symbols.", {}),
     i18n._("We couldn't grade your answer.", {}),
@@ -152,5 +124,4 @@ module.exports = [
     i18n._("Your answer is almost correct, but it needs to be simplified.", {}),
     i18n._("Your answer is close, but you may have approximated pi. Enter your answer as a multiple of pi, like <code>12\\ \\text{pi}</code> or <code>2/3\\ \\text{pi}</code>", {}),
     i18n._("Your answer:", {}),
-    i18n._("Your transformation must use a %(type)s.", {}),
 ];

package/dist/types.d.ts

@@ -1,4 +1,3 @@
-import type { SerializedHighlightSet } from "./components/highlighting/types";
 import type { ILogger } from "./logging/log";
 import type { Item } from "./multi-items/item-types";
 import type { PerseusAnswerArea, PerseusRenderer, PerseusWidget } from "./perseus-types";
@@ -65,9 +64,6 @@ export type ChangeHandler = (arg1: {
     choiceStates?: ReadonlyArray<ChoiceState>;
     currentValue?: string;
     selected?: number;
-    tools?: ReadonlyArray<any>;
-    transformations?: ReadonlyArray<any>;
-    highlights?: SerializedHighlightSet;
     plot?: any;
 }, callback?: () => unknown | null | undefined, silent?: boolean) => unknown;
 export type ImageUploader = (file: string, callback: (url: string) => unknown) => unknown;

package/dist/widgets/expression.d.ts

@@ -210,7 +210,7 @@ declare const _default: Readonly<{
         onFocus: (blurPath: import("../types").FocusPath) => void;
         times: boolean;
         value: string;
-    }, "static" | "trackInteraction" | "onChange" | "analytics" | "problemNum" | "questionCompleted" | "keypadElement" | "alignment" | "buttonsVisible" | "containerSizeClass" | "widgetId" | "findWidgets" | "keypadConfiguration" | "reviewModeRubric" | "isLastUsedWidget"> & {
+    }, "trackInteraction" | "onChange" | "static" | "analytics" | "problemNum" | "questionCompleted" | "keypadElement" | "alignment" | "buttonsVisible" | "containerSizeClass" | "widgetId" | "findWidgets" | "keypadConfiguration" | "reviewModeRubric" | "isLastUsedWidget"> & {
         value?: string | undefined;
         onFocus?: ((blurPath: import("../types").FocusPath) => void) | undefined;
         onBlur?: ((blurPath: import("../types").FocusPath) => void) | undefined;
@@ -410,7 +410,7 @@ declare const _default: Readonly<{
         onFocus: (blurPath: import("../types").FocusPath) => void;
         times: boolean;
         value: string;
-    }, "static" | "trackInteraction" | "onChange" | "analytics" | "problemNum" | "questionCompleted" | "keypadElement" | "alignment" | "buttonsVisible" | "containerSizeClass" | "widgetId" | "findWidgets" | "keypadConfiguration" | "reviewModeRubric" | "isLastUsedWidget"> & {
+    }, "trackInteraction" | "onChange" | "static" | "analytics" | "problemNum" | "questionCompleted" | "keypadElement" | "alignment" | "buttonsVisible" | "containerSizeClass" | "widgetId" | "findWidgets" | "keypadConfiguration" | "reviewModeRubric" | "isLastUsedWidget"> & {
         value?: string | undefined;
         onFocus?: ((blurPath: import("../types").FocusPath) => void) | undefined;
         onBlur?: ((blurPath: import("../types").FocusPath) => void) | undefined;

package/dist/widgets.d.ts

@@ -9,7 +9,7 @@ export declare const registerWidgets: (widgets: ReadonlyArray<WidgetExports>) =>
  * @param name - the widget that you are trying to replace
  * @param replacementName - the name of the widget that takes its place
  *
- * e.g. replaceWidget("transformer", "always-correct") will make it so the
+ * e.g. replaceWidget("transformer", "deprecated-standin") will make it so the
  * transformer widget is replaced by the always correct widget
  */
 export declare const replaceWidget: (name: string, replacementName: string) => void;

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "18.0.0",
+    "version": "19.0.0",
     "publishConfig": {
         "access": "public"
     },
@@ -24,7 +24,7 @@
     "dependencies": {
         "@khanacademy/kas": "^0.3.7",
         "@khanacademy/kmath": "^0.1.8",
-        "@khanacademy/math-input": "^16.5.0",
+        "@khanacademy/math-input": "^16.5.1",
         "@khanacademy/perseus-core": "1.4.1",
         "@khanacademy/perseus-linter": "^0.3.10",
         "@khanacademy/pure-markdown": "^0.2.13",
@@ -38,18 +38,18 @@
         "@khanacademy/wonder-blocks-color": "^3.0.0",
         "@khanacademy/wonder-blocks-core": "^6.3.1",
         "@khanacademy/wonder-blocks-data": "^13.0.6",
-        "@khanacademy/wonder-blocks-dropdown": "^5.1.0",
+        "@khanacademy/wonder-blocks-dropdown": "^5.1.2",
         "@khanacademy/wonder-blocks-form": "^4.3.19",
         "@khanacademy/wonder-blocks-i18n": "^2.0.2",
         "@khanacademy/wonder-blocks-layout": "^2.0.25",
         "@khanacademy/wonder-blocks-link": "^6.0.5",
-        "@khanacademy/wonder-blocks-modal": "^4.2.0",
-        "@khanacademy/wonder-blocks-pill": "^1.0.15",
-        "@khanacademy/wonder-blocks-popover": "^3.0.22",
+        "@khanacademy/wonder-blocks-modal": "^4.2.1",
+        "@khanacademy/wonder-blocks-pill": "^2.0.0",
+        "@khanacademy/wonder-blocks-popover": "^3.1.0",
         "@khanacademy/wonder-blocks-progress-spinner": "^2.0.25",
         "@khanacademy/wonder-blocks-spacing": "^4.0.1",
-        "@khanacademy/wonder-blocks-switch": "^1.1.9",
-        "@khanacademy/wonder-blocks-tooltip": "^2.1.24",
+        "@khanacademy/wonder-blocks-switch": "^1.1.10",
+        "@khanacademy/wonder-blocks-tooltip": "^2.1.25",
         "@khanacademy/wonder-blocks-typography": "^2.1.10",
         "@khanacademy/wonder-stuff-core": "^1.5.1",
         "@phosphor-icons/core": "^2.0.2",

package/src/__tests__/widgets.test.ts

@@ -40,7 +40,6 @@ describe("Widget API support", () => {
         "simulator",
         "sorter",
         "table",
-        "transformer",
         "unit-input",
         "video",
     ])("%s widget should provide static validate function", (widgetType) => {

package/src/extra-widgets.ts

@@ -33,7 +33,6 @@ import Sequence from "./widgets/sequence";
 import Simulator from "./widgets/simulator";
 import Sorter from "./widgets/sorter";
 import Table from "./widgets/table";
-import Transformer from "./widgets/transformer";
 import Unit from "./widgets/unit";
 import Video from "./widgets/video";
 
@@ -70,7 +69,6 @@ export default [
     Simulator,
     Sorter,
     Table,
-    Transformer,
     Unit,
     Video,
     DeprecatedStandin,

package/src/index.ts

@@ -31,7 +31,6 @@ export {default as Radio} from "./widgets/radio";
 export {default as BaseRadio} from "./widgets/radio/base-radio";
 export {default as Categorizer} from "./widgets/categorizer";
 export {default as InteractiveGraphWidget} from "./widgets/interactive-graph";
-export {default as TransformerWidget} from "./widgets/transformer";
 export {default as MatrixWidget} from "./widgets/matrix";
 export {default as TableWidget} from "./widgets/table";
 export {default as PlotterWidget} from "./widgets/plotter";

package/src/perseus-types.ts

@@ -90,7 +90,7 @@ type Widget<Type extends string, Options> = {
     // Whether this widget is displayed with the values and is immutable.  For display only
     // NOTE: perseus_data.go says this is required even though it isn't necessary.
     static?: boolean;
-    // Whether a widget is scored.  Usually true except for IFrame widgets (deprecated) and Transformer widgets
+    // Whether a widget is scored.  Usually true except for IFrame widgets (deprecated)
     // Default: true
     graded?: boolean;
     // The HTML alignment of the widget.  "default" or "block"
@@ -164,9 +164,6 @@ export type SimulatorWidget = Widget<'simulator', PerseusSimulatorWidgetOptions>
 export type SorterWidget = Widget<'sorter', PerseusSorterWidgetOptions>;
 // prettier-ignore
 export type TableWidget = Widget<'table', PerseusTableWidgetOptions>;
-// prettier-ignore
-export type TransformerWidget = Widget<'transformer', PerseusTransformerWidgetOptions>;
-
 // prettier-ignore
 export type ExampleGraphieWidget = Widget<'example-graphie-widget', PerseusExampleGraphieWidgetOptions>;
 // prettier-ignore
@@ -228,7 +225,6 @@ export type PerseusWidget =
     | SimulatorWidget
     | SorterWidget
     | TableWidget
-    | TransformerWidget
     | UnitInputWidget
     | VideoWidget
     | AutoCorrectWidget;
@@ -456,7 +452,6 @@ export type PerseusGrapherWidgetOptions = {
               // Two points on the same slope in the tangent wave line.
               coords: [Coord, Coord];
           };
-    // TODO(jeremy): Unify with PerseusTransformerWidgetOptions's .graph
     graph: {
         backgroundImage: {
             bottom?: number;
@@ -990,115 +985,6 @@ export type PerseusTableWidgetOptions = {
     answers: ReadonlyArray<ReadonlyArray<string>>;
 };
 
-export type PerseusTransformerWidgetOptions = {
-    correct: {
-        shape: {
-            type: ReadonlyArray<
-                | "polygon-5"
-                | "polygon-3"
-                | "polygon-4"
-                | "lineSegment"
-                | "polygon-6"
-                | "angle"
-                | "line"
-                | "circle"
-            >;
-            coords: ReadonlyArray<Coord>;
-            options?: ReadonlyArray<{
-                reflex?: boolean;
-            }>;
-        };
-        transformations: ReadonlyArray<PerseusTransformerTransformation>;
-    };
-    drawSolutionShape: boolean;
-    gradeEmpty: boolean;
-    // TODO(jeremy): Unify with PerseusGrapherWidgetOptions's .graph
-    graph: {
-        backgroundImage: {
-            bottom?: number;
-            height?: number;
-            left?: number;
-            scale?: number;
-            url?: string;
-            width?: number;
-        };
-        gridStep?: [number, number];
-        labels?: ["x", "y"];
-        markings: "none" | "graph" | "grid";
-        range: [[number, number], [number, number]];
-        rulerLabel?: string;
-        rulerTicks?: number;
-        showProtractor: boolean;
-        showRuler?: boolean;
-        snapStep?: [number, number];
-        step: [number, number];
-    };
-    graphMode: "dynamic" | "interactive" | "static";
-    listMode: "interactive" | "dynamic" | "static";
-    starting: {
-        shape:
-            | {
-                  type: ReadonlyArray<
-                      | "polygon-5"
-                      | "polygon-3"
-                      | "polygon-4"
-                      | "lineSegment"
-                      | "polygon-6"
-                  >;
-                  coords: ReadonlyArray<Coord>;
-                  options?: ReadonlyArray<Empty>;
-              }
-            | {
-                  type: "polygon-3";
-                  coords: [Coord, Coord, Coord];
-              }
-            | {
-                  type: [
-                      | "polygon-3"
-                      | "lineSegment"
-                      | "polygon-4"
-                      | "polygon-5"
-                      | "polygon-6"
-                      | "line"
-                      | "circle",
-                  ];
-                  coords: ReadonlyArray<Coord>;
-                  options: [Empty];
-              }
-            | {
-                  type: ["polygon-3"];
-                  coords: [Coord, Coord, Coord];
-                  options?: [Empty];
-              }
-            | {
-                  type: ["angle"];
-                  coords: [Coord, Coord, Coord];
-                  options: [
-                      {
-                          reflex: boolean;
-                      },
-                  ];
-              }
-            | {
-                  type: ["line" | "lineSegment"];
-                  coords: [Coord, Coord];
-                  options?: [Empty];
-              }
-            | {
-                  type: "polygon";
-                  coords: ReadonlyArray<Coord>;
-              };
-        transformations: ReadonlyArray<PerseusTransformerTransformation>;
-    };
-    tools: {
-        dilation: DilationTool;
-        reflection: ReflectionTool;
-        rotation: RotationTool;
-        translation: TranslationTool;
-    };
-    version: number;
-};
-
 export type DilationTransformation = {
     type: "dilation";
     center: Coord;
@@ -1131,44 +1017,6 @@ export type TranslationTransformation = {
     contraints: Empty;
 };
 
-export type PerseusTransformerTransformation =
-    | DilationTransformation
-    | ReflectionTransformation
-    | RotationTransformation
-    | TranslationTransformation;
-
-type DilationTool = {
-    constraints: PerseusTransformerToolConstraints;
-    coord: Coord;
-    enabled: boolean;
-    required?: boolean;
-};
-
-type ReflectionTool = {
-    constraints: PerseusTransformerToolConstraints;
-    coords: [Coord, Coord];
-    enabled: boolean;
-    required?: boolean;
-};
-
-type RotationTool = {
-    constraints: PerseusTransformerToolConstraints;
-    coord: Coord;
-    enabled: boolean;
-    required?: boolean;
-};
-
-type TranslationTool = {
-    constraints: Empty;
-    enabled: boolean;
-    required?: boolean;
-};
-
-export type PerseusTransformerToolConstraints = {
-    // Whether we should prevent the student from repositioning the tool
-    fixed: boolean;
-};
-
 export type PerseusInteractionWidgetOptions = {
     // The definition of the graph
     graph: PerseusInteractionGraph;
@@ -1514,6 +1362,5 @@ export type PerseusWidgetOptions =
     | PerseusSimulatorWidgetOptions
     | PerseusSorterWidgetOptions
     | PerseusTableWidgetOptions
-    | PerseusTransformerWidgetOptions
     | PerseusUnitInputWidgetOptions
     | PerseusVideoWidgetOptions;

package/src/styles/perseus-renderer.less

@@ -448,7 +448,6 @@
 @import "./widgets/sequence.less";
 @import "./widgets/sortable.less";
 @import "./widgets/table.less";
-@import "./widgets/transformer.less";
 @import "./widgets/unit.less";
 
 .perseus-widget-container {

package/src/types.ts

@@ -1,4 +1,3 @@
-import type {SerializedHighlightSet} from "./components/highlighting/types";
 import type {ILogger} from "./logging/log";
 import type {Item} from "./multi-items/item-types";
 import type {
@@ -92,10 +91,6 @@ export type ChangeHandler = (
         currentValue?: string;
         // perseus-all-package/widgets/dropdown.jsx
         selected?: number;
-        // perseus-all-package/widgets/transformer.jsx
-        tools?: ReadonlyArray<any>;
-        transformations?: ReadonlyArray<any>;
-        highlights?: SerializedHighlightSet;
         // perseus-all-package/widgets/grapher.jsx
         plot?: any;
     },

package/src/util/register-all-widgets-for-testing.ts

@@ -9,7 +9,5 @@ import * as Widgets from "../widgets";
 export const registerAllWidgetsForTesting = () => {
     Widgets.registerWidgets(allWidgets);
 
-    // When it's time to replace the transformer widget
-    // uncomment this line
-    // Widgets.replaceWidget("transformer", "deprecated-standin");
+    Widgets.replaceWidget("transformer", "deprecated-standin");
 };

package/src/widgets/__tests__/renderQuestion.tsx

@@ -2,9 +2,16 @@ import {RenderStateRoot} from "@khanacademy/wonder-blocks-core";
 import {render} from "@testing-library/react";
 import * as React from "react";
 
-// eslint-disable-next-line import/no-relative-packages
-import {testDependenciesV2} from "../../../../../testing/test-dependencies";
-import {DependenciesContext, useDependencies} from "../../dependencies";
+import {
+    testDependenciesV2,
+    testDependencies,
+    // eslint-disable-next-line import/no-relative-packages
+} from "../../../../../testing/test-dependencies";
+import {
+    DependenciesContext,
+    useDependencies,
+    setDependencies,
+} from "../../dependencies";
 import * as Perseus from "../../index";
 import {registerAllWidgetsForTesting} from "../../util/register-all-widgets-for-testing";
 
@@ -27,6 +34,7 @@ export const renderQuestion = (
     ) => void;
     unmount: RenderResult["unmount"];
 } => {
+    setDependencies(testDependencies);
     registerAllWidgetsForTesting();
 
     let renderer: Perseus.Renderer | null = null;

package/src/widgets/label-image/answer-pill.tsx

@@ -74,7 +74,7 @@ export const AnswerPill = (props: {
                     style={[
                         style,
                         popperStyle,
-                        styles.relative,
+                        styles.pill,
                         correct && styles.correct,
                         incorrect && styles.incorrect,
                         (focused || hovered) && BringToFront,
@@ -95,4 +95,9 @@ const styles = StyleSheet.create({
     incorrect: {
         backgroundColor: Color.offBlack64,
     },
+    pill: {
+        // Reset the Pill's default height in order to account
+        // for multi-line pills.
+        height: "auto",
+    },
 });

package/src/widgets.ts

@@ -48,7 +48,7 @@ export const registerWidgets = (widgets: ReadonlyArray<WidgetExports>) => {
  * @param name - the widget that you are trying to replace
  * @param replacementName - the name of the widget that takes its place
  *
- * e.g. replaceWidget("transformer", "always-correct") will make it so the
+ * e.g. replaceWidget("transformer", "deprecated-standin") will make it so the
  * transformer widget is replaced by the always correct widget
  */
 export const replaceWidget = (name: string, replacementName: string) => {
@@ -61,10 +61,6 @@ export const replaceWidget = (name: string, replacementName: string) => {
     }
 
     registerWidget(name, substituteWidget);
-
-    if (Log) {
-        Log.log(`INFO: Replacing widget ${name} with ${replacementName}`);
-    }
 };
 
 export const registerEditors = (editorsToRegister: ReadonlyArray<Editor>) => {
@@ -97,10 +93,6 @@ export const replaceEditor = (name: string, replacementName: string) => {
     }
 
     editors[name] = substituteEditor;
-
-    if (Log) {
-        Log.log(`INFO: Replacing editor ${name} with ${replacementName}`);
-    }
 };
 
 export const getWidget = (