@khanacademy/perseus 19.1.8 → 19.2.0

package/dist/interactive2/arrowhead.d.ts

@@ -0,0 +1,9 @@
+import WrappedPath from "./wrapped-path";
+import type { Graphie } from "../util/graphie";
+import type { Coord } from "@khanacademy/perseus";
+export declare class Arrowhead extends WrappedPath {
+    private static scale;
+    center: Coord;
+    constructor(graphie: Graphie, style: any);
+    toCoordAtAngle(coord: Coord, angle: number): void;
+}

package/dist/interactive2/get-clip-point.d.ts

@@ -0,0 +1,2 @@
+import type { Coord } from "@khanacademy/perseus";
+export declare const getClipPoint: (graph: any, coord: Coord, angle: number) => any;

package/dist/interactive2/wrapped-drawing.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Default methods for a wrapped movable.
+ */
+import type { Coord } from "./types";
+import type { Graphie } from "../util/graphie";
+export interface VisibleShape {
+    attr: (...args: any[]) => void;
+    animate: (...args: any[]) => void;
+    remove: () => void;
+    hide: () => void;
+    show: () => void;
+}
+export default abstract class WrappedDrawing {
+    graphie: Graphie;
+    abstract wrapper: HTMLDivElement;
+    abstract visibleShape: VisibleShape;
+    initialPoint: Coord;
+    constructor(graphie: Graphie, initialPoint: Coord);
+    transform(transformation: any): void;
+    toFront(): void;
+    toBack(): void;
+    remove(): void;
+    getMouseTarget(): any;
+    moveTo(point: any): void;
+    hide(): void;
+    show(): void;
+    attr(...args: any[]): void;
+    animate(...args: any[]): void;
+}

package/dist/interactive2/wrapped-ellipse.d.ts

@@ -1,3 +1,10 @@
+import WrappedDrawing from "./wrapped-drawing";
 import type { Coord } from "./types";
-declare const WrappedEllipse: (graphie: any, center: Coord, radii: [number, number], options: any) => void;
+import type { VisibleShape } from "./wrapped-drawing";
+declare class WrappedEllipse extends WrappedDrawing {
+    initialPoint: Coord;
+    wrapper: HTMLDivElement;
+    visibleShape: VisibleShape;
+    constructor(graphie: any, center: Coord, radii: [number, number], options: any);
+}
 export default WrappedEllipse;

package/dist/interactive2/wrapped-line.d.ts

@@ -1,3 +1,12 @@
+import WrappedDrawing from "./wrapped-drawing";
 import type { Coord } from "./types";
-declare const WrappedLine: (graphie: any, start: Coord, end: Coord, options: any) => void;
+import type { VisibleShape } from "./wrapped-drawing";
+declare class WrappedLine extends WrappedDrawing {
+    initialLength: number;
+    wrapper: HTMLDivElement;
+    visibleShape: VisibleShape;
+    constructor(graphie: any, start: Coord, end: Coord, options: any);
+    getMouseTarget(): HTMLDivElement;
+    moveTo(start: any, end: any): void;
+}
 export default WrappedLine;

package/dist/interactive2/wrapped-path.d.ts

@@ -1,3 +1,9 @@
+import WrappedDrawing from "./wrapped-drawing";
 import type { Coord } from "./types";
-declare const WrappedPath: (graphie: any, points: ReadonlyArray<Coord>, options: any) => void;
+import type { VisibleShape } from "./wrapped-drawing";
+declare class WrappedPath extends WrappedDrawing {
+    wrapper: HTMLDivElement;
+    visibleShape: VisibleShape;
+    constructor(graphie: any, points: ReadonlyArray<Coord>, options: any);
+}
 export default WrappedPath;

package/dist/logging/log.d.ts

