@khanacademy/perseus-editor 37.0.0 → 37.0.2

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

@@ -10,29 +10,10 @@ declare const InteractiveGraph: {
         getPromptJSON(): import("@khanacademy/perseus").InteractiveGraphPromptJSON | import("@khanacademy/perseus").UnsupportedWidgetPromptJSON;
         getSerializedState(): {
             graph: PerseusGraphType;
-            step: [number, number];
-            gridStep?: [x: number, y: number];
-            snapStep?: [x: number, y: number];
-            backgroundImage: import("@khanacademy/perseus-core").PerseusImageBackground;
-            markings: import("@khanacademy/perseus-core").MarkingsType;
-            labels: string[];
-            labelLocation: import("@khanacademy/perseus-core").AxisLabelLocation;
-            showAxisArrows: import("@khanacademy/perseus-core").ShowAxisArrows;
-            showAxisTicks: import("@khanacademy/perseus-core").ShowAxisTicks;
-            showProtractor: boolean;
-            showRuler?: boolean;
-            showTooltips: boolean;
-            rulerLabel?: string;
-            rulerTicks?: number;
-            range: import("@khanacademy/perseus-core").GraphRange;
-            correct: PerseusGraphType;
-            lockedFigures: import("@khanacademy/perseus-core").LockedFigure[];
-            fullGraphAriaLabel?: string;
-            fullGraphAriaDescription?: string;
             trackInteraction: (extraData?: Empty | undefined) => void;
             widgetId: string;
             widgetIndex: number;
-            alignment: string | null | undefined;
+            alignment: import("@khanacademy/perseus-core").Alignment | null | undefined;
             static: boolean | null | undefined;
             graded?: boolean | null;
             problemNum: number | null | undefined;
@@ -307,6 +288,25 @@ declare const InteractiveGraph: {
             handleUserInput: (newUserInput: PerseusGraphType, cb?: () => void, silent?: boolean) => void;
             linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
             containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
+            step: [number, number];
+            gridStep?: [x: number, y: number];
+            snapStep?: [x: number, y: number];
+            backgroundImage: import("@khanacademy/perseus-core").PerseusImageBackground;
+            markings: import("@khanacademy/perseus-core").MarkingsType;
+            labels: string[];
+            labelLocation: import("@khanacademy/perseus-core").AxisLabelLocation;
+            showAxisArrows: import("@khanacademy/perseus-core").ShowAxisArrows;
+            showAxisTicks: import("@khanacademy/perseus-core").ShowAxisTicks;
+            showProtractor: boolean;
+            showRuler?: boolean;
+            showTooltips: boolean;
+            rulerLabel?: string;
+            rulerTicks?: number;
+            range: import("@khanacademy/perseus-core").GraphRange;
+            correct: PerseusGraphType;
+            lockedFigures: import("@khanacademy/perseus-core").LockedFigure[];
+            fullGraphAriaLabel?: string;
+            fullGraphAriaDescription?: string;
         };
         render(): React.JSX.Element;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../../../../perseus/src/widgets/interactive-graphs/interactive-graph").Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
@@ -336,29 +336,10 @@ declare const InteractiveGraph: {
         getPromptJSON(): import("@khanacademy/perseus").InteractiveGraphPromptJSON | import("@khanacademy/perseus").UnsupportedWidgetPromptJSON;
         getSerializedState(): {
             graph: PerseusGraphType;
-            step: [number, number];
-            gridStep?: [x: number, y: number];
-            snapStep?: [x: number, y: number];
-            backgroundImage: import("@khanacademy/perseus-core").PerseusImageBackground;
-            markings: import("@khanacademy/perseus-core").MarkingsType;
-            labels: string[];
-            labelLocation: import("@khanacademy/perseus-core").AxisLabelLocation;
-            showAxisArrows: import("@khanacademy/perseus-core").ShowAxisArrows;
-            showAxisTicks: import("@khanacademy/perseus-core").ShowAxisTicks;
-            showProtractor: boolean;
-            showRuler?: boolean;
-            showTooltips: boolean;
-            rulerLabel?: string;
-            rulerTicks?: number;
-            range: import("@khanacademy/perseus-core").GraphRange;
-            correct: PerseusGraphType;
-            lockedFigures: import("@khanacademy/perseus-core").LockedFigure[];
-            fullGraphAriaLabel?: string;
-            fullGraphAriaDescription?: string;
             trackInteraction: (extraData?: Empty | undefined) => void;
             widgetId: string;
             widgetIndex: number;
-            alignment: string | null | undefined;
+            alignment: import("@khanacademy/perseus-core").Alignment | null | undefined;
             static: boolean | null | undefined;
             graded?: boolean | null;
             problemNum: number | null | undefined;
@@ -633,6 +614,25 @@ declare const InteractiveGraph: {
             handleUserInput: (newUserInput: PerseusGraphType, cb?: () => void, silent?: boolean) => void;
             linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
             containerSizeClass: import("../../../../perseus/src/util/sizing-utils").SizeClass;
+            step: [number, number];
+            gridStep?: [x: number, y: number];
+            snapStep?: [x: number, y: number];
+            backgroundImage: import("@khanacademy/perseus-core").PerseusImageBackground;
+            markings: import("@khanacademy/perseus-core").MarkingsType;
+            labels: string[];
+            labelLocation: import("@khanacademy/perseus-core").AxisLabelLocation;
+            showAxisArrows: import("@khanacademy/perseus-core").ShowAxisArrows;
+            showAxisTicks: import("@khanacademy/perseus-core").ShowAxisTicks;
+            showProtractor: boolean;
+            showRuler?: boolean;
+            showTooltips: boolean;
+            rulerLabel?: string;
+            rulerTicks?: number;
+            range: import("@khanacademy/perseus-core").GraphRange;
+            correct: PerseusGraphType;
+            lockedFigures: import("@khanacademy/perseus-core").LockedFigure[];
+            fullGraphAriaLabel?: string;
+            fullGraphAriaDescription?: string;
         };
         render(): React.JSX.Element;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("../../../../perseus/src/widgets/interactive-graphs/interactive-graph").Props>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;

package/dist/widgets/matcher-editor/matcher-editor.d.ts

@@ -1,22 +1,17 @@
-import { type MatcherDefaultWidgetOptions } from "@khanacademy/perseus-core";
+import { type PerseusMatcherWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
-type Props = any;
+type Props = PerseusMatcherWidgetOptions & {
+    onChange: (newOptions: Partial<PerseusMatcherWidgetOptions>, callback?: () => void) => void;
+};
 /**
  * An editor for adding a matcher widget that allows users to match items from two different sets.
  */
 declare class MatcherEditor extends React.Component<Props> {
-    static propTypes: {
-        left: any;
-        right: any;
-        labels: any;
-        orderMatters: any;
-        padding: any;
-    };
     static widgetName: "matcher";
-    static defaultProps: MatcherDefaultWidgetOptions;
-    onLabelChange: (arg1: number, arg2: React.ChangeEvent<HTMLInputElement>) => void;
-    getSaveWarnings: () => ReadonlyArray<string>;
-    serialize: any;
+    static defaultProps: PerseusMatcherWidgetOptions;
+    onLabelChange: (index: number, e: React.ChangeEvent<HTMLInputElement>) => void;
+    getSaveWarnings: () => string[];
+    serialize: () => PerseusMatcherWidgetOptions;
     render(): React.ReactNode;
 }
 export default MatcherEditor;

package/dist/widgets/orderer-editor/orderer-editor.d.ts

@@ -1,25 +1,20 @@
-import { type OrdererDefaultWidgetOptions } from "@khanacademy/perseus-core";
+import { type PerseusOrdererWidgetOptions, type PerseusRenderer } from "@khanacademy/perseus-core";
 import * as React from "react";
-type Props = any;
-export declare const getUpdatedOptions: (correctOptions: Array<{
-    content: string;
-}>, otherOptions: Array<{
-    content: string;
-}>, whichOptions?: string, options?: string[]) => Record<string, any>;
+type Props = PerseusOrdererWidgetOptions & {
+    onChange: (newOptions: Partial<PerseusOrdererWidgetOptions>, callback?: () => void) => void;
+};
+/**
+ * The cards the student picks from: the correct answer and the distractors,
+ * with duplicates and empty cards removed.
+ */
+export declare const mergeCards: (correctOptions: PerseusRenderer[], otherOptions: PerseusRenderer[]) => PerseusRenderer[];
 declare class OrdererEditor extends React.Component<Props> {
-    static propTypes: {
-        correctOptions: any;
-        otherOptions: any;
-        height: any;
-        layout: any;
-        onChange: any;
-    };
     static widgetName: "orderer";
-    static defaultProps: OrdererDefaultWidgetOptions;
-    onOptionsChange: (arg1: "correctOptions" | "otherOptions", arg2: any, arg3: any) => any;
-    onLayoutChange: (arg1: React.ChangeEvent<HTMLInputElement>) => void;
-    onHeightChange: (arg1: React.ChangeEvent<HTMLInputElement>) => void;
-    serialize: () => any;
+    static defaultProps: PerseusOrdererWidgetOptions;
+    onOptionsChange: (whichOptions: "correctOptions" | "otherOptions", options: string[]) => void;
+    onLayoutChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    onHeightChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    serialize: () => PerseusOrdererWidgetOptions;
     render(): React.ReactNode;
 }
 export default OrdererEditor;

package/dist/widgets/plotter-editor/plotter-editor.d.ts

@@ -7,7 +7,7 @@ type Props = {
     apiOptions: APIOptions;
     type: PerseusPlotterWidgetOptions["type"];
     labels: Array<string>;
-    categories: ReadonlyArray<string | number>;
+    categories: PerseusPlotterWidgetOptions["categories"];
     scaleY: number;
     maxY: number;
     snapsPerLine: number;
@@ -42,7 +42,6 @@ declare class PlotterEditor extends React.Component<Props, State> {
     handleChangeTickStep: (arg1: number) => void;
     handleChangeRange: (arg1: [number, number]) => void;
     changeLabelInterval: (arg1: number) => void;
-    handlePlotterChange: (arg1: any) => void;
     changeType: (arg1: any) => void;
     changeLabel: (arg1: number, arg2: any) => void;
     changePicUrl: (arg1: string) => void;

package/dist/widgets/sorter-editor/sorter-editor.d.ts

@@ -1,19 +1,16 @@
-import { type SorterDefaultWidgetOptions } from "@khanacademy/perseus-core";
+import { type PerseusSorterWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
-type Props = any;
+type Props = PerseusSorterWidgetOptions & {
+    onChange: (newOptions: Partial<PerseusSorterWidgetOptions>, callback?: () => void) => void;
+};
 /**
  * An editor for adding a sorter widget that allows users to arrange items in a specific order.
  */
 declare class SorterEditor extends React.Component<Props> {
-    static propTypes: {
-        correct: any;
-        layout: any;
-        padding: any;
-    };
     static widgetName: "sorter";
-    static defaultProps: SorterDefaultWidgetOptions;
-    onLayoutChange: (arg1: React.ChangeEvent<HTMLInputElement>) => void;
-    serialize: (arg1: any) => void;
+    static defaultProps: PerseusSorterWidgetOptions;
+    onLayoutChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    serialize: () => PerseusSorterWidgetOptions;
     render(): React.ReactNode;
 }
 export default SorterEditor;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Perseus editors",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "37.0.0",
+  "version": "37.0.2",
   "publishConfig": {
     "access": "public"
   },
@@ -36,12 +36,12 @@
     "mafs": "^0.19.0",
     "tiny-invariant": "1.3.1",
     "@khanacademy/kas": "2.2.6",
-    "@khanacademy/kmath": "2.4.41",
-    "@khanacademy/math-input": "27.0.2",
-    "@khanacademy/perseus": "84.0.2",
-    "@khanacademy/keypad-context": "3.2.82",
-    "@khanacademy/perseus-core": "35.0.0",
-    "@khanacademy/perseus-linter": "5.1.22",
+    "@khanacademy/keypad-context": "3.2.84",
+    "@khanacademy/kmath": "2.4.43",
+    "@khanacademy/math-input": "27.0.4",
+    "@khanacademy/perseus": "84.1.1",
+    "@khanacademy/perseus-core": "36.1.0",
+    "@khanacademy/perseus-linter": "5.1.24",
     "@khanacademy/perseus-utils": "2.1.5"
   },
   "devDependencies": {