@khanacademy/perseus 84.3.0 → 85.1.2

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

@@ -1,10 +1,15 @@
 import WrappedDrawing from "./wrapped-drawing";
 import type { Coord } from "./types";
 import type { VisibleShape } from "./wrapped-drawing";
+export declare const wrappedEllipseShadow: string;
 declare class WrappedEllipse extends WrappedDrawing {
     initialPoint: Coord;
     wrapper: HTMLDivElement;
     visibleShape: VisibleShape;
     constructor(graphie: any, center: Coord, radii: [number, number], options: any);
+    /**
+     * Turns the ellipse's drop shadow on or off.
+     */
+    setShadow(shadow: boolean): void;
 }
 export default WrappedEllipse;

package/dist/renderer.new.d.ts

@@ -160,13 +160,6 @@ declare class Renderer extends React.Component<Props, State> implements GetPromp
     focusPath: (path: FocusPath) => void;
     blurPath: (path: FocusPath) => void;
     blur: () => void;
-    /**
-     * Serializes widget state. Seems to be used only by editors though.
-     *
-     * @deprecated and likely a very broken API
-     * [LEMS-3185] do not trust serializedState
-     */
-    serialize: () => Record<any, any>;
     /**
      * Returns an array of widget ids that are empty (meaning widgets where the
      * learner has not interacted with the widget yet or has not filled in all

package/dist/renderer.old.d.ts

@@ -171,13 +171,6 @@ declare class Renderer extends React.Component<Props, State> implements GetPromp
     focusPath: (path: FocusPath) => void;
     blurPath: (path: FocusPath) => void;
     blur: () => void;
-    /**
-     * Serializes widget state. Seems to be used only by editors though.
-     *
-     * @deprecated and likely a very broken API
-     * [LEMS-3185] do not trust serializedState
-     */
-    serialize: () => Record<any, any>;
     /**
      * Returns an array of widget ids that are empty (meaning widgets where the
      * learner has not interacted with the widget yet or has not filled in all

package/dist/types.d.ts

@@ -341,9 +341,6 @@ export type WidgetProps<TWidgetOptions, TUserInput = Empty, TrackingExtraArgs =
     linterContext: LinterContextProps;
     containerSizeClass: SizeClass;
 };
-export type ChangeFn = (newPropsOrSinglePropName: string | {
-    [key: string]: any;
-}, propValue?: any, callback?: () => unknown) => any;
 export type SharedRendererProps = {
     apiOptions: APIOptions;
     linterContext: LinterContextProps;

package/dist/widgets/definition/definition.d.ts

@@ -1,13 +1,10 @@
 import * as React from "react";
-import type { PerseusDependenciesV2, WidgetProps } from "../../types";
-import type { PerseusDefinitionWidgetOptions, PerseusRenderer } from "@khanacademy/perseus-core";
-type DefinitionProps = WidgetProps<PerseusDefinitionWidgetOptions> & {
-    widgets: PerseusRenderer["widgets"];
-    dependencies: PerseusDependenciesV2;
-};
+import type { Widget, WidgetProps } from "../../types";
+import type { PerseusDefinitionWidgetOptions } from "@khanacademy/perseus-core";
+type Props = WidgetProps<PerseusDefinitionWidgetOptions>;
 declare const _default: {
     name: string;
     displayName: string;
-    widget: React.ForwardRefExoticComponent<Omit<DefinitionProps, "dependencies"> & React.RefAttributes<any>>;
+    widget: React.ForwardRefExoticComponent<Props & React.RefAttributes<Widget>>;
 };
 export default _default;

package/dist/widgets/explanation/explanation.d.ts

@@ -1,13 +1,11 @@
 import * as React from "react";
-import type { PerseusDependenciesV2, WidgetProps } from "../../types";
+import type { Widget, WidgetProps } from "../../types";
 import type { PerseusExplanationWidgetOptions } from "@khanacademy/perseus-core";
-type Props = WidgetProps<PerseusExplanationWidgetOptions> & {
-    dependencies: PerseusDependenciesV2;
-};
+type Props = WidgetProps<PerseusExplanationWidgetOptions>;
 declare const _default: {
     name: string;
     displayName: string;
-    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
+    widget: React.ForwardRefExoticComponent<Props & React.RefAttributes<Widget>>;
     isLintable: true;
 };
 export default _default;

package/dist/widgets/expression/expression.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { Widget, WidgetProps } from "../../types";
-import type { PerseusExpressionRubric, PerseusExpressionUserInput, PerseusExpressionWidgetOptions } from "@khanacademy/perseus-core";
+import type { PerseusExpressionWidgetOptions, PerseusExpressionUserInput } from "@khanacademy/perseus-core";
 type Props = WidgetProps<PerseusExpressionWidgetOptions, PerseusExpressionUserInput>;
 export declare const Expression: React.ForwardRefExoticComponent<Props & React.RefAttributes<Widget>>;
 /**
@@ -9,7 +9,7 @@ export declare const Expression: React.ForwardRefExoticComponent<Props & React.R
  */
 declare function getUserInputFromSerializedState(serializedState: any): PerseusExpressionUserInput;
 declare function getStartUserInput(): PerseusExpressionUserInput;