@@ -39,7 +39,7 @@ export declare const Errors: Readonly<{
 /**
  * @type {ErrorKind} The kind of error being reported
  */
-export type ErrorKind = typeof Errors[keyof typeof Errors];
+export type ErrorKind = (typeof Errors)[keyof typeof Errors];
 export type LogErrorOptions = {
     cause?: Error | null | undefined;
     loggedMetadata?: Metadata | null | undefined;

package/dist/perseus-types.d.ts

@@ -31,7 +31,7 @@ export type PerseusImageDetail = {
     height: number;
 };
 export declare const ItemExtras: readonly ["calculator", "chi2Table", "financialCalculatorMonthlyPayment", "financialCalculatorTotalAmount", "financialCalculatorTimeToPayOff", "periodicTable", "periodicTableWithKey", "tTable", "zTable"];
-export type PerseusAnswerArea = Record<typeof ItemExtras[number], boolean>;
+export type PerseusAnswerArea = Record<(typeof ItemExtras)[number], boolean>;
 type Widget<Type extends string, Options> = {
     type: Type;
     static?: boolean;
@@ -65,6 +65,7 @@ export type OrdererWidget = Widget<'orderer', PerseusOrdererWidgetOptions>;
 export type PassageRefWidget = Widget<'passage-ref', PerseusPassageRefWidgetOptions>;
 export type PassageWidget = Widget<'passage', PerseusPassageWidgetOptions>;
 export type PlotterWidget = Widget<'plotter', PerseusPlotterWidgetOptions>;
+export type PythonProgramWidget = Widget<'python-program', PerseusPythonProgramWidgetOptions>;
 export type RadioWidget = Widget<'radio', PerseusRadioWidgetOptions>;
 export type SequenceWidget = Widget<'sequence', PerseusSequenceWidgetOptions>;
 export type SimulatorWidget = Widget<'simulator', PerseusSimulatorWidgetOptions>;
@@ -81,7 +82,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 | 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 | PythonProgramWidget | RadioWidget | ReactionDiagramWidget | RefTargetWidget | SequenceWidget | SimpleMarkdownTesterWidget | SimulatorWidget | SorterWidget | TableWidget | UnitInputWidget | VideoWidget | AutoCorrectWidget;
 export type PerseusImageBackground = {
     url: string | null | undefined;
     width?: number;
@@ -141,7 +142,7 @@ export type PerseusExpressionAnswerForm = {
     value: string;
     form: boolean;
     simplify: boolean;
-    considered: typeof PerseusExpressionAnswerFormConsidered[number];
+    considered: (typeof PerseusExpressionAnswerFormConsidered)[number];
     key?: string;
 };
 export type PerseusGradedGroupWidgetOptions = {
@@ -410,7 +411,7 @@ export type PerseusPassageRefWidgetOptions = {
     summaryText: string;
 };
 export declare const plotterPlotTypes: readonly ["bar", "line", "pic", "histogram", "dotplot"];
-export type PlotType = typeof plotterPlotTypes[number];
+export type PlotType = (typeof plotterPlotTypes)[number];
 export type PerseusPlotterWidgetOptions = {
     labels: ReadonlyArray<string>;
     categories: ReadonlyArray<string>;
@@ -636,6 +637,10 @@ export type PerseusCSProgramSetting = {
     name: string;
     value: string;
 };
+export type PerseusPythonProgramWidgetOptions = {
+    programID: string;
+    height: number;
+};
 export type PerseusIFrameWidgetOptions = {
     url: string;
     settings: ReadonlyArray<PerseusCSProgramSetting>;

package/dist/strings.js

@@ -36,6 +36,7 @@ module.exports = [
     i18n._("an integer, like $6$", {}),
     i18n._("Beginning of reading passage footnotes.", {}),
     i18n._("Beginning of reading passage.", {}),
+    i18n._("Bring back", {}),
     i18n._("Check", {}),
     i18n._("Check your significant figures.", {}),
     i18n._("Check your units.", {}),
@@ -53,6 +54,9 @@ module.exports = [
     i18n._("Correct (but you crossed it out)", {}),
     i18n._("Correct (selected)", {}),
     i18n._("Correct!", {}),
+    i18n._("Cross out", {}),
+    i18n._("Cross out Choice %(letter)s", {}),
+    i18n._("Cross out option", {}),
     i18n._("Current", {}),
     i18n._("Drag handles to make graph", {}),
     i18n._("End of reading passage.", {}),

package/dist/util/graphie.d.ts

@@ -34,6 +34,9 @@ export declare class Graphie {
     #private;
     el: Element;
     raphael?: any;
+    mouselayer?: any;
+    _mouselayerWrapper?: HTMLDivElement;
+    _visiblelayerWrapper?: HTMLDivElement;
     isMobile: boolean;
     currentStyle: any;
     range?: [Interval, Interval];
@@ -104,19 +107,32 @@ export declare class Graphie {
     unscalePoint: (point: number | Coord) => any;
     unscaleVector: (point: number | Coord) => any;
     private processAttributes;
-    getMouseCoord(event: Readonly<{
-        pageX?: number;
-        pageY?: number;
-    }>): Coord;
     addMouseLayer(options: {
         onClick?: MouseHandler;
         onMouseMove?: MouseHandler;
-        onMouseDown?: MouseHandler;
-        onMouseOver?: MouseHandler;
-        onMouseOut?: MouseHandler;
+        onMouseDown?: MouseHandler | null;
+        onMouseOver?: MouseHandler | null;
+        onMouseOut?: MouseHandler | null;
+        onMouseUp?: MouseHandler | null;
         allowScratchpad?: boolean;
         setDrawingAreaAvailable?: (available: boolean) => void;
     }): void;
+    addToMouseLayerWrapper(el: HTMLElement): void;
+    addToVisibleLayerWrapper(el: HTMLElement): void;
+    /**
+     * Get mouse coordinates in pixels
+     */
+    getMousePx(event: Readonly<{
+        pageX?: number;
+        pageY?: number;
+    }>): Coord;
+    /**
+     * Get mouse coordinates in graph coordinates
+     */
+    getMouseCoord(event: Readonly<{
+        pageX?: number;
+        pageY?: number;
+    }>): Coord;
 }
 type RangeSpecifier = [Interval, Interval] | Coord | number;
 export declare function normalizeRange(range: RangeSpecifier): [Interval, Interval];

package/dist/util/sizing-utils.d.ts

@@ -4,6 +4,6 @@ export declare const containerSizeClass: {
     readonly LARGE: "large";
     readonly XLARGE: "xlarge";
 };
-export type SizeClass = typeof containerSizeClass[keyof typeof containerSizeClass];
+export type SizeClass = (typeof containerSizeClass)[keyof typeof containerSizeClass];
 export declare const getClassFromWidth: (width: number) => SizeClass;
 export declare const getInteractiveBoxFromSizeClass: (sizeClass: SizeClass) => [number, number];

package/dist/widgets/expression.d.ts

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

package/dist/widgets/graded-group.d.ts

@@ -24,7 +24,7 @@ type DefaultProps = {
     linterContext: Props["linterContext"];
 };
 type State = {
-    status: typeof GRADING_STATUSES[keyof typeof GRADING_STATUSES];
+    status: (typeof GRADING_STATUSES)[keyof typeof GRADING_STATUSES];
     showHint: boolean;
     message: string;
     answerBarState: ANSWER_BAR_STATES;

package/dist/widgets/python-program.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+type Props = {
+    programID: string;
+    height: number;
+};
+type DefaultProps = {
+    height: Props["height"];
+};
+declare class PythonProgram extends React.Component<Props> {
+    static defaultProps: DefaultProps;
+    render(): React.ReactNode;
+}
+declare const _default: Readonly<{
+    name: string;
+    displayName: string;
+    getWidget?: (() => typeof PythonProgram) | undefined;
+    widget: typeof PythonProgram;
+    accessible?: boolean | ((props: any) => boolean) | undefined;
+    hidden?: boolean | undefined;
+    version?: import("../types").Version | undefined;
+    supportedAlignments?: readonly import("../types").Alignment[] | undefined;
+    defaultAlignment?: import("../types").Alignment | undefined;
+    getDefaultAlignment?: (() => import("../types").Alignment) | undefined;
+    isLintable?: boolean | undefined;
+    tracking?: import("../types").Tracking | undefined;
+    traverseChildWidgets?: any;
+    transform?: import("../types").WidgetTransform | undefined;
+    staticTransform?: import("../types").WidgetTransform | undefined;
+    propUpgrades?: {
+        [key: string]: (arg1: any) => any;
+    } | undefined;
+}>;
+export default _default;

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "19.1.8",
+    "version": "19.2.0",
     "publishConfig": {
         "access": "public"
     },
@@ -27,10 +27,10 @@
     "dependencies": {
         "@khanacademy/kas": "^0.3.8",
         "@khanacademy/kmath": "^0.1.12",
-        "@khanacademy/math-input": "^17.0.7",
+        "@khanacademy/math-input": "^17.0.8",
         "@khanacademy/perseus-core": "1.4.2",
-        "@khanacademy/perseus-linter": "^0.3.11",
-        "@khanacademy/pure-markdown": "^0.2.14",
+        "@khanacademy/perseus-linter": "^0.3.12",
+        "@khanacademy/pure-markdown": "^0.2.15",
         "@khanacademy/simple-markdown": "^0.11.3",
         "@khanacademy/wonder-blocks-banner": "^3.0.33"
     },

package/dist/interactive2/wrapped-defaults.d.ts

@@ -1,5 +0,0 @@
-/**
- * Default methods for a wrapped movable.
- */
-declare const WrappedDefaults: any;
-export default WrappedDefaults;