@khanacademy/perseus 61.0.3 → 61.2.0

package/dist/types.d.ts

@@ -3,7 +3,7 @@ import type { PerseusStrings } from "./strings";
 import type { SizeClass } from "./util/sizing-utils";
 import type { WidgetPromptJSON } from "./widget-ai-utils/prompt-types";
 import type { KeypadAPI } from "@khanacademy/math-input";
-import type { Hint, PerseusAnswerArea, PerseusGraphType, PerseusFeatureFlags, PerseusWidget, PerseusWidgetsMap, AnalyticsEventHandlerFn, Version, WidgetOptionsUpgradeMap, Rubric, UserInput, UserInputArray, UserInputMap } from "@khanacademy/perseus-core";
+import type { Hint, PerseusAnswerArea, PerseusGraphType, PerseusFeatureFlags, PerseusWidget, PerseusWidgetsMap, AnalyticsEventHandlerFn, Version, WidgetOptionsUpgradeMap, Rubric, UserInput, UserInputArray, UserInputMap, Relationship } from "@khanacademy/perseus-core";
 import type { LinterContextProps } from "@khanacademy/perseus-linter";
 import type { Result } from "@khanacademy/wonder-blocks-data";
 import type * as React from "react";
@@ -89,6 +89,10 @@ export type ChangeHandler = (arg1: {
     selected?: number;
     plot?: any;
     graph?: PerseusGraphType;
+    divisionRange?: number[];
+    numDivisions?: number;
+    numLinePosition?: number;
+    rel?: Relationship;
 }, callback?: () => void, silent?: boolean) => unknown;
 export type ImageUploader = (file: File, callback: (url: string) => unknown) => unknown;
 export type Path = ReadonlyArray<string>;
