@khanacademy/perseus 84.0.1 → 84.1.0

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

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { SortableOption } from "../../components/sortable";
-import type { Widget, PerseusDependenciesV2 } from "../../types";
+import type { WidgetProps, Widget, PerseusDependenciesV2 } from "../../types";
 import type { PerseusMatcherWidgetOptions, PerseusMatcherUserInput, MatcherPublicWidgetOptions } from "@khanacademy/perseus-core";
 /**
  * The imperative API the Matcher widget exposes to its parent renderer. On top
@@ -21,63 +21,7 @@ declare const _default: {
     name: string;
     displayName: string;
     hidden: true;
-    widget: React.ForwardRefExoticComponent<Omit<Omit<PerseusMatcherWidgetOptions & {
-        trackInteraction: (extraData?: Empty | undefined) => void;
-        widgetId: string;
-        widgetIndex: number;
-        alignment: string | 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: PerseusMatcherUserInput, cb?: () => void, silent?: boolean) => void;
-        userInput: PerseusMatcherUserInput;
-        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-        containerSizeClass: import("../../util/sizing-utils").SizeClass;
-    } & {
+    widget: React.ForwardRefExoticComponent<Omit<Omit<WidgetProps<PerseusMatcherWidgetOptions, PerseusMatcherUserInput> & {
         dependencies: PerseusDependenciesV2;
     } & React.RefAttributes<MatcherHandle>, "dependencies">, "ref"> & React.RefAttributes<any>>;
     isLintable: true;

package/dist/widgets/measurer/measurer.d.ts

@@ -8,7 +8,7 @@ declare class Measurer extends React.Component<Props> implements Widget {
     ruler: any;
     protractor: any;
     componentDidMount(): void;
-    componentDidUpdate(prevProps: any): void;
+    componentDidUpdate(prevProps: Props): void;
     setupGraphie(): void;
     getPromptJSON(): UnsupportedWidgetPromptJSON;
     render(): React.JSX.Element;

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

@@ -31,12 +31,11 @@ declare class MockWidgetComponent extends React.Component<Props> implements Widg
      */
     getSerializedState(): {
         currentValue: string;
-        static: boolean;
-        value: 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;
         apiOptions: Readonly<Readonly<{
@@ -86,6 +85,7 @@ declare class MockWidgetComponent extends React.Component<Props> implements Widg
         handleUserInput: (newUserInput: PerseusMockWidgetUserInput, cb?: () => void, silent?: boolean) => void;
         linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
         containerSizeClass: import("../../util/sizing-utils").SizeClass;
+        value: string;
     };
     render(): React.ReactNode;
 }

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

@@ -1,6 +1,6 @@
 import * as React from "react";