-declare function getOneCorrectAnswerFromRubric(rubric: PerseusExpressionRubric): string | null | undefined;
+declare function getOneCorrectAnswerFromRubric(rubric: PerseusExpressionWidgetOptions): string | null | undefined;
 declare function getCorrectUserInput(options: PerseusExpressionWidgetOptions): PerseusExpressionUserInput;
 declare const _default: {
     name: string;

package/dist/widgets/grapher/function-type-icon.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { FunctionTypeMappingKeys } from "@khanacademy/perseus-core";
+interface Props {
+    type: FunctionTypeMappingKeys;
+    label: string;
+}
+export default function FunctionTypeIcon({ type, label }: Props): React.JSX.Element;
+export {};

package/dist/widgets/numeric-input/utils.d.ts

@@ -1,5 +1,5 @@
 import type { PerseusStrings } from "../../strings";
-import type { PerseusNumericInputAnswerForm, PerseusNumericInputRubric, PerseusNumericInputUserInput, PerseusNumericInputWidgetOptions } from "@khanacademy/perseus-core";
+import type { PerseusNumericInputAnswerForm, PerseusNumericInputWidgetOptions, PerseusNumericInputUserInput } from "@khanacademy/perseus-core";
 /**
  * Generates the specific set of examples for the current question.
  * This string is shown as examples to the user in a tooltip.
@@ -33,4 +33,4 @@ export declare function findCommonFractions(value: number): {
     denom: number;
 } | undefined;
 export declare function getCorrectUserInput(options: PerseusNumericInputWidgetOptions): PerseusNumericInputUserInput;
-export declare function getOneCorrectAnswerFromRubric(rubric: PerseusNumericInputRubric): string | null | undefined;
+export declare function getOneCorrectAnswerFromRubric(rubric: PerseusNumericInputWidgetOptions): string | null | undefined;

package/dist/widgets/radio/radio-widget.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { WidgetProps, ChoiceState, Widget } from "../../types";
 import type { RadioPromptJSON } from "../../widget-ai-utils/radio/radio-ai-utils";
-import type { PerseusRadioChoice, PerseusRadioRubric, PerseusRadioUserInput } from "@khanacademy/perseus-core";
+import type { PerseusRadioChoice, PerseusRadioWidgetOptions, PerseusRadioUserInput } from "@khanacademy/perseus-core";
 /**
  * Represents a single choice in the RadioComponent
  */
@@ -35,7 +35,7 @@ export interface RadioChoiceWithMetadata extends PerseusRadioChoice {
     originalIndex: number;
     correct?: boolean;
 }
-type Props = WidgetProps<RadioProps, PerseusRadioUserInput, PerseusRadioRubric>;
+type Props = WidgetProps<RadioProps, PerseusRadioUserInput, PerseusRadioWidgetOptions>;
 declare class Radio extends React.Component<Props> implements Widget {
     radioRef: React.RefObject<RadioWidgetHandle>;
     /**

package/dist/widgets/sorter/index.d.ts

@@ -1 +1,73 @@
-export { default } from "./sorter";
+import type { SorterPublicWidgetOptions, PerseusSorterUserInput } from "@khanacademy/perseus-core";
+declare function getStartUserInput(options: SorterPublicWidgetOptions, problemNum: number): PerseusSorterUserInput;
+/**
+ * @deprecated and likely a very broken API
+ * [LEMS-3185] do not trust serializedState
+ */
+declare function getUserInputFromSerializedState(serializedState: any): PerseusSorterUserInput;
+declare const _default: {
+    name: string;
+    displayName: string;
+    widget: import("react").ForwardRefExoticComponent<{
+        options: import("@khanacademy/perseus-core").PerseusSorterWidgetOptions;
+        trackInteraction: (extraData?: Empty | undefined) => void;
+        widgetId: string;
+        widgetIndex: number;
+        alignment: import("@khanacademy/perseus-core").Alignment | null | undefined;
+        static: boolean | null | undefined;
+        graded?: boolean | null;
+        problemNum: number | null | undefined;
+        apiOptions: Readonly<Readonly<{
+            isArticle?: boolean;
+            onFocusChange?: (newFocusPath: import("../..").FocusPath, oldFocusPath: import("../..").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+            showAlignmentOptions?: boolean;
+            readOnly?: boolean;
+            editingDisabled?: boolean;
+            answerableCallback?: (arg1: boolean) => unknown;
+            getAnotherHint?: () => unknown;
+            interactionCallback?: (widgetData: {
+                [widgetId: string]: any;
+            }) => void;
+            imagePlaceholder?: React.ReactNode;
+            widgetPlaceholder?: React.ReactNode;
+            baseElements?: {
+                Link: React.ComponentType<any>;
+            };
+            trackInteraction?: (args: {
+                type: string;
+                id: string;
+                correct?: boolean;
+            } & Partial<import("../../types").TrackingGradedGroupExtraArguments> & Partial<{
+                visible: number;
+            }>) => void;
+            customKeypad?: boolean;
+            isMobile?: boolean;
+            isMobileApp?: boolean;
+            hintProgressColor?: string;
+            flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator", boolean>;
+        }> & {
+            baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
+            isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
+            isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
+            isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;
+            editingDisabled: NonNullable<import("../..").APIOptions["editingDisabled"]>;
+            onFocusChange: NonNullable<import("../..").APIOptions["onFocusChange"]>;
+            readOnly: NonNullable<import("../..").APIOptions["readOnly"]>;
+            showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
+        }>;
+        keypadElement?: any;
+        onFocus: (blurPath: import("../..").FocusPath) => void;
+        onBlur: (blurPath: import("../..").FocusPath) => void;
+        findWidgets: import("../../types").FindWidgetsFunction;
+        reviewMode: boolean;
+        showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
+        handleUserInput: (newUserInput: PerseusSorterUserInput, cb?: () => void, silent?: boolean) => void;
+        userInput: PerseusSorterUserInput;
+        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
+        containerSizeClass: import("../../util/sizing-utils").SizeClass;
+    } & import("react").RefAttributes<import("./sorter").SorterHandle>>;
+    isLintable: true;
+    getStartUserInput: typeof getStartUserInput;
+    getUserInputFromSerializedState: typeof getUserInputFromSerializedState;
+};
+export default _default;

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

@@ -1,21 +1,16 @@
 import * as React from "react";
-import type { PerseusDependenciesV2, WidgetProps } from "../../types";
-import type { PerseusSorterWidgetOptions, PerseusSorterUserInput, SorterPublicWidgetOptions } from "@khanacademy/perseus-core";
-type Props = WidgetProps<PerseusSorterWidgetOptions, PerseusSorterUserInput> & {
-    dependencies: PerseusDependenciesV2;
-};
-declare function getStartUserInput(options: SorterPublicWidgetOptions, problemNum: number): PerseusSorterUserInput;
-/**
- * @deprecated and likely a very broken API
- * [LEMS-3185] do not trust serializedState
- */
-declare function getUserInputFromSerializedState(serializedState: any): PerseusSorterUserInput;
-declare const _default: {
-    name: string;
-    displayName: string;
-    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
-    isLintable: true;
-    getStartUserInput: typeof getStartUserInput;
-    getUserInputFromSerializedState: typeof getUserInputFromSerializedState;
-};
-export default _default;
+import type { SortableOption } from "../../components/sortable";
+import type { Widget, WidgetProps } from "../../types";
+import type { PerseusSorterWidgetOptions, PerseusSorterUserInput } from "@khanacademy/perseus-core";
+type Props = WidgetProps<PerseusSorterWidgetOptions, PerseusSorterUserInput>;
+export interface SorterHandle extends Widget {
+    /**
+     * Programatic API for moving options. This is used by testing.
+     *
+     * @deprecated prefer user interaction testing over backdoor
+     * state manipulation
+     */
+    moveOptionToIndex: (option: SortableOption, index: number) => void;
+}
+declare const Sorter: React.ForwardRefExoticComponent<Props & React.RefAttributes<SorterHandle>>;
+export default Sorter;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "84.3.0",
+  "version": "85.1.2",
   "publishConfig": {
     "access": "public"
   },
@@ -45,14 +45,14 @@
     "uuid": "^10.0.0",
     "jquery": "^2.1.1",
     "@khanacademy/kas": "2.2.6",
-    "@khanacademy/keypad-context": "3.2.84",
-    "@khanacademy/kmath": "2.4.43",
-    "@khanacademy/math-input": "27.0.4",
-    "@khanacademy/perseus-core": "36.1.0",
-    "@khanacademy/perseus-score": "8.12.16",
+    "@khanacademy/keypad-context": "3.2.87",
+    "@khanacademy/kmath": "2.4.46",
+    "@khanacademy/math-input": "27.0.8",
+    "@khanacademy/perseus-core": "38.0.1",
+    "@khanacademy/perseus-linter": "5.2.0",
+    "@khanacademy/perseus-score": "8.12.19",
     "@khanacademy/perseus-utils": "2.1.5",
     "@khanacademy/pure-markdown": "2.3.2",
-    "@khanacademy/perseus-linter": "5.1.24",
     "@khanacademy/simple-markdown": "3.0.1"
   },
   "devDependencies": {

package/dist/mixins/changeable.d.ts

@@ -1,35 +0,0 @@
-/**
- * Changeable
- *
- * Adds a this.change() function to a component
- *
- * This.change takes prop changes as parameters, and calls
- * this.props.onChange with the modified props.
- */
-import type { ChangeFn } from "../types";
-/**
- * this.change()
- *
- * Can be called as follows:
- * this.change(newProps, callback);
- *
- * this.change(propName, propValue, callback);
- *
- * this.change(propName) -> returns a lambda that takes a prop value to
- * set and a callback to call after having set that value.
- *
- * TODO(LEMS-3245) remove Changeable
- *
- * @deprecated
- */
-export declare const change: ChangeFn;
-/**
- * TODO(LEMS-3245) remove Changeable
- *
- * @deprecated
- */
-export type ChangeableProps = {
-    onChange: (values: {
-        [key: string]: any;
-    }, callback?: (() => unknown) | null | undefined, silent?: boolean) => unknown;
-};

package/dist/mixins/editor-jsonify.d.ts

@@ -1,8 +0,0 @@
-/**
- * @deprecated do not use EditorJsonify
- * See LEMS-4108 for more details
- */
-declare const EditorJsonify: {
-    readonly serialize: () => any;
-};
-export default EditorJsonify;

package/dist/mixins/widget-prop-denylist.d.ts

@@ -1,5 +0,0 @@
-/**
- * @deprecated do not use the denylist
- * See LEMS-4108 for more details
- */
-export declare function excludeDenylistKeys(obj: Record<any, any>): {};