@khanacademy/perseus 20.5.0 → 20.7.0

package/dist/interactive2/movable.d.ts

@@ -57,7 +57,7 @@ export declare class Movable<Options extends Record<string, any>> {
      * Simulates a mouse grab event on the movable object.
      */
     grab(coord: Coord): void;
-    _applyConstraints(current: Coord, previous: Coord, extraOptions?: ConstraintCallbacks): false | [number, number];
+    _applyConstraints(current: Coord, previous: Coord, extraOptions?: ConstraintCallbacks): false | Coord;
     toBack(): void;
     toFront(): void;
     /**

package/dist/interactive2/objective_.d.ts

@@ -7,7 +7,7 @@
  */
 declare const _default: {
     pluck: (table: any, subKey: string) => any;
-    mapObject: <K extends string, V, U>(obj: Partial<Record<K, V>>, lambda: (arg1: V, arg2: K) => U) => Partial<Record<K, U>>;
-    mapObjectFromArray: <K_1 extends string, V_1>(arr: readonly K_1[], lambda: (arg1: K_1) => V_1) => Partial<Record<K_1, V_1>>;
+    mapObject: <K extends string, V, U>(obj: Record<K, V>, lambda: (arg1: V, arg2: K) => U) => Record<K, U>;
+    mapObjectFromArray: <K_1 extends string, V_1>(arr: readonly K_1[], lambda: (arg1: K_1) => V_1) => Record<K_1, V_1>;
 };
 export default _default;

package/dist/styles/global-styles.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../types/aphrodite.d.ts" />
 import type { StyleDeclaration } from "aphrodite";
 export declare const colors: {
     readonly white: "#FFFFFF";

package/dist/styles/shared.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../types/aphrodite.d.ts" />
 import type { StyleDeclaration } from "aphrodite";
 declare const _default: StyleDeclaration;
 export default _default;

package/dist/types.d.ts

@@ -75,6 +75,11 @@ type TrackInteractionArgs = {
     id: string;
     correct?: boolean;
 } & Partial<TrackingGradedGroupExtraArguments> & Partial<TrackingSequenceExtraArguments>;
+/**
+ * APIOptions provides different ways to customize the behaviour of Perseus.
+ *
+ * @see APIOptionsWithDefaults
+ */
 export type APIOptions = Readonly<{
     isArticle?: boolean;
     onInputError?: (widgetId: any, value: string, message?: string | null | undefined) => unknown;
@@ -87,25 +92,117 @@ export type APIOptions = Readonly<{
     interactionCallback?: (widgetData: {
         [widgetId: string]: any;
     }) => void;
+    /**
+     * A function that takes in the relative problem number (starts at
+     * 0 and is incremented for each group widget), and the ID of the
+     * group widget, then returns a react component that will be added
+     * immediately above the renderer in the group widget. If the
+     * function returns null, no annotation will be added.
+     */
     groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
+    /**
+     * If imagePlaceholder is set, Perseus will render the placeholder instead
+     * of the image node.
+     */
     imagePlaceholder?: React.ReactNode;
+    /**
+     * If widgetPlaceholder is set, Perseus will render the placeholder instead
+     * of the widget node.
+     */
     widgetPlaceholder?: React.ReactNode;
+    /**
+     * Base React elements that can be used in place of the standard DOM
+     * DOM elements. For example, when provided, <Link /> will be used
+     * in place of <a />. This allows clients to provide pre-styled
+     * components or components with custom behavior.
+     */
     baseElements?: {
+        /**
+         * The <Link /> component provided here must adhere to the same
+         * interface as React's base <a /> component.
+         */
         Link: React.ComponentType<any>;
     };
+    /**
+     * Function that takes dimensions and returns a React component
+     * to display while an image is loading.
+     */
     imagePreloader?: (dimensions: Dimensions) => React.ReactNode;
+    /**
+     * A function that is called when the user has interacted with a widget. It
+     * also includes any extra parameters that the originating widget provided.
+     * This is used for keeping track of widget interactions.
+     */
     trackInteraction?: (args: TrackInteractionArgs) => void;
+    /**
+     * A boolean that indicates whether or not a custom keypad is
+     * being used.  For mobile web this will be the ProvidedKeypad
+     * component.  In this situation we use the MathInput component
+     * from the math-input repo instead of the existing perseus math
+     * input components.
+     */
     customKeypad?: boolean;
+    /**
+     * If this is provided, it is called instead of appending an instance
+     * of `math-input`'s keypad to the body. This is used by the native
+     * apps so they can have the keypad be defined on the native side.
+     * It is called with an function that, when called, blurs the input,
+     * and is expected to return an object of the shape
+     * keypadElementPropType from math-input/src/prop-types.js.
+     */
     nativeKeypadProxy?: (blur: () => void) => KeypadAPI;
+    /** Indicates whether or not to use mobile styling. */
     isMobile?: boolean;
+    /** A function, called with a bool indicating whether use of the
+     * drawing area (scratchpad) should be allowed/disallowed.
+     *
+     * Previously handled by `Khan.scratchpad.enable/disable`
+     */
     setDrawingAreaAvailable?: (arg1: boolean) => unknown;
+    /** Whether to use the Draft.js editor or the legacy textarea */
     useDraftEditor?: boolean;
+    /** The color used for the hint progress indicator (eg. 1 / 3) */
     hintProgressColor?: string;
+    /**
+     * Whether this Renderer is allowed to auto-scroll the rest of the
+     * page. For example, if this is enabled, the most recently used
+     * radio widget will attempt to keep the "selected" answer in view
+     * after entering review mode.
+     *
+     * Defaults to `false`.
+     */
     canScrollPage?: boolean;
+    /** Whether or not we are rendering content inside of a modal. */
     inModal?: boolean;
+    /**
+     * Whether to enable the cross-out feature on multiple-choice radio
+     * widgets. This allows users to note which answers they believe to
+     * be incorrect, to find the answer by process of elimination.
+     *
+     * We plan to roll this out to all call sites eventually, but for
+     * now we have this flag, to add it to Generalized Test Prep first.
+     */
     crossOutEnabled?: boolean;
+    /**
+     * The value in milliseconds by which the local state of content
+     * in a editor is delayed before propagated to a prop. For example,
+     * when text is typed in the text area of an Editor component,
+     * there will be a delay equal to the value of `editorChangeDelay`
+     * before the change is propagated. This is added for better
+     * responsiveness of the editor when used in certain contexts such
+     * as StructuredItem exercises where constant re-rendering for each
+     * keystroke caused text typed in the text area to appear in it
+     * only after a good few seconds.
+     */
     editorChangeDelay?: number;
+    /** Feature flags that can be passed from consuming application. */
     flags?: Record<string, boolean | Record<string, boolean>>;
+    /**
+     * This is a callback function that returns all of the Widget props
+     * after they have been transformed by the widget's transform function.
+     * This is useful for when we need to know how a widget has shuffled its
+     * the available choices.
+     */
     onWidgetStartProps?: (widgets: PerseusWidgetsMap) => PerseusWidgetsMap;
 }>;
 type TeXProps = {
@@ -181,6 +278,11 @@ export type PerseusDependenciesV2 = {
         onAnalyticsEvent: AnalyticsEventHandlerFn;
     };
 };
+/**
+ * APIOptionsWithDefaults represents the type that is provided to all widgets.
+ * The Renderer fills in these defaults when providing APIOptions to any
+ * widget.
+ */
 export type APIOptionsWithDefaults = Readonly<APIOptions & {
     GroupMetadataEditor: NonNullable<APIOptions["GroupMetadataEditor"]>;
     baseElements: NonNullable<APIOptions["baseElements"]>;

package/dist/util/a11y.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../types/aphrodite.d.ts" />
 import type { StyleDeclaration } from "aphrodite";
 declare const _default: StyleDeclaration;
 export default _default;

package/dist/util/extract-perseus-data.d.ts

@@ -1,4 +1,4 @@
-import type { PerseusRenderer } from "../perseus-types";
+import type { PerseusItem, PerseusRenderer } from "../perseus-types";
 /**
  * This function extracts the answers from the widgets.
  *
@@ -23,4 +23,11 @@ declare function getAnswersFromWidgets(widgets: PerseusRenderer["widgets"]): Rea
  * @returns
  */
 declare function injectWidgets(content: string, widgets: PerseusRenderer["widgets"]): string;
+export declare const getWidgetTypeFromWidgetKey: (widgetKey: string) => string;
+export declare const isWrongAnswerSupported: (widgetKeys: Array<string>) => boolean;
+export declare const shouldHaveIndividualAnswer: (widgetKey: string) => boolean;
+export declare const getAnswerFromUserInput: (widgetType: string, userInput: any) => any;
+export declare const getCorrectAnswerForWidgetKey: (widgetKey: string, itemData: PerseusItem) => string | undefined;
+export declare const isWidgetKeyInContent: (perseusItem: PerseusItem, widgetKey: string) => boolean;
+export declare const getValidWidgetKeys: (perseusItem: PerseusItem) => Array<string>;
 export { getAnswersFromWidgets, injectWidgets };

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

@@ -0,0 +1,90 @@
+export declare enum WidgetType {
+    Categorizer = "categorizer",
+    CSProgram = "cs-program",
+    Definition = "definition",
+    Dropdown = "dropdown",
+    Explanation = "explanation",
+    Expression = "expression",
+    GradedGroup = "graded-group",
+    GradedGroupAnswerBar = "graded-group-answer-bar",
+    GradedGroupSet = "graded-group-set",
+    Grapher = "grapher",
+    Group = "group",
+    Iframe = "iframe",
+    Image = "image",
+    InputNumber = "input-number",
+    Interaction = "interaction",
+    InteractiveGraph = "interactive-graph",
+    InteractiveNumberLine = "interactive-number-line",
+    LabelImage = "label-image",
+    Matcher = "matcher",
+    Matrix = "matrix",
+    Measurer = "measurer",
+    Molecule = "molecule",
+    NumberLine = "number-line",
+    NumericInput = "numeric-input",
+    Orderer = "orderer",
+    Passage = "passage",
+    PassageRef = "passage-ref",
+    PassageRefTarget = "passage-ref-target",
+    Plotter = "plotter",
+    Protractor = "protractor",
+    PythonProgram = "python-program",
+    Radio = "radio",
+    Sorter = "sorter",
+    Table = "table",
+    Unit = "unit",
+    Video = "video",
+    VideoTranscriptLink = "video-transcript-link"
+}
+export type WidgetId = `${WidgetType} ${number}`;
+export declare const QUESTION_WIDGETS: ReadonlyArray<string>;
+/**
+ * Regex for widget placeholders in a string.
+ *
+ * First capture group is the widget ID (ex. 'radio 1')
+ * Second capture group is the widget type (ex. "radio)
+ * exec return will look like: ['[[☃ radio 1]]', 'radio 1', 'radio']
+ */
+export declare function getWidgetRegex(): RegExp;
+/**
+ * Add a widget placeholder using the provided widget type and instance number.
+ * ex. addWidget(WidgetType.Radio, 1) => "[[☃ radio 1]]"
+ *
+ * @param {WidgetType} widgetType
+ * @param {number} instance
+ * @returns {string}
+ */
+export declare function addWidget(widgetType: WidgetType, instance: number): string;
+/**
+ * Extract all widget IDs, which includes the widget type and instance number.
+ * example output: ['radio 1', 'categorizer 1', 'categorizor 2']
+ *
+ * Content should contain Perseus widget placeholders,
+ * which look like: '[[☃ radio 1]]'.
+ *
+ * @param {string} content
+ * @returns {Array<WidgetId>} widgets
+ */
+export declare function getAllWidgetIds(content: string): Array<WidgetId>;
+/**
+ * Extract all widget types from a Perseus JSON content string.
+ * This does not include the instance number and prevents duplicates.
+ * example output: ['radio', 'categorizer']
+ *
+ * @param {string} content
+ * @returns {Array<WidgetId>}
+ */
+export declare function getAllWidgetTypes(content: string): Array<WidgetId>;
+/**
+ * Extract the widget IDs of all widgets considered question widgets. Widget IDs
+ * include widget type and instance number.
+ * example output: ['radio 1', 'categorizer 1']
+ *
+ * Content should contain Perseus widget placeholders,
+ * which look like: '[[☃ radio 1]]'.
+ *
+ * @param {string} content
+ * @returns Array<WidgetId>
+ */
+export declare function getQuestionWidgetIds(content: string): Array<WidgetId>;

package/dist/util/widget-enum-utils.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Some helpers for CEDAR logging. CEDAR convention dictates
+ * that enum values should be upper case. Ex: for the
+ * PerseusWidgetUsedInProblemAttempt CEDAR event, we needed
+ * to: get the type and convert that to an enum value.
+ */
+type WidgetName = "categorizer" | "cs-program" | "definition" | "deprecated-standin" | "dropdown" | "explanation" | "expression" | "graded-group-set" | "graded-group" | "grapher" | "group" | "iframe" | "image" | "input-number" | "interaction" | "interactive-graph" | "label-image" | "lights-puzzle" | "matcher" | "matrix" | "measurer" | "molecule-renderer" | "number-line" | "numeric-input" | "orderer" | "passage" | "passage-ref" | "passage-ref-target" | "plotter" | "python-program" | "reaction-diagram" | "radio" | "sequence" | "simulator" | "sorter" | "table" | "unit-input" | "video";
+type WidgetEnum = "CATEGORIZER" | "CS_PROGRAM" | "DEFINITION" | "DEPRECATED_STANDIN" | "DROPDOWN" | "EXPLANATION" | "EXPRESSION" | "GRADED_GROUP" | "GRADED_GROUP_SET" | "GRAPHER" | "GROUP" | "IFRAME" | "IMAGE" | "INPUT_NUMBER" | "INTERACTIVE" | "INTERACTIVE_GRAPH" | "LABEL_IMAGE" | "LIGHTS_PUZZLE" | "MATCHER" | "MATRIX" | "MEASURER" | "MOLECULE" | "NUMBER_LINE" | "NUMERIC_INPUT" | "ORDERER" | "PASSAGE" | "PASSAGE_REF" | "PASSAGE_REF_TARGET" | "PLOTTER" | "PYTHON_PROGRAM" | "REACTION_DIAGRAM" | "RADIO" | "SEQUENCE" | "SIMULATOR" | "SORTER" | "TABLE" | "UNIT" | "VIDEO";
+export declare function convertWidgetNameToEnum(name: WidgetName): WidgetEnum;
+export declare function getWidgetTypeFromWidgetId(widgetId: string): WidgetName;
+export {};

package/dist/util.d.ts

@@ -190,7 +190,7 @@ declare function getWordBeforeCursor(textarea: HTMLTextAreaElement): WordAndPosi
 declare function moveCursor(textarea: HTMLTextAreaElement, pos: number): void;
 declare const Util: {
     readonly inputPathsEqual: typeof inputPathsEqual;
-    readonly nestedMap: <T, M>(children: T | readonly T[], func: (arg1: T) => M, context: unknown) => M | readonly M[];
+    readonly nestedMap: <T, M>(children: T | ReadonlyArray<T>, func: (arg1: T) => M, context: unknown) => M | ReadonlyArray<M>;
     readonly rWidgetRule: RegExp;
     readonly rTypeFromWidgetId: RegExp;
     readonly rWidgetParts: RegExp;

package/dist/widgets/interactive-graph.d.ts

@@ -21,7 +21,7 @@ type DefaultProps = {
     rulerTicks: Props["rulerTicks"];
     graph: Props["graph"];
 };
-declare class InteractiveGraph extends React.Component<Props, State> {
+declare class LegacyInteractiveGraph extends React.Component<Props, State> {
     angle: any | null | undefined;
     circle: any | null | undefined;
     graphie: any | null | undefined;
@@ -39,7 +39,6 @@ declare class InteractiveGraph extends React.Component<Props, State> {
     trashCan: any | null | undefined;
     vertHairline: any | null | undefined;
     static defaultProps: DefaultProps;
-    mafsRef: React.RefObject<Widget>;
     state: State;
     UNSAFE_componentWillMount(): void;
     componentDidMount(): void;
@@ -99,6 +98,14 @@ declare class InteractiveGraph extends React.Component<Props, State> {
     simpleValidate: (rubric: Rubric) => PerseusScore;
     focus: () => void;
     render(): React.ReactNode;
+}
+declare class InteractiveGraph extends React.Component<Props, State> {
+    legacyGraphRef: React.RefObject<LegacyInteractiveGraph>;
+    mafsRef: React.RefObject<Widget>;
+    static defaultProps: DefaultProps;
+    getUserInput: Widget["getUserInput"];
+    simpleValidate: (rubric: Rubric) => PerseusScore;
+    render(): JSX.Element;
     static getQuadraticCoefficients(coords: ReadonlyArray<Coord>): QuadraticCoefficient;
     static getSinusoidCoefficients(coords: ReadonlyArray<Coord>): SineCoefficient;
     /**

package/dist/widgets/interactive-graphs/graphs/index.d.ts

@@ -1,3 +1,4 @@
 export { SegmentGraph } from "./segment";
 export { LinearGraph } from "./linear";
 export { RayGraph } from "./ray";
+export { PolygonGraph } from "./polygon";

package/dist/widgets/interactive-graphs/graphs/polygon.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { MafsGraphProps, PolygonGraphState } from "../types";
+type Props = MafsGraphProps<PolygonGraphState>;
+export declare const PolygonGraph: (props: Props) => JSX.Element;
+export {};

package/dist/widgets/interactive-graphs/mafs-graph.d.ts

@@ -71,7 +71,7 @@ export declare const MafsGraph: React.ForwardRefExoticComponent<import("../..").
     onChange: import("../..").ChangeHandler;
     trackInteraction: (extraData?: {} | undefined) => void;
     isLastUsedWidget: boolean;
-    linterContext: import("../../../../perseus-linter/src").LinterContextProps;
+    linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
     containerSizeClass: import("../../util/sizing-utils").SizeClass;
 } & {
     children?: React.ReactNode;

package/dist/widgets/interactive-graphs/reducer/interactive-graph-action.d.ts

@@ -0,0 +1,27 @@
+import type { vec } from "mafs";
+export type InteractiveGraphAction = MoveControlPoint | MoveLine | MoveAll;
+export declare const MOVE_CONTROL_POINT = "move-control-point";
+export interface MoveControlPoint {
+    type: typeof MOVE_CONTROL_POINT;
+    itemIndex?: number;
+    pointIndex: number;
+    destination: vec.Vector2;
+}
+export declare function moveControlPoint(pointIndex: number, destination: vec.Vector2, itemIndex?: number): MoveControlPoint;
+export declare const MOVE_ALL = "move-all";
+export declare const MOVE_LINE = "move-line";
+interface MoveItem {
+    delta: vec.Vector2;
+    itemIndex?: number;
+}
+export interface MoveLine extends MoveItem {
+    type: typeof MOVE_LINE;
+}
+export interface MoveAll extends MoveItem {
+    type: typeof MOVE_ALL;
+}
+/** This action assumes the state.coords holds an array of collinear tuples that define lines */
+export declare function moveLine(itemIndex: number, delta: vec.Vector2): MoveLine;
+/** This action assumes a flat array of vectors */
+export declare const moveAll: (delta: vec.Vector2) => MoveAll;
+export {};

package/dist/widgets/interactive-graphs/reducer/interactive-graph-reducer.d.ts

@@ -0,0 +1,3 @@
+import { type InteractiveGraphAction } from "./interactive-graph-action";
+import type { InteractiveGraphState } from "../types";
+export declare function interactiveGraphReducer<GraphState extends InteractiveGraphState>(state: Readonly<GraphState>, action: InteractiveGraphAction): GraphState;

package/dist/widgets/interactive-graphs/{interactive-graph-state.d.ts → reducer/interactive-graph-state.d.ts}

@@ -1,5 +1,5 @@
-import type { InteractiveGraphState } from "./types";
-import type { PerseusGraphType } from "../../perseus-types";
+import type { PerseusGraphType } from "../../../perseus-types";
+import type { InteractiveGraphState } from "../types";
 import type { Interval, vec } from "mafs";
 export declare function initializeGraphState(params: {
     range: [Interval, Interval];

package/dist/widgets/interactive-graphs/types.d.ts

@@ -1,5 +1,5 @@
-import type { InteractiveGraphAction } from "./interactive-graph-action";
-import type { CollinearTuple, PerseusGraphTypeLinearSystem, PerseusGraphTypeRay, PerseusGraphTypeSegment, PerseusInteractiveGraphWidgetOptions } from "../../perseus-types";
+import type { InteractiveGraphAction } from "./reducer/interactive-graph-action";
+import type { CollinearTuple, PerseusGraphType, PerseusGraphTypeLinearSystem, PerseusGraphTypePolygon, PerseusGraphTypeRay, PerseusGraphTypeSegment, PerseusInteractiveGraphWidgetOptions } from "../../perseus-types";
 import type { WidgetProps } from "../../types";
 import type { Interval, vec } from "mafs";
 export type InteractiveGraphProps = WidgetProps<PerseusInteractiveGraphWidgetOptions, PerseusInteractiveGraphWidgetOptions>;
@@ -7,16 +7,22 @@ export type MafsGraphProps<T extends InteractiveGraphState> = {
     graphState: T;
     dispatch: (action: InteractiveGraphAction) => unknown;
 };
-export type InteractiveGraphState = SegmentGraphState | LinearGraphState | RayGraphState;
+export interface InitializeGraphStateParams<T extends PerseusGraphType> {
+    graph: T;
+    range: [Interval, Interval];
+    step: vec.Vector2;
+}
+export type InteractiveGraphState = SegmentGraphState | LinearGraphState | RayGraphState | PolygonGraphState;
 export interface InteractiveGraphStateCommon {
     hasBeenInteractedWith: boolean;
     range: [Interval, Interval];
     snapStep: vec.Vector2;
 }
-export type SegmentGraphState = InteractiveGraphStateCommon & Pick<PerseusGraphTypeSegment, "type" | "coords">;
-export type LinearGraphState = InteractiveGraphStateCommon & Pick<PerseusGraphTypeLinearSystem, "coords"> & {
+export type SegmentGraphState = InteractiveGraphStateCommon & Omit<PerseusGraphTypeSegment, "numSegments">;
+export type LinearGraphState = InteractiveGraphStateCommon & Omit<PerseusGraphTypeLinearSystem, "type"> & {
     type: "linear" | "linear-system";
 };
-export type RayGraphState = InteractiveGraphStateCommon & Pick<PerseusGraphTypeRay, "type"> & {
+export type RayGraphState = InteractiveGraphStateCommon & Omit<PerseusGraphTypeRay, "coords"> & {
     coords: readonly CollinearTuple[];
 };
+export type PolygonGraphState = InteractiveGraphStateCommon & PerseusGraphTypePolygon;

package/dist/widgets/interactive-graphs/utils.d.ts

@@ -1,4 +1,9 @@
 import type { Coord } from "../../interactive2/types";
 import type { PerseusInteractiveGraphWidgetOptions } from "../../perseus-types";
+/**
+ * 44 is touch best practice and AAA compliant for WCAG
+ * https://www.w3.org/WAI/WCAG21/Understanding/target-size.html
+ */
+export declare const TARGET_SIZE = 44;
 export declare const normalizePoints: <A extends readonly Coord[]>(range: PerseusInteractiveGraphWidgetOptions["range"], step: PerseusInteractiveGraphWidgetOptions["step"], coordsList: A, noSnap?: boolean) => A;
 export declare const normalizeCoords: <A extends readonly Coord[]>(coordsList: A, ranges: PerseusInteractiveGraphWidgetOptions["range"]) => A;

package/dist/widgets/label-image/answer-pill.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../types/aphrodite.d.ts" />
 /// <reference types="react" />
 import { type CSSProperties } from "aphrodite";
 export declare const AnswerPill: (props: {

package/dist/widgets/label-image/marker.d.ts

@@ -3,6 +3,7 @@
  *
  * The target for labeling question image with answers.
  */
+/// <reference path="../../../types/aphrodite.d.ts" />
 import * as React from "react";
 import type { InteractiveMarkerType } from "./types";
 import type { AnalyticsEventHandlerFn } from "@khanacademy/perseus-core";

package/dist/widgets/radio/choice-icon/shared-styles.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../types/aphrodite.d.ts" />
 import type { StyleDeclaration } from "aphrodite";
 declare const CHOICE_ICON_SIZE = 24;
 declare const styles: StyleDeclaration;

package/dist/widgets/radio.d.ts

@@ -1,4 +1,4 @@
-import Radio from "./radio/widget";
+import Radio from "./radio/radio";
 declare const _default: Readonly<{
     name: string;
     displayName: string;

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "20.5.0",
+    "version": "20.7.0",
     "publishConfig": {
         "access": "public"
     },
@@ -25,13 +25,13 @@
         "test": "bash -c 'yarn --silent --cwd \"../..\" test ${@:0} $($([[ ${@: -1} = -* ]] || [[ ${@: -1} = bash ]]) && echo $PWD)'"
     },
     "dependencies": {
-        "@khanacademy/kas": "^0.3.8",
+        "@khanacademy/kas": "^0.3.9",
         "@khanacademy/kmath": "^0.1.12",
         "@khanacademy/math-input": "^17.3.0",
         "@khanacademy/perseus-core": "1.4.2",
         "@khanacademy/perseus-linter": "^0.3.12",
-        "@khanacademy/pure-markdown": "^0.3.0",
-        "@khanacademy/simple-markdown": "^0.11.3",
+        "@khanacademy/pure-markdown": "^0.3.1",
+        "@khanacademy/simple-markdown": "^0.11.4",
         "@khanacademy/wonder-blocks-banner": "^3.0.33",
         "mafs": "https://github.com/Khan/mafs/releases/download/v0.18.1%2Bbuild-cd8b2467893342ba0b02100073fe21f93f8b1125/mafs-0.18.1.tgz"
     },
@@ -62,8 +62,6 @@
         "aphrodite": "^1.2.5",
         "classnames": "^1.1.4",
         "create-react-class": "^15.6.3",
-        "eslint-import-resolver-alias": "^1.1.2",
-        "eslint-plugin-import": "^2.26.0",
         "intersection-observer": "^0.12.0",
         "jquery": "^2.1.1",
         "katex": "^0.11.1",

package/dist/widgets/interactive-graphs/interactive-graph-action.d.ts

@@ -1,17 +0,0 @@
-import type { vec } from "mafs";
-export type InteractiveGraphAction = MoveControlPoint | MoveSegment;
-export declare const MOVE_CONTROL_POINT = "move-control-point";
-export interface MoveControlPoint {
-    type: typeof MOVE_CONTROL_POINT;
-    objectIndex: number;
-    pointIndex: number;
-    destination: vec.Vector2;
-}
-export declare function moveControlPoint(objectIndex: number, pointIndex: number, destination: vec.Vector2): MoveControlPoint;
-export declare const MOVE_LINE = "move-line";
-export interface MoveSegment {
-    type: typeof MOVE_LINE;
-    lineIndex: number;
-    delta: vec.Vector2;
-}
-export declare function moveSegment(lineIndex: number, delta: vec.Vector2): MoveSegment;

package/dist/widgets/interactive-graphs/interactive-graph-reducer.d.ts

@@ -1,3 +0,0 @@
-import { type InteractiveGraphAction } from "./interactive-graph-action";
-import type { InteractiveGraphState } from "./types";
-export declare function interactiveGraphReducer(state: Readonly<InteractiveGraphState>, action: InteractiveGraphAction): InteractiveGraphState;