-import type { Widget, PerseusDependenciesV2 } from "../../types";
-import type { PerseusNumberLineUserInput, PerseusNumberLineWidgetOptions, NumberLinePublicWidgetOptions } from "@khanacademy/perseus-core";
+import type { PerseusDependenciesV2, Widget, WidgetProps } from "../../types";
+import type { NumberLinePublicWidgetOptions, PerseusNumberLineUserInput, PerseusNumberLineWidgetOptions } from "@khanacademy/perseus-core";
 /**
  * @deprecated and likely a very broken API
  * [LEMS-3185] do not trust serializedState
@@ -11,63 +11,7 @@ declare function getStartUserInput(options: NumberLinePublicWidgetOptions): Pers
 declare const _default: {
     name: string;
     displayName: string;
-    widget: React.ForwardRefExoticComponent<Omit<Omit<PerseusNumberLineWidgetOptions & {
-        trackInteraction: (extraData?: Empty | undefined) => void;
-        widgetId: string;
-        widgetIndex: number;
-        alignment: string | 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: PerseusNumberLineUserInput, cb?: () => void, silent?: boolean) => void;
-        userInput: PerseusNumberLineUserInput;
-        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-        containerSizeClass: import("../../util/sizing-utils").SizeClass;
-    } & {
+    widget: React.ForwardRefExoticComponent<Omit<Omit<WidgetProps<PerseusNumberLineWidgetOptions, PerseusNumberLineUserInput> & {
         dependencies: PerseusDependenciesV2;
     } & React.RefAttributes<Widget>, "dependencies">, "ref"> & React.RefAttributes<any>>;
     getCorrectUserInput: typeof getCorrectUserInput;

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

@@ -1,128 +1,12 @@
 import * as React from "react";
 import { getCorrectUserInput, getOneCorrectAnswerFromRubric, getStartUserInput, getUserInputFromSerializedState } from "./utils";
-import type { Widget } from "../../types";
+import type { Widget, WidgetProps } from "../../types";
 import type { PerseusNumericInputUserInput, PerseusNumericInputWidgetOptions } from "@khanacademy/perseus-core";
-/**
- * The NumericInput widget is a numeric input field that supports a variety of
- * answer forms, including integers, decimals, fractions, and mixed numbers.
- */
-export declare const NumericInput: React.ForwardRefExoticComponent<PerseusNumericInputWidgetOptions & {
-    trackInteraction: (extraData?: Empty | undefined) => void;
-    widgetId: string;
-    widgetIndex: number;
-    alignment: string | 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: PerseusNumericInputUserInput, cb?: () => void, silent?: boolean) => void;
-    userInput: PerseusNumericInputUserInput;
-    linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-    containerSizeClass: import("../../util/sizing-utils").SizeClass;
-} & React.RefAttributes<Widget>>;
+type Props = WidgetProps<PerseusNumericInputWidgetOptions, PerseusNumericInputUserInput>;
 declare const _default: {
     name: string;
     displayName: string;
-    widget: React.ForwardRefExoticComponent<PerseusNumericInputWidgetOptions & {
-        trackInteraction: (extraData?: Empty | undefined) => void;
-        widgetId: string;
-        widgetIndex: number;
-        alignment: string | 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: PerseusNumericInputUserInput, cb?: () => void, silent?: boolean) => void;
-        userInput: PerseusNumericInputUserInput;
-        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-        containerSizeClass: import("../../util/sizing-utils").SizeClass;
-    } & React.RefAttributes<Widget>>;
+    widget: React.ForwardRefExoticComponent<Props & React.RefAttributes<Widget>>;
     isLintable: true;
     getCorrectUserInput: typeof getCorrectUserInput;
     getOneCorrectAnswerFromRubric: typeof getOneCorrectAnswerFromRubric;

package/dist/widgets/phet-simulation/phet-simulation.d.ts

@@ -23,7 +23,7 @@ export declare class PhetSimulation extends React.Component<Props, State> implem
     isWidget: true;
     state: State;
     componentDidMount(): Promise<void>;
-    componentDidUpdate(prevProps: any): Promise<void>;
+    componentDidUpdate(prevProps: Props): Promise<void>;
     private getLocale;
     getPromptJSON(): UnsupportedWidgetPromptJSON;
     displayLoadFailure: () => void;

package/dist/widgets/python-program/python-program.d.ts

@@ -1,13 +1,12 @@
-import * as React from "react";
-import { type PerseusDependenciesV2 } from "../../types";
-type Props = {
-    programID: string;
-    height: number;
-    dependencies: PerseusDependenciesV2;
-};
+import React from "react";
+import type { PerseusDependenciesV2, Widget, WidgetProps } from "../../types";
+import type { PerseusPythonProgramWidgetOptions } from "@khanacademy/perseus-core";
+type WidgetHandle = Pick<Widget, "getPromptJSON">;
 declare const _default: {
     name: string;
     displayName: string;
-    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
+    widget: React.ForwardRefExoticComponent<Omit<Omit<WidgetProps<PerseusPythonProgramWidgetOptions> & {
+        dependencies: PerseusDependenciesV2;
+    } & React.RefAttributes<WidgetHandle>, "dependencies">, "ref"> & React.RefAttributes<any>>;
 };
 export default _default;