@@ -399,7 +403,13 @@ export type FilterCriterion = string | ((id: string, widgetInfo: PerseusWidget,
  * any `propUpgrades` the widget defines as well as its `transform` or
  * `staticTransform` functions (depending on the options `static` flag).
  */
-export type WidgetProps<RenderProps, Rubric = Empty, TrackingExtraArgs = Empty> = RenderProps & {
+export type WidgetProps<RenderProps, Rubric = Empty, TrackingExtraArgs = Empty> = RenderProps & UniversalWidgetProps<Rubric, TrackingExtraArgs>;
+/**
+ * The props passed to every widget, regardless of its `type`.
+ */
+export type UniversalWidgetProps<ReviewModeRubric = Empty, TrackingExtraArgs = Empty> = {
+    reviewModeRubric?: ReviewModeRubric | null | undefined;
+    trackInteraction: (extraData?: TrackingExtraArgs) => void;
     widgetId: string;
     alignment: string | null | undefined;
     static: boolean | null | undefined;
@@ -415,19 +425,21 @@ export type WidgetProps<RenderProps, Rubric = Empty, TrackingExtraArgs = Empty>
     onFocus: (blurPath: FocusPath) => void;
     onBlur: (blurPath: FocusPath) => void;
     findWidgets: (criterion: FilterCriterion) => ReadonlyArray<Widget>;
-    reviewModeRubric?: Rubric | null | undefined;
     reviewMode: boolean;
     onChange: ChangeHandler;
-    trackInteraction: (extraData?: TrackingExtraArgs) => void;
     isLastUsedWidget: boolean;
     linterContext: LinterContextProps;
     containerSizeClass: SizeClass;
 };
 export type ChangeFn = (newPropsOrSinglePropName: string | {
     [key: string]: any;
-}, propValue?: any, callback?: () => unknown) => any | null | undefined;
+}, propValue?: any, callback?: () => unknown) => any;
 export type SharedRendererProps = {
     apiOptions: APIOptions;
     linterContext: LinterContextProps;
 };
+export interface Focusable {
+    focus: () => void;
+    blur: () => void;
+}
 export {};

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

@@ -1,4 +1,4 @@
-import type { CategorizerWidget, ExpressionWidget, InteractiveGraphWidget, NumericInputWidget, PerseusRenderer, RadioWidget, PerseusScore, UserInputMap } from "@khanacademy/perseus-core";
+import type { CategorizerWidget, ExpressionWidget, InteractiveGraphWidget, NumericInputWidget, PerseusRenderer, PerseusWidgetTypes, RadioWidget, PerseusScore, UserInputMap, PerseusItem } from "@khanacademy/perseus-core";
 /**
  * Thin wrapper around scorePerseusItem for internal testing
  */
@@ -38,3 +38,25 @@ export declare function generateTestExpressionWidget(): ExpressionWidget;
  * @returns {NumericInputWidget} skeleton NumericInputWidget for testing
  */
 export declare function generateTestNumericInputWidget(): NumericInputWidget;
+/**
+ * Creates an object with the minimum amount
+ * of data to be a properly typed PerseusItem
+ * containing answerful information
+ *
+ * @template T - The widget type extending keyof PerseusWidgetTypes
+ * @param {T} widgetType - The type of widget to create, as a string, ex. "radio"
+ * @param {PerseusWidgetTypes[T]["options"]} options - The options for the widget
+ * @returns {PerseusItem} skeleton PerseusItem for testing
+ */
+export declare function getAnswerfulItem<T extends keyof PerseusWidgetTypes>(widgetType: T, options: PerseusWidgetTypes[T]["options"]): PerseusItem;
+/**
+ * Creates an object with the minimum amount
+ * of data to be a properly typed PerseusItem
+ * containing answerless information
+ *
+ * @template T - The widget type extending keyof PerseusWidgetTypes
+ * @param {T} widgetType - The type of widget to create, as a string, ex. "radio"
+ * @param {PerseusWidgetTypes[T]["options"]} options - The options for the widget
+ * @returns {PerseusItem} skeleton PerseusItem for testing
+ */
+export declare function getAnswerlessItem<T extends keyof PerseusWidgetTypes>(widgetType: T, options: PerseusWidgetTypes[T]["options"]): PerseusItem;

package/dist/util.d.ts

@@ -41,7 +41,7 @@ declare function inputPathsEqual(a?: ReadonlyArray<string> | null, b?: ReadonlyA
  */
 declare function firstNumericalParse(text: string): ParsedValue | null | undefined;
 declare function stringArrayOfSize(size: number): string[];
-declare function stringArrayOfSize2D(opt: {
+export declare function stringArrayOfSize2D(opt: {
     rows: number;
     columns: number;
 }): string[][];

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

@@ -74,72 +74,7 @@ declare const _default: {
     name: string;
     displayName: string;
     accessible: true;
-    widget: React.ForwardRefExoticComponent<Omit<Pick<RenderProps & {
-        widgetId: string;
-        alignment: string | null | undefined;
-        static: boolean | null | undefined;
-        problemNum: number | null | undefined;
-        apiOptions: Readonly<Readonly<{
-            isArticle?: boolean;
-            onFocusChange?: (newFocusPath: FocusPath, oldFocusPath: FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
-            GroupMetadataEditor?: React.ComponentType<any>;
-            showAlignmentOptions?: boolean;
-            readOnly?: boolean;
-            answerableCallback?: (arg1: boolean) => unknown;
-            getAnotherHint?: () => unknown;
-            interactionCallback?: (widgetData: {
-                [widgetId: string]: any;
-            }) => void;
-            groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
-            imagePlaceholder?: React.ReactNode;
-            widgetPlaceholder?: React.ReactNode;
-            baseElements?: {
-                Link: React.ComponentType<any>;
-            };
-            imagePreloader?: (dimensions: import("../../types").Dimensions) => React.ReactNode;
-            trackInteraction?: (args: {
-                type: string;
-                id: string;
-                correct?: boolean;
-            } & Partial<import("../../types").TrackingGradedGroupExtraArguments> & Partial<{
-                visible: number;
-            }>) => void;
-            customKeypad?: boolean;
-            nativeKeypadProxy?: (blur: () => void) => import("@khanacademy/math-input").KeypadAPI;
-            isMobile?: boolean;
-            setDrawingAreaAvailable?: (arg1: boolean) => unknown;
-            hintProgressColor?: string;
-            canScrollPage?: boolean;
-            crossOutEnabled?: boolean;
-            editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget", boolean>;
-            onWidgetStartProps?: (widgets: import("@khanacademy/perseus-core").PerseusWidgetsMap) => void;
-        }> & {
-            baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
-            canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
-            crossOutEnabled: NonNullable<import("../..").APIOptions["crossOutEnabled"]>;
-            editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
-            groupAnnotator: NonNullable<import("../..").APIOptions["groupAnnotator"]>;
-            isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
-            isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
-            onFocusChange: NonNullable<import("../..").APIOptions["onFocusChange"]>;
-            readOnly: NonNullable<import("../..").APIOptions["readOnly"]>;
-            setDrawingAreaAvailable: NonNullable<import("../..").APIOptions["setDrawingAreaAvailable"]>;
-            showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
-        }>;
-        keypadElement?: any;
-        questionCompleted?: boolean;
-        onFocus: (blurPath: FocusPath) => void;
-        onBlur: (blurPath: FocusPath) => void;
-        findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<Widget>;
-        reviewModeRubric?: Empty | null | undefined;
-        reviewMode: boolean;
-        onChange: import("../..").ChangeHandler;
-        trackInteraction: (extraData?: Empty | undefined) => void;
-        isLastUsedWidget: boolean;
-        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-        containerSizeClass: import("../../util/sizing-utils").SizeClass;
-    } & Partial<import("../..").PerseusDependenciesV2> & {
+    widget: React.ForwardRefExoticComponent<Omit<Pick<RenderProps & import("../../types").UniversalWidgetProps<Empty, Empty> & Partial<import("../..").PerseusDependenciesV2> & {
         apiOptions: NonNullable<ExternalProps["apiOptions"]>;
         buttonSets: NonNullable<ExternalProps["buttonSets"]>;
         functions: NonNullable<ExternalProps["functions"]>;
@@ -150,7 +85,7 @@ declare const _default: {
         visibleLabel: PerseusExpressionWidgetOptions["visibleLabel"];
         ariaLabel: PerseusExpressionWidgetOptions["ariaLabel"];
         value: string;
-    }, "static" | "containerSizeClass" | "widgetId" | "onChange" | "problemNum" | "questionCompleted" | "findWidgets" | "trackInteraction" | "keypadElement" | "ariaLabel" | "reviewMode" | keyof import("../..").PerseusDependenciesV2 | "alignment" | "reviewModeRubric" | "isLastUsedWidget" | "visibleLabel" | "buttonsVisible" | "keypadConfiguration"> & {
+    }, "static" | "containerSizeClass" | "widgetId" | "onChange" | "problemNum" | "questionCompleted" | "findWidgets" | "trackInteraction" | "keypadElement" | "ariaLabel" | "reviewMode" | keyof import("../..").PerseusDependenciesV2 | "reviewModeRubric" | "alignment" | "isLastUsedWidget" | "visibleLabel" | "buttonsVisible" | "keypadConfiguration"> & {
         value?: string | undefined;
         apiOptions?: Readonly<Readonly<{
             isArticle?: boolean;

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

@@ -1,3 +1,11 @@
+/**
+ * Group widget (different than GradedGroup and GradedGroupSet)
+ * is a widget that was specifically made for old SAT content
+ * and no longer seems to be needed.
+ * There's some question to whether we want to keep it
+ * to let content creators access old content that is no longer
+ * learner-facing, but new content cannot be made with Group.
+ */
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import Renderer from "../../renderer";

package/dist/widgets/iframe/iframe.d.ts

@@ -7,7 +7,7 @@
  *  but could also be used for embedding viz's hosted elsewhere.
  */
 import * as React from "react";
-import type { WidgetProps, Widget } from "../../types";
+import type { WidgetProps, Widget, ChangeFn } from "../../types";
 import type { UnsupportedWidgetPromptJSON } from "../../widget-ai-utils/unsupported-widget";
 import type { PerseusIFrameUserInput, UserInputStatus, PerseusIFrameWidgetOptions } from "@khanacademy/perseus-core";
 type RenderProps = PerseusIFrameWidgetOptions & {
@@ -30,7 +30,7 @@ declare class Iframe extends React.Component<Props> implements Widget {
     getUserInput(): PerseusIFrameUserInput;
     getPromptJSON(): UnsupportedWidgetPromptJSON;
     handleMessageEvent: (arg1: any) => void;
-    change: (...args: ReadonlyArray<unknown>) => any;
+    change: ChangeFn;
     render(): React.ReactNode;
 }
 declare const _default: {

package/dist/widgets/input-number/input-number.d.ts

@@ -3,12 +3,7 @@ import { PerseusI18nContext } from "../../components/i18n-context";
 import type { Path, Widget, WidgetProps } from "../../types";
 import type { InputNumberPromptJSON } from "../../widget-ai-utils/input-number/input-number-ai-utils";
 import type { PerseusInputNumberWidgetOptions, PerseusInputNumberUserInput } from "@khanacademy/perseus-core";
-type RenderProps = {
-    simplify: PerseusInputNumberWidgetOptions["simplify"];
-    size: PerseusInputNumberWidgetOptions["size"];
-    answerType: PerseusInputNumberWidgetOptions["answerType"];
-    rightAlign: PerseusInputNumberWidgetOptions["rightAlign"];
-};
+type RenderProps = Pick<PerseusInputNumberWidgetOptions, "simplify" | "size" | "answerType" | "rightAlign">;
 type ExternalProps = WidgetProps<RenderProps>;
 type Props = ExternalProps & {
     apiOptions: NonNullable<ExternalProps["apiOptions"]>;
@@ -18,14 +13,7 @@ type Props = ExternalProps & {
     currentValue: string;
     answerType: NonNullable<ExternalProps["answerType"]>;
 };
-type DefaultProps = {
-    answerType: Props["answerType"];
-    apiOptions: Props["apiOptions"];
-    currentValue: Props["currentValue"];
-    linterContext: Props["linterContext"];
-    rightAlign: Props["rightAlign"];
-    size: Props["size"];
-};
+type DefaultProps = Pick<Props, "answerType" | "apiOptions" | "currentValue" | "linterContext" | "rightAlign" | "size">;
 declare class InputNumber extends React.Component<Props> implements Widget {
     static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
     context: React.ContextType<typeof PerseusI18nContext>;
@@ -47,13 +35,15 @@ declare class InputNumber extends React.Component<Props> implements Widget {
     examples(): ReadonlyArray<string>;
     render(): React.ReactNode;
 }
+declare function transform(widgetOptions: PerseusInputNumberWidgetOptions): RenderProps;
+declare function getOneCorrectAnswerFromRubric(rubric: any): string | undefined;
 declare const _default: {
     name: string;
     displayName: string;
     hidden: true;
     widget: typeof InputNumber;
-    transform: (widgetOptions: PerseusInputNumberWidgetOptions) => RenderProps;
     isLintable: true;
-    getOneCorrectAnswerFromRubric(rubric: any): string | null | undefined;
+    transform: typeof transform;
+    getOneCorrectAnswerFromRubric: typeof getOneCorrectAnswerFromRubric;
 };
 export default _default;

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

@@ -94,7 +94,7 @@ type RenderProps = {
      * Shapes (points, chords, etc) displayed on the graph that cannot be moved
      * by the user.
      */
-    lockedFigures?: LockedFigure[];
+    lockedFigures: LockedFigure[];
     /**
      * Aria label that applies to the entire graph.
      */

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

@@ -7,7 +7,7 @@ import "./mafs-styles.css";
 export type MafsGraphProps = {
     box: [number, number];
     backgroundImage?: InteractiveGraphProps["backgroundImage"];
-    lockedFigures?: InteractiveGraphProps["lockedFigures"];
+    lockedFigures: InteractiveGraphProps["lockedFigures"];
     step: InteractiveGraphProps["step"];
     gridStep: [x: number, y: number];
     containerSizeClass: InteractiveGraphProps["containerSizeClass"];

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

@@ -11,7 +11,7 @@ export type StatefulMafsGraphProps = {
      * submitted their guess).
      */
     correct?: PerseusGraphType;
-    lockedFigures?: InteractiveGraphProps["lockedFigures"];
+    lockedFigures: InteractiveGraphProps["lockedFigures"];
     range: InteractiveGraphProps["range"];
     snapStep: [x: number, y: number];
     step: InteractiveGraphProps["step"];

package/dist/widgets/matrix/matrix.d.ts

@@ -1,8 +1,8 @@
-import { type PerseusMatrixUserInput, type PerseusMatrixWidgetAnswers } from "@khanacademy/perseus-core";
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import type { FocusPath, Widget, WidgetProps } from "../../types";
 import type { MatrixPromptJSON } from "../../widget-ai-utils/matrix/matrix-ai-utils";
+import type { MatrixPublicWidgetOptions, PerseusMatrixUserInput, PerseusMatrixWidgetAnswers } from "@khanacademy/perseus-core";
 type ExternalProps = WidgetProps<{
     prefix: string;
     suffix: string;
@@ -11,6 +11,9 @@ type ExternalProps = WidgetProps<{
     matrixBoardSize: ReadonlyArray<number>;
     static?: boolean | undefined;
 }>;
+type RenderProps = MatrixPublicWidgetOptions & {
+    emptyMatrix: ReadonlyArray<ReadonlyArray<string>>;
+};
 type Props = ExternalProps & {
     onChange: (arg1: {
         cursorPosition?: ReadonlyArray<number>;
@@ -51,12 +54,13 @@ declare class Matrix extends React.Component<Props, State> implements Widget {
     getPromptJSON(): MatrixPromptJSON;
     render(): React.ReactNode;
 }
+declare function transform(widgetOptions: MatrixPublicWidgetOptions): RenderProps;
 declare const _default: {
     name: string;
     displayName: string;
     hidden: true;
     widget: typeof Matrix;
-    transform: (arg1: any) => any;
+    transform: typeof transform;
     staticTransform: (arg1: any) => any;
     isLintable: true;
 };

package/dist/widgets/number-line/number-line.d.ts

@@ -1,11 +1,14 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
-import type { ChangeableProps } from "../../mixins/changeable";
-import type { APIOptions, FocusPath, Widget } from "../../types";
+import type { FocusPath, Widget, WidgetProps, UniversalWidgetProps } from "../../types";
 import type { NumberLinePromptJSON } from "../../widget-ai-utils/number-line/number-line-ai-utils";
-import type { Relationship, PerseusNumberLineUserInput } from "@khanacademy/perseus-core";
-type Props = ChangeableProps & {
-    range: [number, number];
+import type { Relationship, PerseusNumberLineUserInput, PerseusNumberLineWidgetOptions, NumberLinePublicWidgetOptions } from "@khanacademy/perseus-core";
+import type { PropsFor } from "@khanacademy/wonder-blocks-core";
+/**
+ * The type of `this.props` inside the NumberLine widget.
+ */
+type Props = WidgetProps<{
+    range: number[];
     labelRange: Array<number | null>;
     labelStyle: string;
     labelTicks: boolean;
@@ -16,15 +19,8 @@ type Props = ChangeableProps & {
     isInequality: boolean;
     numLinePosition: number;
     rel: Relationship;
-    onFocus: (arg1: any) => void;
-    onBlur: (arg1: any) => void;
-    onChange: (arg1: any, arg2?: () => void | null | undefined) => void;
-    apiOptions: APIOptions;
-    keypadElement: HTMLElement | null | undefined;
-    static?: boolean;
     showTooltips?: boolean;
-    trackInteraction: () => void;
-};
+}>;
 type DefaultProps = {
     range: Props["range"];
     labelStyle: Props["labelStyle"];
@@ -39,6 +35,10 @@ type DefaultProps = {
     rel: Props["rel"];
     apiOptions: Props["apiOptions"];
 };
+/**
+ * The props returned by the `transform` and `staticTransform` functions.
+ */
+type RenderProps = Omit<PropsFor<typeof NumberLine>, keyof UniversalWidgetProps>;
 type State = {
     numDivisionsEmpty: boolean;
 };
@@ -71,11 +71,13 @@ declare class NumberLine extends React.Component<Props, State> implements Widget
     getPromptJSON(): NumberLinePromptJSON;
     render(): React.ReactNode;
 }
+declare function numberLineTransform(editorProps: NumberLinePublicWidgetOptions): RenderProps;
+declare function staticTransform(editorProps: PerseusNumberLineWidgetOptions): RenderProps;
 declare const _default: {
     name: string;
     displayName: string;
     widget: typeof NumberLine;
-    transform: (arg1: any) => any;
-    staticTransform: (arg1: any) => any;
+    transform: typeof numberLineTransform;
+    staticTransform: typeof staticTransform;
 };
 export default _default;

package/dist/widgets/numeric-input/input-with-examples.d.ts

@@ -1,8 +1,29 @@
+import * as React from "react";
+import type { Focusable } from "../../types";
+import type { LinterContextProps } from "@khanacademy/perseus-linter";
+import type { StyleType } from "@khanacademy/wonder-blocks-core";
+type Props = {
+    value: string;
+    onChange: any;
+    className?: string;
+    examples: ReadonlyArray<string>;
+    shouldShowExamples: boolean;
+    convertDotToTimes?: boolean;
+    buttonSet?: string;
+    buttonsVisible?: "always" | "never" | "focused";
+    labelText?: string;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    disabled?: boolean;
+    style?: StyleType;
+    id: string;
+    linterContext?: LinterContextProps;
+};
 /**
  * The InputWithExamples component is a child component of the NumericInput
  * and InputNumber components. It is responsible for rendering the UI elements
  * for the desktop versions of these widgets, and displays a tooltip with
  * examples of how to input the selected answer forms.
  */
-declare const InputWithExamples: any;
+declare const InputWithExamples: React.ForwardRefExoticComponent<Props & React.RefAttributes<Focusable>>;
 export default InputWithExamples;

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { FocusPath, Widget, WidgetProps } from "../../types";
+import type { FocusPath, Focusable, Widget, WidgetProps } from "../../types";
 import type { NumericInputPromptJSON } from "../../widget-ai-utils/numeric-input/prompt-utils";
 import type { PerseusNumericInputWidgetOptions, PerseusNumericInputAnswerForm, PerseusNumericInputRubric, PerseusNumericInputUserInput } from "@khanacademy/perseus-core";
 type ExternalProps = WidgetProps<PerseusNumericInputWidgetOptions>;
@@ -31,7 +31,7 @@ type RenderProps = {
  * by using the functional component for the rendering the UI of the widget.
  */
 export declare class NumericInput extends React.Component<NumericInputProps> implements Widget {
-    inputRef: React.RefObject<any>;
+    inputRef: React.RefObject<Focusable>;
     static defaultProps: DefaultProps;
     static getUserInputFromProps(props: NumericInputProps): PerseusNumericInputUserInput;
     focus: () => boolean;

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

@@ -1,75 +1,11 @@
 import * as React from "react";
+import type { Focusable } from "../../types";
 /**
  * The NumericInputComponent is a child component of the NumericInput class
  * component. It is responsible for rendering the UI elements of the Numeric
  * Input widget.
  */
-export declare const NumericInputComponent: React.ForwardRefExoticComponent<import("@khanacademy/perseus-core").PerseusNumericInputWidgetOptions & {
-    widgetId: string;
-    alignment: string | null | undefined;
-    static: boolean | null | undefined;
-    problemNum: number | null | undefined;
-    apiOptions: Readonly<Readonly<{
-        isArticle?: boolean;
-        onFocusChange?: (newFocusPath: import("../..").FocusPath, oldFocusPath: import("../..").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
-        GroupMetadataEditor?: React.ComponentType<any>;
-        showAlignmentOptions?: boolean;
-        readOnly?: boolean;
-        answerableCallback?: (arg1: boolean) => unknown;
-        getAnotherHint?: () => unknown;
-        interactionCallback?: (widgetData: {
-            [widgetId: string]: any;
-        }) => void;
-        groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
-        imagePlaceholder?: React.ReactNode;
-        widgetPlaceholder?: React.ReactNode;
-        baseElements?: {
-            Link: React.ComponentType<any>;
-        };
-        imagePreloader?: (dimensions: import("../../types").Dimensions) => React.ReactNode;
-        trackInteraction?: (args: {
-            type: string;
-            id: string;
-            correct?: boolean;
-        } & Partial<import("../../types").TrackingGradedGroupExtraArguments> & Partial<{
-            visible: number;
-        }>) => void;
-        customKeypad?: boolean;
-        nativeKeypadProxy?: (blur: () => void) => import("@khanacademy/math-input").KeypadAPI;
-        isMobile?: boolean;
-        setDrawingAreaAvailable?: (arg1: boolean) => unknown;
-        hintProgressColor?: string;
-        canScrollPage?: boolean;
-        crossOutEnabled?: boolean;
-        editorChangeDelay?: number;
-        flags?: Record<"new-radio-widget", boolean>;
-        onWidgetStartProps?: (widgets: import("@khanacademy/perseus-core").PerseusWidgetsMap) => void;
-    }> & {
-        baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
-        canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
-        crossOutEnabled: NonNullable<import("../..").APIOptions["crossOutEnabled"]>;
-        editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
-        groupAnnotator: NonNullable<import("../..").APIOptions["groupAnnotator"]>;
-        isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
-        isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
-        onFocusChange: NonNullable<import("../..").APIOptions["onFocusChange"]>;
-        readOnly: NonNullable<import("../..").APIOptions["readOnly"]>;
-        setDrawingAreaAvailable: NonNullable<import("../..").APIOptions["setDrawingAreaAvailable"]>;
-        showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
-    }>;
-    keypadElement?: any;
-    questionCompleted?: boolean;
-    onFocus: (blurPath: import("../..").FocusPath) => void;
-    onBlur: (blurPath: import("../..").FocusPath) => void;
-    findWidgets: (criterion: import("../../types").FilterCriterion) => ReadonlyArray<import("../../types").Widget>;
-    reviewModeRubric?: Empty | null | undefined;
-    reviewMode: boolean;
-    onChange: import("../..").ChangeHandler;
-    trackInteraction: (extraData?: Empty | undefined) => void;
-    isLastUsedWidget: boolean;
-    linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-    containerSizeClass: import("../../util/sizing-utils").SizeClass;
-} & {
+export declare const NumericInputComponent: React.ForwardRefExoticComponent<import("@khanacademy/perseus-core").PerseusNumericInputWidgetOptions & import("../../types").UniversalWidgetProps<Empty, Empty> & {
     size: NonNullable<string>;
     rightAlign: NonNullable<boolean | undefined>;
     apiOptions: NonNullable<Readonly<Readonly<{
@@ -125,4 +61,4 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
     labelText: string;
     linterContext: NonNullable<import("@khanacademy/perseus-linter").LinterContextProps>;
     currentValue: string;
-} & React.RefAttributes<unknown>>;
+} & React.RefAttributes<Focusable>>;

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

@@ -1,23 +1,17 @@
 import * as React from "react";
 import type { Widget, WidgetProps } from "../../types";
 import type { OrdererPromptJSON } from "../../widget-ai-utils/orderer/orderer-ai-utils";
-import type { PerseusOrdererWidgetOptions, PerseusOrdererUserInput } from "@khanacademy/perseus-core";
+import type { PerseusOrdererUserInput } from "@khanacademy/perseus-core";
+import type { OrdererPublicWidgetOptions } from "@khanacademy/perseus-core/src/widgets/orderer/orderer-util";
 type Position = {
     left: number;
     top: number;
 };
-type RenderProps = PerseusOrdererWidgetOptions & {
+type RenderProps = OrdererPublicWidgetOptions & {
     current: any;
 };
 type OrdererProps = WidgetProps<RenderProps>;
-type OrdererDefaultProps = {
-    current: OrdererProps["current"];
-    options: OrdererProps["options"];
-    correctOptions: OrdererProps["correctOptions"];
-    height: OrdererProps["height"];
-    layout: OrdererProps["layout"];
-    linterContext: OrdererProps["linterContext"];
-};
+type OrdererDefaultProps = Pick<OrdererProps, "current" | "options" | "height" | "layout" | "linterContext">;
 type OrdererState = {
     current: ReadonlyArray<any>;
     dragging: boolean;

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

@@ -3,7 +3,8 @@ import { PerseusI18nContext } from "../../components/i18n-context";
 import type { Widget, WidgetProps } from "../../types";
 import type { UnsupportedWidgetPromptJSON } from "../../widget-ai-utils/unsupported-widget";
 import type { PerseusPlotterWidgetOptions, PerseusPlotterUserInput } from "@khanacademy/perseus-core";
-type RenderProps = PerseusPlotterWidgetOptions;
+import type { PlotterPublicWidgetOptions } from "@khanacademy/perseus-core/src/widgets/plotter/plotter-util";
+type RenderProps = PlotterPublicWidgetOptions;
 type Props = WidgetProps<RenderProps> & {
     labelInterval: NonNullable<PerseusPlotterWidgetOptions["labelInterval"]>;
     picSize: NonNullable<PerseusPlotterWidgetOptions["picSize"]>;