@khanacademy/perseus 19.7.3 → 19.8.0

package/dist/perseus-api.d.ts

@@ -95,8 +95,8 @@ export declare const ApiOptions: {
         inModal?: boolean | undefined;
         crossOutEnabled?: boolean | undefined;
         editorChangeDelay?: number | undefined;
-        onWidgetStartProps?: ((widgets: import("./types").PerseusWidgetMap) => import("./types").PerseusWidgetMap) | undefined;
         flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+        onWidgetStartProps?: ((widgets: import("./perseus-types").PerseusWidgetsMap) => import("./perseus-types").PerseusWidgetsMap) | undefined;
     }> & {
         GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
         baseElements: {

package/dist/perseus-types.d.ts

@@ -6,6 +6,87 @@ type StyleParams = {
     stroke?: string;
 };
 type Empty = Record<never, never>;
+export type PerseusWidgetsMap = {
+    [key in `categorizer ${number}`]: CategorizerWidget;
+} & {
+    [key in `cs-program ${number}`]: CSProgramWidget;
+} & {
+    [key in `definition ${number}`]: DefinitionWidget;
+} & {
+    [key in `dropdown ${number}`]: DropdownWidget;
+} & {
+    [key in `example-widget ${number}`]: ExampleWidget;
+} & {
+    [key in `example-graphie-widget ${number}`]: ExampleGraphieWidget;
+} & {
+    [key in `explanation ${number}`]: ExplanationWidget;
+} & {
+    [key in `expression ${number}`]: ExpressionWidget;
+} & {
+    [key in `grapher ${number}`]: GrapherWidget;
+} & {
+    [key in `group ${number}`]: GroupWidget;
+} & {
+    [key in `graded-group ${number}`]: GradedGroupWidget;
+} & {
+    [key in `graded-group-set ${number}`]: GradedGroupSetWidget;
+} & {
+    [key in `iframe ${number}`]: IFrameWidget;
+} & {
+    [key in `image ${number}`]: ImageWidget;
+} & {
+    [key in `input-number ${number}`]: InputNumberWidget;
+} & {
+    [key in `interaction ${number}`]: InteractionWidget;
+} & {
+    [key in `interactive-graph ${number}`]: InteractiveGraphWidget;
+} & {
+    [key in `label-image ${number}`]: LabelImageWidget;
+} & {
+    [key in `lights-puzzle ${number}`]: LightsPuzzleWidget;
+} & {
+    [key in `matcher ${number}`]: MatcherWidget;
+} & {
+    [key in `matrix ${number}`]: MatrixWidget;
+} & {
+    [key in `measurer ${number}`]: MeasurerWidget;
+} & {
+    [key in `molecule-renderer ${number}`]: MoleculeRendererWidget;
+} & {
+    [key in `number-line ${number}`]: NumberLineWidget;
+} & {
+    [key in `numeric-input ${number}`]: NumericInputWidget;
+} & {
+    [key in `orderer ${number}`]: OrdererWidget;
+} & {
+    [key in `passage ${number}`]: PassageWidget;
+} & {
+    [key in `passage-ref ${number}`]: PassageRefWidget;
+} & {
+    [key in `passage-ref-target ${number}`]: PassageRefWidget;
+} & {
+    [key in `plotter ${number}`]: PlotterWidget;
+} & {
+    [key in `python-program ${number}`]: PythonProgramWidget;
+} & {
+    [key in `radio ${number}`]: RadioWidget;
+} & {
+    [key in `reaction-diagram ${number}`]: ReactionDiagramWidget;
+} & {
+    [key in `sequence ${number}`]: SequenceWidget;
+} & {
+    [key in `simple-markdown-tester ${number}`]: SimpleMarkdownTesterWidget;
+} & {
+    [key in `simulator ${number}`]: SimulatorWidget;
+} & {
+    [key in `sorter ${number}`]: SorterWidget;
+} & {
+    [key in `table ${number}`]: TableWidget;
+} & {
+    [key in `unit-input ${number}`]: UnitInputWidget;
+} & {
+    [key in `video ${number}`]: VideoWidget;
+};
 export type PerseusItem = {
     question: PerseusRenderer;
     hints: ReadonlyArray<PerseusRenderer>;
@@ -21,9 +102,7 @@ export type Version = {
 };
 export type PerseusRenderer = {
     content: string;
-    widgets: {
-        [key: string]: PerseusWidget;
-    };
+    widgets: PerseusWidgetsMap;
     replace?: boolean;
     metadata?: ReadonlyArray<string>;
     images: {
@@ -81,7 +160,7 @@ export type InputNumberWidget = Widget<'input-number', PerseusInputNumberWidgetO
 export type LightsPuzzleWidget = Widget<'lights-puzzle', PerseusLightsPuzzleWidgetOptions>;
 export type MoleculeRendererWidget = Widget<'molecule-renderer', PerseusMoleculeRendererWidgetOptions>;
 export type RefTargetWidget = Widget<'passage-ref-target', PerseusPassageRefTargetWidgetOptions>;
-export type ReactionDiagramWidget = Widget<'reaction-diagtram', PerseusReactionDiagramWidgetOptions>;
+export type ReactionDiagramWidget = Widget<'reaction-diagram', PerseusReactionDiagramWidgetOptions>;
 export type SimpleMarkdownTesterWidget = Widget<'simple-markdown-tester', PerseusSimpleMarkdownTesterWidgetOptions>;
 export type UnitInputWidget = Widget<'unit-input', PerseusUnitInputWidgetOptions>;
 export type VideoWidget = Widget<'video', PerseusVideoWidgetOptions>;
@@ -124,13 +203,30 @@ export type PerseusDropdownChoice = {
     content: string;
     correct: boolean;
 };
+export type PerseusExampleWidgetOptions = {
+    value: string;
+};
+export type PerseusExampleGraphieGraph = {
+    box: Size;
+    range: [Coord, Coord];
+    labels: ReadonlyArray<string>;
+    markings: "graph" | "grid" | "none";
+    gridStep: [number, number];
+    step: [number, number];
+    showProtractor?: boolean;
+    showRuler?: boolean;
+    valid?: boolean;
+    backgroundImage?: PerseusImageBackground | null;
+};
+export type PerseusExampleGraphieWidgetOptions = {
+    graph: PerseusExampleGraphieGraph;
+    coord: [Coord, Coord] | null;
+};
 export type PerseusExplanationWidgetOptions = {
     showPrompt: string;
     hidePrompt: string;
     explanation: string;
-    widgets: {
-        [key: string]: PerseusWidget;
-    };
+    widgets: PerseusWidgetsMap;
     static: boolean;
 };
 export type LegacyButtonSets = ReadonlyArray<"basic" | "basic+div" | "trig" | "prealgebra" | "logarithms" | "basic relations" | "advanced relations">;
@@ -154,9 +250,7 @@ export type PerseusGradedGroupWidgetOptions = {
     hasHint?: boolean | null | undefined;
     hint?: PerseusRenderer | null | undefined;
     content: string;
-    widgets: {
-        [key: string]: PerseusWidget;
-    };
+    widgets: PerseusWidgetsMap;
     widgetEnabled?: boolean | null | undefined;
     immutableWidgets?: boolean | null | undefined;
     images: {
@@ -342,6 +436,12 @@ export type PerseusLabelImageMarker = {
     x: number;
     y: number;
 };
+export type PerseusLightsPuzzleWidgetOptions = {
+    cells?: ReadonlyArray<ReadonlyArray<boolean>>;
+    startCells?: ReadonlyArray<ReadonlyArray<boolean>>;
+    flipPattern?: string;
+    moveCount?: number;
+};
 export type PerseusMatcherWidgetOptions = {
     labels: ReadonlyArray<string>;
     left: ReadonlyArray<string>;
@@ -460,9 +560,7 @@ export type PerseusRadioChoice = {
     clue?: string;
     correct?: boolean;
     isNoneOfTheAbove?: boolean;
-    widgets?: {
-        [key: string]: PerseusWidget;
-    };
+    widgets?: PerseusWidgetsMap;
 };
 export type PerseusSequenceWidgetOptions = {
     json: ReadonlyArray<PerseusRenderer>;
@@ -687,13 +785,34 @@ export type PerseusInputNumberWidgetOptions = {
     value: string | number;
     customKeypad?: boolean;
 };
-export type PerseusExampleGraphieWidgetOptions = any;
-export type PerseusExampleWidgetOptions = any;
-export type PerseusLightsPuzzleWidgetOptions = any;
-export type PerseusMoleculeRendererWidgetOptions = any;
-export type PerseusPassageRefTargetWidgetOptions = any;
-export type PerseusReactionDiagramWidgetOptions = any;
-export type PerseusSimpleMarkdownTesterWidgetOptions = any;
-export type PerseusUnitInputWidgetOptions = any;
+export type PerseusMoleculeRendererWidgetOptions = {
+    widgetId: string;
+    rotationAngle?: number;
+    smiles?: string;
+};
+export type PerseusPassageRefTargetWidgetOptions = {
+    content: string;
+};
+export type PerseusReactionDiagramWidgetOptions = {
+    rotationAngle: ReadonlyArray<number>;
+    widgetId: string;
+    separators: ReadonlyArray<PerseusReactionDiagramSeparators>;
+    smiles: ReadonlyArray<string>;
+};
+export type PerseusReactionDiagramSeparators = {
+    type: string;
+    topText: string;
+    bottomText: string;
+};
+export type PerseusReactionDiagramSeparatorsData = {
+    topText: string;
+    bottomText: string;
+};
+export type PerseusSimpleMarkdownTesterWidgetOptions = {
+    value: string;
+};
+export type PerseusUnitInputWidgetOptions = {
+    value: string;
+};
 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/renderer.d.ts

@@ -3,8 +3,8 @@ import InteractionTracker from "./interaction-tracker";
 import TranslationLinter from "./translation-linter";
 import WidgetContainer from "./widget-container";
 import type { DependenciesContext } from "./dependencies";
-import type { PerseusRenderer, PerseusWidget, PerseusWidgetOptions } from "./perseus-types";
-import type { APIOptions, APIOptionsWithDefaults, FilterCriterion, FocusPath, PerseusScore, PerseusWidgetMap, WidgetProps } from "./types";
+import type { PerseusRenderer, PerseusWidget, PerseusWidgetOptions, PerseusWidgetsMap } from "./perseus-types";
+import type { APIOptions, APIOptionsWithDefaults, FilterCriterion, FocusPath, PerseusScore, WidgetProps } from "./types";
 import type { LinterContextProps } from "@khanacademy/perseus-linter";
 import "./styles/perseus-renderer.less";
 type WidgetState = {
@@ -123,10 +123,8 @@ declare class Renderer extends React.Component<Props, State> {
         widgetInfo: State["widgetInfo"];
         widgetProps: State["widgetProps"];
     };
-    _getAllWidgetsInfo: (props: Props) => {
-        [key: string]: PerseusWidget;
-    };
-    _getAllWidgetsStartProps: (allWidgetInfo: PerseusWidgetMap, props: Props) => PerseusWidgetMap;
+    _getAllWidgetsInfo: (props: Props) => PerseusWidgetsMap;
+    _getAllWidgetsStartProps: (allWidgetInfo: PerseusWidgetsMap, props: Props) => PerseusWidgetsMap;
     _getDefaultWidgetInfo: (widgetId: string) => any;
     _getWidgetInfo: (widgetId: string) => PerseusWidget;
     renderWidget: (impliedType: string, id: string, state: WidgetState) => null | React.ReactNode;

package/dist/server-item-renderer.d.ts

@@ -137,8 +137,8 @@ declare const ref: React.ForwardRefExoticComponent<Omit<Pick<OwnProps & HOCProps
         inModal?: boolean | undefined;
         crossOutEnabled?: boolean | undefined;
         editorChangeDelay?: number | undefined;
-        onWidgetStartProps?: ((widgets: import("./types").PerseusWidgetMap) => import("./types").PerseusWidgetMap) | undefined;
         flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+        onWidgetStartProps?: ((widgets: import("./perseus-types").PerseusWidgetsMap) => import("./perseus-types").PerseusWidgetsMap) | undefined;
     }> | undefined;
     linterContext?: PerseusLinter.LinterContextProps | undefined;
     onRendered?: ((isRendered: boolean) => void) | undefined;

package/dist/types.d.ts

@@ -1,6 +1,6 @@
 import type { ILogger } from "./logging/log";
 import type { Item } from "./multi-items/item-types";
-import type { PerseusAnswerArea, PerseusRenderer, PerseusWidget } from "./perseus-types";
+import type { PerseusAnswerArea, PerseusRenderer, PerseusWidget, PerseusWidgetsMap } from "./perseus-types";
 import type { SizeClass } from "./util/sizing-utils";
 import type { KeypadAPI } from "@khanacademy/math-input";
 import type { AnalyticsEventHandlerFn } from "@khanacademy/perseus-core";
@@ -105,8 +105,8 @@ export type APIOptions = Readonly<{
     inModal?: boolean;
     crossOutEnabled?: boolean;
     editorChangeDelay?: number;
-    onWidgetStartProps?: (widgets: PerseusWidgetMap) => PerseusWidgetMap;
     flags?: Record<string, boolean | Record<string, boolean>>;
+    onWidgetStartProps?: (widgets: PerseusWidgetsMap) => PerseusWidgetsMap;
 }>;
 type TeXProps = {
     children: string;
@@ -246,9 +246,6 @@ export type WidgetExports<T extends React.ComponentType<any> = React.ComponentTy
         [key: string]: (arg1: any) => any;
     };
 }>;
-export type PerseusWidgetMap = {
-    [key: string]: PerseusWidget;
-};
 export type FilterCriterion = string | ((id: string, widgetInfo: PerseusWidget, widget?: Widget | null | undefined) => boolean);
 export type WidgetProps<RenderProps, Rubric, TrackingExtraArgs = Empty> = RenderProps & {
     widgetId: string;

package/dist/widgets/expression.d.ts

@@ -123,8 +123,8 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            onWidgetStartProps?: ((widgets: import("../types").PerseusWidgetMap) => import("../types").PerseusWidgetMap) | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => import("../perseus-types").PerseusWidgetsMap) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -190,8 +190,8 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            onWidgetStartProps?: ((widgets: import("../types").PerseusWidgetMap) => import("../types").PerseusWidgetMap) | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => import("../perseus-types").PerseusWidgetsMap) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -257,8 +257,8 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            onWidgetStartProps?: ((widgets: import("../types").PerseusWidgetMap) => import("../types").PerseusWidgetMap) | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => import("../perseus-types").PerseusWidgetsMap) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -321,8 +321,8 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            onWidgetStartProps?: ((widgets: import("../types").PerseusWidgetMap) => import("../types").PerseusWidgetMap) | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => import("../perseus-types").PerseusWidgetsMap) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -388,8 +388,8 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            onWidgetStartProps?: ((widgets: import("../types").PerseusWidgetMap) => import("../types").PerseusWidgetMap) | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => import("../perseus-types").PerseusWidgetsMap) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {
@@ -455,8 +455,8 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            onWidgetStartProps?: ((widgets: import("../types").PerseusWidgetMap) => import("../types").PerseusWidgetMap) | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => import("../perseus-types").PerseusWidgetsMap) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
             baseElements: {

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import type { PerseusGraphTypeSegment } from "../../../perseus-types";
+import type { SegmentGraphState } from "../interactive-graph-state";
 import type { MafsGraphProps } from "../types";
-export type SegmentProps = MafsGraphProps<PerseusGraphTypeSegment>;
+type SegmentProps = MafsGraphProps<SegmentGraphState>;
 export declare const SegmentGraph: (props: SegmentProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+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_SEGMENT = "move-segment";
+export interface MoveSegment {
+    type: typeof MOVE_SEGMENT;
+    segmentIndex: number;
+    delta: vec.Vector2;
+}
+export declare function moveSegment(segmentIndex: number, delta: vec.Vector2): MoveSegment;

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

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

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

@@ -0,0 +1,19 @@
+import type { PerseusGraphType } from "../../perseus-types";
+import type { Interval, vec } from "mafs";
+export type InteractiveGraphState = SegmentGraphState;
+export interface SegmentGraphState extends InteractiveGraphStateCommon {
+    type: "segment";
+    segments: Segment[];
+}
+export interface InteractiveGraphStateCommon {
+    hasBeenInteractedWith: boolean;
+    range: [Interval, Interval];
+    snapStep: vec.Vector2;
+}
+export type Segment = [vec.Vector2, vec.Vector2];
+export declare function initializeGraphState(params: {
+    range: [Interval, Interval];
+    step: vec.Vector2;
+    snapStep: vec.Vector2;
+    graph: PerseusGraphType;
+}): InteractiveGraphState;

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

@@ -41,8 +41,8 @@ export declare const MafsGraph: React.ForwardRefExoticComponent<import("../../pe
         inModal?: boolean | undefined;
         crossOutEnabled?: boolean | undefined;
         editorChangeDelay?: number | undefined;
-        onWidgetStartProps?: ((widgets: import("../../types").PerseusWidgetMap) => import("../../types").PerseusWidgetMap) | undefined;
         flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+        onWidgetStartProps?: ((widgets: import("../../perseus-types").PerseusWidgetsMap) => import("../../perseus-types").PerseusWidgetsMap) | undefined;
     }> & {
         GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
         baseElements: {

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

@@ -1,9 +1,9 @@
-import type { PerseusGraphType, PerseusInteractiveGraphWidgetOptions } from "../../perseus-types";
+import type { InteractiveGraphAction } from "./interactive-graph-action";
+import type { InteractiveGraphState } from "./interactive-graph-state";
+import type { PerseusInteractiveGraphWidgetOptions } from "../../perseus-types";
 import type { WidgetProps } from "../../types";
 export type InteractiveGraphProps = WidgetProps<PerseusInteractiveGraphWidgetOptions, PerseusInteractiveGraphWidgetOptions>;
-export type OnGraphChange<T extends PerseusGraphType> = (callback: (current: T) => T) => void;
-export type MafsGraphProps<T extends PerseusGraphType> = {
-    onGraphChange: OnGraphChange<T>;
-} & Omit<InteractiveGraphProps, "graph"> & {
-    graph: T;
+export type MafsGraphProps<T extends InteractiveGraphState> = {
+    graphState: T;
+    dispatch: (action: InteractiveGraphAction) => unknown;
 };

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

@@ -1,15 +1,4 @@
 import type { Coord } from "../../interactive2/types";
-import type { PerseusGraphTypeLinear, PerseusGraphTypeRay, PerseusInteractiveGraphWidgetOptions } from "../../perseus-types";
-import type { vec } from "mafs";
-import type { DependencyList } from "react";
-export declare const useInteractivePoint: (coords: vec.Vector2, snaps: [number, number], range: [[number, number], [number, number]]) => import("mafs").UseMovablePoint;
-/**
- * We do not want to call `onGraphChange` until the user
- * has interacted with the graph. See the test,
- * "should reject no interaction"
- */
-export declare const useEffectAfterFirstRender: (fn: () => void, deps: DependencyList) => void;
-export declare const constrain: (coord: [number, number], snapStep: [number, number], range: [[number, number], [number, number]]) => [number, number];
-export declare const normalizePoints: (range: PerseusInteractiveGraphWidgetOptions["range"], step: PerseusInteractiveGraphWidgetOptions["step"], coordsList: ReadonlyArray<Coord>, noSnap?: boolean) => Array<Coord>;
-export declare const normalizeCoords: (coordsList: ReadonlyArray<Coord>, ranges: PerseusInteractiveGraphWidgetOptions["range"]) => Array<Coord>;
-export declare const getLineCoords: (graph: PerseusGraphTypeRay | PerseusGraphTypeLinear, range: PerseusInteractiveGraphWidgetOptions["range"], step: PerseusInteractiveGraphWidgetOptions["step"]) => ReadonlyArray<Coord>;
+import type { PerseusInteractiveGraphWidgetOptions } from "../../perseus-types";
+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.d.ts

@@ -104,11 +104,6 @@ declare const _default: Readonly<{
             imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
-                /**
-                 * Test whether point is contained within triangle.
-                 *
-                 * Implementation taken from: https://stackoverflow.com/a/2049593
-                 */
                 Link: React.ComponentType<any>;
             } | undefined;
             imagePreloader?: ((dimensions: import("../types").Dimensions) => React.ReactNode) | undefined;
@@ -127,8 +122,8 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            onWidgetStartProps?: ((widgets: import("../types").PerseusWidgetMap) => import("../types").PerseusWidgetMap) | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            onWidgetStartProps?: ((widgets: import("..").PerseusWidgetsMap) => import("..").PerseusWidgetsMap) | undefined;
         }>;
         choices: readonly string[];
         imageAlt: string;
@@ -158,11 +153,6 @@ declare const _default: Readonly<{
             imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
-                /**
-                 * Test whether point is contained within triangle.
-                 *
-                 * Implementation taken from: https://stackoverflow.com/a/2049593
-                 */
                 Link: React.ComponentType<any>;
             } | undefined;
             imagePreloader?: ((dimensions: import("../types").Dimensions) => React.ReactNode) | undefined;
@@ -181,8 +171,8 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            onWidgetStartProps?: ((widgets: import("../types").PerseusWidgetMap) => import("../types").PerseusWidgetMap) | undefined;
             flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            onWidgetStartProps?: ((widgets: import("..").PerseusWidgetsMap) => import("..").PerseusWidgetsMap) | undefined;
         }>;
         choices: readonly string[];
         imageAlt: string;

package/dist/widgets/lights-puzzle.d.ts

@@ -1,17 +1,23 @@
-import PropTypes from "prop-types";
 import * as React from "react";
-declare class LightsPuzzle extends React.Component<any> {
+import * as Changeable from "../mixins/changeable";
+import type { PerseusLightsPuzzleWidgetOptions } from "../perseus-types";
+type LightsPuzzleProps = Changeable.ChangeableProps & {
+    cells: PerseusLightsPuzzleWidgetOptions["cells"];
+    startCells: PerseusLightsPuzzleWidgetOptions["startCells"];
+    flipPattern: PerseusLightsPuzzleWidgetOptions["flipPattern"];
+    moveCount: PerseusLightsPuzzleWidgetOptions["moveCount"];
+};
+type DefaultProps = {
+    cells: LightsPuzzleProps["cells"];
+    startCells: LightsPuzzleProps["startCells"];
+    flipPattern: LightsPuzzleProps["flipPattern"];
+    moveCount: LightsPuzzleProps["moveCount"];
+};
+declare class LightsPuzzle extends React.Component<LightsPuzzleProps> {
     _currPattern: any;
     _nextPattern: any;
     _patternIndex: number;
-    static propTypes: {
-        cells: PropTypes.Requireable<((boolean | null | undefined)[] | null | undefined)[]>;
-        startCells: PropTypes.Requireable<((boolean | null | undefined)[] | null | undefined)[]>;
-        flipPattern: PropTypes.Validator<string>;
-        moveCount: PropTypes.Validator<number>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-    };
-    static defaultProps: any;
+    static defaultProps: DefaultProps;
     getUserInput: () => any;
     render(): React.ReactNode;
     change: (...args: ReadonlyArray<unknown>) => any;
@@ -20,7 +26,7 @@ declare class LightsPuzzle extends React.Component<any> {
     componentDidUpdate(prevProps: any): void;
     _initNextPatterns: () => void;
     _shiftPatterns: () => void;
-    _flipTile: (arg1: any, arg2: any) => void;
+    _flipTile: (FlipCoords: any) => void;
     _reset: () => void;
     simpleValidate: (arg1: any) => any;
 }

package/dist/widgets/molecule.d.ts

@@ -1,12 +1,16 @@
-import PropTypes from "prop-types";
 import * as React from "react";
-export declare class Molecule extends React.Component<any, any> {
-    static propTypes: {
-        id: PropTypes.Validator<string>;
-        rotationAngle: PropTypes.Requireable<number>;
-        smiles: PropTypes.Requireable<string>;
-    };
-    state: any;
+import type { PerseusMoleculeRendererWidgetOptions } from "../perseus-types";
+type MoleculeState = {
+    parsedSmiles: any;
+    error: string | null;
+};
+type Props = {
+    widgetId: PerseusMoleculeRendererWidgetOptions["widgetId"];
+    smiles: PerseusMoleculeRendererWidgetOptions["smiles"];
+    rotationAngle: PerseusMoleculeRendererWidgetOptions["rotationAngle"];
+};
+export declare class Molecule extends React.Component<Props, MoleculeState> {
+    state: MoleculeState;
     UNSAFE_componentWillMount(): void;
     componentDidMount(): void;
     UNSAFE_componentWillReceiveProps(nextProps: any): void;
@@ -16,13 +20,11 @@ export declare class Molecule extends React.Component<any, any> {
     canvasRender: () => void;
     render(): React.ReactNode;
 }
-declare class MoleculeWidget extends React.Component<any> {
-    static propTypes: {
-        rotationAngle: PropTypes.Requireable<number>;
-        smiles: PropTypes.Requireable<string>;
-        widgetId: PropTypes.Requireable<string>;
-    };
-    static defaultProps: any;
+type DefaultProps = {
+    rotationAngle: Props["rotationAngle"];
+};
+declare class MoleculeWidget extends React.Component<Props> {
+    static defaultProps: DefaultProps;
     simpleValidate: (arg1: any) => any;
     getUserInput: () => ReadonlyArray<ReadonlyArray<string>>;
     validate: (arg1: any, arg2: any) => any;

package/dist/widgets/passage-ref-target.d.ts

@@ -1,17 +1,19 @@
-import PropTypes from "prop-types";
 import * as React from "react";
-declare class PassageRefTarget extends React.Component<any> {
-    static propTypes: {
-        content: PropTypes.Requireable<string>;
-        linterContext: PropTypes.Requireable<PropTypes.InferProps<{
-            contentType: PropTypes.Requireable<string>;
-            highlightLint: PropTypes.Requireable<boolean>;
-            paths: PropTypes.Requireable<(string | null | undefined)[]>;
-            stack: PropTypes.Requireable<(string | null | undefined)[]>;
-        }>>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-    };
-    static defaultProps: any;
+import * as Changeable from "../mixins/changeable";
+import type { PerseusPassageRefTargetWidgetOptions } from "../perseus-types";
+import type { APIOptions } from "../types";
+import type { LinterContextProps } from "@khanacademy/perseus-linter";
+type Props = Changeable.ChangeableProps & {
+    apiOptions: APIOptions;
+    content: PerseusPassageRefTargetWidgetOptions["content"];
+    linterContext: LinterContextProps;
+};
+type DefaultProps = {
+    content: Props["content"];
+    linterContext: Props["linterContext"];
+};
+declare class PassageRefTarget extends React.Component<Props> {
+    static defaultProps: DefaultProps;
     static validate(state: any, rubric: any): any;
     getUserInput: () => any;
     change: (arg1: any, arg2: any, arg3: any) => any;