package/dist/widgets/table/table.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FocusPath, Widget } from "../../types";
+import type { Widget, WidgetProps } from "../../types";
 import type { PerseusTableWidgetOptions, PerseusTableUserInput } from "@khanacademy/perseus-core";
 type EditorProps = {
     editableHeaders?: boolean;
@@ -16,63 +16,7 @@ declare function getUserInputFromSerializedState(serializedState: any): PerseusT
 declare const _default: {
     name: string;
     displayName: string;
-    widget: React.ForwardRefExoticComponent<PerseusTableWidgetOptions & {
-        trackInteraction: (extraData?: Empty | undefined) => void;
-        widgetId: string;
-        widgetIndex: number;
-        alignment: string | null | undefined;
-        static: boolean | null | undefined;
-        graded?: boolean | null;
-        problemNum: number | null | undefined;
-        apiOptions: Readonly<Readonly<{
-            isArticle?: boolean;
-            onFocusChange?: (newFocusPath: FocusPath, oldFocusPath: 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: FocusPath) => void;
-        onBlur: (blurPath: FocusPath) => void;
-        findWidgets: import("../../types").FindWidgetsFunction;
-        reviewMode: boolean;
-        showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
-        handleUserInput: (newUserInput: PerseusTableUserInput, cb?: () => void, silent?: boolean) => void;
-        userInput: PerseusTableUserInput;
-        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-        containerSizeClass: import("../../util/sizing-utils").SizeClass;
-    } & EditorProps & React.RefAttributes<Widget>>;
+    widget: React.ForwardRefExoticComponent<WidgetProps<PerseusTableWidgetOptions, PerseusTableUserInput> & EditorProps & React.RefAttributes<Widget>>;
     hidden: true;
     isLintable: true;
     getStartUserInput: typeof getStartUserInput;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "84.0.1",
+  "version": "84.1.0",
   "publishConfig": {
     "access": "public"
   },
@@ -44,15 +44,15 @@
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
     "@khanacademy/kas": "2.2.6",
-    "@khanacademy/kmath": "2.4.41",
-    "@khanacademy/keypad-context": "3.2.82",
-    "@khanacademy/math-input": "27.0.2",
-    "@khanacademy/perseus-core": "35.0.0",
-    "@khanacademy/perseus-linter": "5.1.22",
+    "@khanacademy/keypad-context": "3.2.83",
+    "@khanacademy/kmath": "2.4.42",
+    "@khanacademy/math-input": "27.0.3",
+    "@khanacademy/perseus-core": "36.0.0",
+    "@khanacademy/perseus-linter": "5.1.23",
+    "@khanacademy/perseus-score": "8.12.15",
+    "@khanacademy/perseus-utils": "2.1.5",
     "@khanacademy/pure-markdown": "2.3.2",
-    "@khanacademy/perseus-score": "8.12.14",
-    "@khanacademy/simple-markdown": "3.0.1",
-    "@khanacademy/perseus-utils": "2.1.5"
+    "@khanacademy/simple-markdown": "3.0.1"
   },
   "devDependencies": {
     "@khanacademy/wonder-blocks-announcer": "1.1.1",

package/dist/widget-ai-utils/input-number/input-number-ai-utils.d.ts

@@ -1,29 +0,0 @@
-import type inputNumber from "../../widgets/input-number/input-number";
-import type React from "react";
-/**
- * JSON describing an InputNumber widget. Intended for consumption by AI tools.
- * An InputNumber displays a text field where users can enter numbers in a
- * variety of formats: decimals, integers, fractions, mixed numbers,
- * percentages, and multiples of pi. The allowed formats are configurable by
- * the content creator.
- */
-export type InputNumberPromptJSON = {
-    type: "input-number";
-    /**
-     * Accessible label for the input field, set by the content creator.
-     * Shown to learners using screen readers to describe what value should
-     * be entered.
-     */
-    label?: string;
-    /**
-     * The current state of the widget user interface. Usually represents a
-     * learner's attempt to answer a question.
-     */
-    userInput: {
-        /**
-         * The text currently entered in the input field by the learner.
-         */
-        value: string;
-    };
-};
-export declare const getPromptJSON: (widgetData: React.ComponentProps<typeof inputNumber.widget>) => InputNumberPromptJSON;