@khanacademy/perseus 54.1.0 → 55.0.0

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

@@ -0,0 +1,66 @@
+import * as React from "react";
+import type { FocusPath, Widget, WidgetProps } from "../../types";
+import type { NumericInputPromptJSON } from "../../widget-ai-utils/numeric-input/prompt-utils";
+import type { PerseusNumericInputWidgetOptions, PerseusNumericInputAnswerForm } from "@khanacademy/perseus-core";
+import type { PerseusNumericInputRubric, PerseusNumericInputUserInput } from "@khanacademy/perseus-score";
+type ExternalProps = WidgetProps<PerseusNumericInputWidgetOptions, PerseusNumericInputRubric>;
+export type NumericInputProps = ExternalProps & {
+    size: NonNullable<ExternalProps["size"]>;
+    rightAlign: NonNullable<ExternalProps["rightAlign"]>;
+    apiOptions: NonNullable<ExternalProps["apiOptions"]>;
+    coefficient: NonNullable<ExternalProps["coefficient"]>;
+    answerForms: ReadonlyArray<PerseusNumericInputAnswerForm>;
+    labelText: string;
+    linterContext: NonNullable<ExternalProps["linterContext"]>;
+    currentValue: string;
+};
+type DefaultProps = Pick<NumericInputProps, "currentValue" | "size" | "rightAlign" | "apiOptions" | "coefficient" | "answerForms" | "labelText" | "linterContext">;
+type RenderProps = {
+    answerForms: ReadonlyArray<PerseusNumericInputAnswerForm>;
+    labelText?: string;
+    size: string;
+    coefficient: boolean;
+    rightAlign?: boolean;
+    static: boolean;
+};
+/**
+ * The NumericInput widget is a numeric input field that supports a variety of
+ * answer forms, including integers, decimals, fractions, and mixed numbers.
+ *
+ * [Jan 2025] We're currenly migrating from class-based components to functional
+ * components. While we cannot fully migrate this component yet, we can start
+ * 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>;
+    static defaultProps: DefaultProps;
+    static getUserInputFromProps(props: NumericInputProps): PerseusNumericInputUserInput;
+    focus: () => boolean;
+    focusInputPath: () => void;
+    blurInputPath: () => void;
+    getInputPaths: () => ReadonlyArray<ReadonlyArray<string>>;
+    /**
+     * Sets the value of the input at the given path.
+     */
+    setInputValue: (path: FocusPath, newValue: string, cb?: () => unknown | null | undefined) => void;
+    /**
+     * Returns the value the user has currently input for this widget.
+     */
+    getUserInput(): PerseusNumericInputUserInput;
+    /**
+     * Returns the JSON representation of the prompt for this widget.
+     * This is used by the AI to determine the prompt for the widget.
+     */
+    getPromptJSON(): NumericInputPromptJSON;
+    render(): React.ReactNode;
+}
+declare const _default: {
+    name: string;
+    displayName: string;
+    accessible: true;
+    widget: typeof NumericInput;
+    transform: (widgetOptions: PerseusNumericInputWidgetOptions) => RenderProps;
+    isLintable: true;
+    getOneCorrectAnswerFromRubric(rubric: PerseusNumericInputRubric): string | null | undefined;
+};
+export default _default;

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

@@ -1,80 +1,126 @@
 import * as React from "react";
-import { PerseusI18nContext } from "../../components/i18n-context";
-import InputWithExamples from "../../components/input-with-examples";
-import SimpleKeypadInput from "../../components/simple-keypad-input";
-import type { FocusPath, Widget, WidgetProps } from "../../types";
-import type { NumericInputPromptJSON } from "../../widget-ai-utils/numeric-input/prompt-utils";
-import type { PerseusNumericInputWidgetOptions, PerseusNumericInputAnswerForm } from "@khanacademy/perseus-core";
-import type { PerseusNumericInputRubric, PerseusNumericInputUserInput } from "@khanacademy/perseus-score";
-type ExternalProps = WidgetProps<PerseusNumericInputWidgetOptions, PerseusNumericInputRubric>;
-type Props = ExternalProps & {
-    size: NonNullable<ExternalProps["size"]>;
-    rightAlign: NonNullable<ExternalProps["rightAlign"]>;
-    apiOptions: NonNullable<ExternalProps["apiOptions"]>;
-    coefficient: NonNullable<ExternalProps["coefficient"]>;
-    answerForms: NonNullable<ExternalProps["answerForms"]>;
-    labelText: string;
-    linterContext: NonNullable<ExternalProps["linterContext"]>;
-    currentValue: string;
-};
-type DefaultProps = {
-    currentValue: Props["currentValue"];
-    size: Props["size"];
-    rightAlign: Props["rightAlign"];
-    apiOptions: Props["apiOptions"];
-    coefficient: Props["coefficient"];
-    answerForms: Props["answerForms"];
-    labelText: Props["labelText"];
-    linterContext: Props["linterContext"];
-};
-type State = {
-    previousValues: ReadonlyArray<string>;
-    isFocused: boolean;
-};
-export declare class NumericInput extends React.Component<Props, State> implements Widget {
-    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    inputRef: SimpleKeypadInput | InputWithExamples | null | undefined;
-    static defaultProps: DefaultProps;
-    static getUserInputFromProps(props: Props): PerseusNumericInputUserInput;
-    state: State;
-    /**
-     * Generates a string that demonstrates how to input the various supported
-     * answer forms.
-     */
-    examples(): ReadonlyArray<string>;
-    shouldShowExamples: () => boolean;
-    focus: () => boolean;
-    focusInputPath: () => void;
-    blurInputPath: () => void;
-    getInputPaths: () => ReadonlyArray<ReadonlyArray<string>>;
-    setInputValue: (arg1: FocusPath, arg2: string, arg3?: () => unknown | null | undefined) => void;
-    getUserInput(): PerseusNumericInputUserInput;
-    getPromptJSON(): NumericInputPromptJSON;
-    handleChange: (arg1: string, arg2?: () => unknown | null | undefined) => void;
-    _handleFocus: () => void;
-    _handleBlur: () => void;
-    render(): React.ReactNode;
-}
-export declare const unionAnswerForms: (arg1: ReadonlyArray<ReadonlyArray<PerseusNumericInputAnswerForm>>) => ReadonlyArray<PerseusNumericInputAnswerForm>;
-type RenderProps = {
-    answerForms: ReadonlyArray<{
-        simplify: "required" | "correct" | "enforced" | null | undefined;
-        name: "integer" | "decimal" | "proper" | "improper" | "mixed" | "pi";
+/**
+ * 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;
+        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?: import("@khanacademy/perseus-score").PerseusNumericInputRubric | 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;
+} & {
+    size: NonNullable<string>;
+    rightAlign: NonNullable<boolean | undefined>;
+    apiOptions: NonNullable<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;
+        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"]>;
+    }>>;
+    coefficient: NonNullable<boolean>;
+    answerForms: ReadonlyArray<import("@khanacademy/perseus-core").PerseusNumericInputAnswerForm>;
     labelText: string;
-    size: "normal" | "small";
-    coefficient: boolean;
-    rightAlign?: boolean;
-    static: boolean;
-};
-declare const _default: {
-    name: string;
-    displayName: string;
-    accessible: true;
-    widget: typeof NumericInput;
-    transform: (widgetOptions: PerseusNumericInputWidgetOptions) => RenderProps;
-    isLintable: true;
-    getOneCorrectAnswerFromRubric(rubric: PerseusNumericInputRubric): string | null | undefined;
-};
-export default _default;
+    linterContext: NonNullable<import("@khanacademy/perseus-linter").LinterContextProps>;
+    currentValue: string;
+} & React.RefAttributes<unknown>>;

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

@@ -0,0 +1,25 @@
+import type { PerseusStrings } from "../../strings";
+import type { PerseusNumericInputAnswerForm } from "@khanacademy/perseus-core";
+/**
+ * The full list of available strings for the numeric input widget,
+ * based on whether the Content Creator has specified that the answer must be simplified.
+ */
+export declare const NumericExampleStrings: {
+    [key: string]: (form: PerseusNumericInputAnswerForm, strings: PerseusStrings) => string;
+};
+/**
+ * Generates the specific set of examples for the current question.
+ * This string is shown as examples to the user in a tooltip.
+ */
+export declare const generateExamples: (answerForms: readonly PerseusNumericInputAnswerForm[], strings: PerseusStrings) => ReadonlyArray<string>;
+/**
+ * Determines whether to show examples of how to input the various supported answer forms.
+ * We do not show examples if all forms are accepted or if no forms are accepted.
+ */
+export declare const shouldShowExamples: (answerForms: readonly PerseusNumericInputAnswerForm[]) => boolean;
+/**
+ * Takes a list of lists of answer forms, and returns a list of the forms
+ * in each of these lists in the same order that they're listed in the
+ * `formExamples` forms from above.
+ */
+export declare const unionAnswerForms: (answerFormsList: ReadonlyArray<ReadonlyArray<PerseusNumericInputAnswerForm>>) => ReadonlyArray<PerseusNumericInputAnswerForm>;

package/package.json

@@ -1,127 +1,123 @@
 {
-    "name": "@khanacademy/perseus",
-    "description": "Core Perseus API (includes renderers and widgets)",
-    "author": "Khan Academy",
-    "license": "MIT",
-    "version": "54.1.0",
-    "publishConfig": {
-        "access": "public"
+  "name": "@khanacademy/perseus",
+  "description": "Core Perseus API (includes renderers and widgets)",
+  "author": "Khan Academy",
+  "license": "MIT",
+  "version": "55.0.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Khan/perseus.git",
+    "directory": "packages/perseus"
+  },
+  "bugs": {
+    "url": "https://github.com/Khan/perseus/issues"
+  },
+  "module": "dist/es/index.js",
+  "main": "dist/index.js",
+  "source": "src/index.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/es/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "source": "./src/index.ts"
     },
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/Khan/perseus.git",
-        "directory": "packages/perseus"
+    "./strings": {
+      "import": "./dist/es/strings.js",
+      "require": "./dist/strings.js",
+      "types": "./dist/strings.d.ts",
+      "source": "./src/strings.ts"
     },
-    "bugs": {
-        "url": "https://github.com/Khan/perseus/issues"
-    },
-    "module": "dist/es/index.js",
-    "main": "dist/index.js",
-    "source": "src/index.ts",
-    "exports": {
-        ".": {
-            "import": "./dist/es/index.js",
-            "require": "./dist/index.js",
-            "types": "./dist/index.d.ts",
-            "source": "./src/index.ts"
-        },
-        "./strings": {
-            "import": "./dist/es/strings.js",
-            "require": "./dist/strings.js",
-            "types": "./dist/strings.d.ts",
-            "source": "./src/strings.ts"
-        },
-        "./styles.css": "./dist/index.css"
-    },
-    "files": [
-        "dist"
-    ],
-    "scripts": {
-        "prepublishOnly": "../../utils/package-pre-publish-check.sh",
-        "test": "bash -c 'yarn --silent --cwd \"../..\" test ${@:0} $($([[ ${@: -1} = -* ]] || [[ ${@: -1} = bash ]]) && echo $PWD)'"
-    },
-    "dependencies": {
-        "@khanacademy/kas": "^0.4.16",
-        "@khanacademy/keypad-context": "^1.0.19",
-        "@khanacademy/kmath": "^0.3.5",
-        "@khanacademy/math-input": "^22.2.6",
-        "@khanacademy/perseus-core": "3.7.0",
-        "@khanacademy/perseus-linter": "^1.2.18",
-        "@khanacademy/perseus-score": "^2.2.2",
-        "@khanacademy/pure-markdown": "^0.3.27",
-        "@khanacademy/simple-markdown": "^0.13.20",
-        "@types/classnames": "2.2.0",
-        "@use-gesture/react": "^10.2.27",
-        "mafs": "0.19.0",
-        "uuid": "^10.0.0"
-    },
-    "devDependencies": {
-        "@khanacademy/wonder-blocks-banner": "4.1.1",
-        "@khanacademy/wonder-blocks-button": "7.1.1",
-        "@khanacademy/wonder-blocks-clickable": "6.1.1",
-        "@khanacademy/wonder-blocks-core": "12.1.1",
-        "@khanacademy/wonder-blocks-data": "14.1.1",
-        "@khanacademy/wonder-blocks-dropdown": "9.1.1",
-        "@khanacademy/wonder-blocks-form": "7.1.1",
-        "@khanacademy/wonder-blocks-icon": "5.1.1",
-        "@khanacademy/wonder-blocks-icon-button": "6.1.1",
-        "@khanacademy/wonder-blocks-layout": "3.1.1",
-        "@khanacademy/wonder-blocks-link": "7.1.1",
-        "@khanacademy/wonder-blocks-pill": "3.1.1",
-        "@khanacademy/wonder-blocks-popover": "5.1.1",
-        "@khanacademy/wonder-blocks-progress-spinner": "3.1.1",
-        "@khanacademy/wonder-blocks-switch": "3.1.1",
-        "@khanacademy/wonder-blocks-tokens": "4.2.1",
-        "@khanacademy/wonder-blocks-tooltip": "4.1.1",
-        "@khanacademy/wonder-blocks-typography": "3.1.1",
-        "@khanacademy/wonder-stuff-core": "1.5.4",
-        "@phosphor-icons/core": "^2.0.2",
-        "@popperjs/core": "^2.10.2",
-        "aphrodite": "^1.2.5",
-        "classnames": "1.1.4",
-        "csstype": "^3.1.3",
-        "intersection-observer": "^0.12.0",
-        "jquery": "^2.1.1",
-        "lodash.debounce": "^4.0.8",
-        "perseus-build-settings": "^0.4.3",
-        "prop-types": "15.6.1",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "react-popper": "^2.2.5",
-        "underscore": "^1.4.4"
-    },
-    "peerDependencies": {
-        "@khanacademy/wonder-blocks-banner": "4.1.1",
-        "@khanacademy/wonder-blocks-button": "7.1.1",
-        "@khanacademy/wonder-blocks-clickable": "6.1.1",
-        "@khanacademy/wonder-blocks-core": "12.1.1",
-        "@khanacademy/wonder-blocks-data": "14.1.1",
-        "@khanacademy/wonder-blocks-dropdown": "9.1.1",
-        "@khanacademy/wonder-blocks-form": "7.1.1",
-        "@khanacademy/wonder-blocks-icon": "5.1.1",
-        "@khanacademy/wonder-blocks-icon-button": "6.1.1",
-        "@khanacademy/wonder-blocks-layout": "3.1.1",
-        "@khanacademy/wonder-blocks-link": "7.1.1",
-        "@khanacademy/wonder-blocks-pill": "3.1.1",
-        "@khanacademy/wonder-blocks-popover": "5.1.1",
-        "@khanacademy/wonder-blocks-progress-spinner": "3.1.1",
-        "@khanacademy/wonder-blocks-switch": "3.1.1",
-        "@khanacademy/wonder-blocks-tokens": "4.2.1",
-        "@khanacademy/wonder-blocks-tooltip": "4.1.1",
-        "@khanacademy/wonder-blocks-typography": "3.1.1",
-        "@khanacademy/wonder-stuff-core": "1.5.4",
-        "@phosphor-icons/core": "^2.0.2",
-        "@popperjs/core": "^2.10.2",
-        "aphrodite": "^1.2.5",
-        "classnames": "1.1.4",
-        "intersection-observer": "^0.12.0",
-        "jquery": "^2.1.1",
-        "lodash.debounce": "^4.0.8",
-        "prop-types": "15.6.1",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "react-popper": "^2.2.5",
-        "underscore": "^1.4.4"
-    },
-    "keywords": []
-}
+    "./styles.css": "./dist/index.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@use-gesture/react": "^10.2.27",
+    "mafs": "0.19.0",
+    "uuid": "^10.0.0",
+    "@khanacademy/kas": "0.5.0",
+    "@khanacademy/keypad-context": "1.1.0",
+    "@khanacademy/kmath": "0.4.0",
+    "@khanacademy/math-input": "22.3.0",
+    "@khanacademy/perseus-core": "4.0.0",
+    "@khanacademy/perseus-linter": "1.3.0",
+    "@khanacademy/perseus-score": "2.3.0",
+    "@khanacademy/pure-markdown": "0.4.0",
+    "@khanacademy/simple-markdown": "0.14.0"
+  },
+  "devDependencies": {
+    "@khanacademy/wonder-blocks-banner": "4.1.1",
+    "@khanacademy/wonder-blocks-button": "7.1.1",
+    "@khanacademy/wonder-blocks-clickable": "6.1.1",
+    "@khanacademy/wonder-blocks-core": "12.1.1",
+    "@khanacademy/wonder-blocks-data": "14.1.1",
+    "@khanacademy/wonder-blocks-dropdown": "9.1.1",
+    "@khanacademy/wonder-blocks-form": "7.1.1",
+    "@khanacademy/wonder-blocks-icon-button": "6.1.1",
+    "@khanacademy/wonder-blocks-icon": "5.1.1",
+    "@khanacademy/wonder-blocks-layout": "3.1.1",
+    "@khanacademy/wonder-blocks-link": "7.1.1",
+    "@khanacademy/wonder-blocks-pill": "3.1.1",
+    "@khanacademy/wonder-blocks-popover": "5.1.1",
+    "@khanacademy/wonder-blocks-progress-spinner": "3.1.1",
+    "@khanacademy/wonder-blocks-switch": "3.1.1",
+    "@khanacademy/wonder-blocks-tokens": "4.2.1",
+    "@khanacademy/wonder-blocks-tooltip": "4.1.1",
+    "@khanacademy/wonder-blocks-typography": "3.1.1",
+    "@khanacademy/wonder-stuff-core": "1.5.4",
+    "@phosphor-icons/core": "^2.0.2",
+    "@popperjs/core": "^2.10.2",
+    "aphrodite": "^1.2.5",
+    "classnames": "1.1.4",
+    "csstype": "^3.1.3",
+    "intersection-observer": "^0.12.0",
+    "jquery": "^2.1.1",
+    "lodash.debounce": "^4.0.8",
+    "prop-types": "15.6.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-popper": "^2.2.5",
+    "underscore": "^1.4.4",
+    "perseus-build-settings": "0.5.0"
+  },
+  "peerDependencies": {
+    "@khanacademy/wonder-blocks-banner": "4.1.1",
+    "@khanacademy/wonder-blocks-button": "7.1.1",
+    "@khanacademy/wonder-blocks-clickable": "6.1.1",
+    "@khanacademy/wonder-blocks-core": "12.1.1",
+    "@khanacademy/wonder-blocks-data": "14.1.1",
+    "@khanacademy/wonder-blocks-dropdown": "9.1.1",
+    "@khanacademy/wonder-blocks-form": "7.1.1",
+    "@khanacademy/wonder-blocks-icon": "5.1.1",
+    "@khanacademy/wonder-blocks-icon-button": "6.1.1",
+    "@khanacademy/wonder-blocks-layout": "3.1.1",
+    "@khanacademy/wonder-blocks-link": "7.1.1",
+    "@khanacademy/wonder-blocks-pill": "3.1.1",
+    "@khanacademy/wonder-blocks-popover": "5.1.1",
+    "@khanacademy/wonder-blocks-progress-spinner": "3.1.1",
+    "@khanacademy/wonder-blocks-switch": "3.1.1",
+    "@khanacademy/wonder-blocks-tokens": "4.2.1",
+    "@khanacademy/wonder-blocks-tooltip": "4.1.1",
+    "@khanacademy/wonder-blocks-typography": "3.1.1",
+    "@khanacademy/wonder-stuff-core": "1.5.4",
+    "@phosphor-icons/core": "^2.0.2",
+    "@popperjs/core": "^2.10.2",
+    "aphrodite": "^1.2.5",
+    "classnames": "1.1.4",
+    "intersection-observer": "^0.12.0",
+    "jquery": "^2.1.1",
+    "lodash.debounce": "^4.0.8",
+    "prop-types": "15.6.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-popper": "^2.2.5",
+    "underscore": "^1.4.4"
+  },
+  "keywords": [],
+  "scripts": {}
+}

package/dist/components/input-with-examples.d.ts

@@ -1,51 +0,0 @@
-import * as React from "react";
-import { PerseusI18nContext } from "./i18n-context";
-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;
-};
-type DefaultProps = {
-    shouldShowExamples: Props["shouldShowExamples"];
-    onFocus: Props["onFocus"];
-    onBlur: Props["onBlur"];
-    disabled: Props["disabled"];
-    linterContext: Props["linterContext"];
-    className: Props["className"];
-};
-type State = {
-    focused: boolean;
-    showExamples: boolean;
-};
-declare class InputWithExamples extends React.Component<Props, State> {
-    static contextType: React.Context<import("./i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    static defaultProps: DefaultProps;
-    state: State;
-    _getUniqueId: () => string;
-    _getInputClassName: () => string;
-    _renderInput: () => any;
-    _handleFocus: () => void;
-    show: () => void;
-    hide: () => void;
-    _handleBlur: () => void;
-    focus: () => void;
-    blur: () => void;
-    handleChange: (arg1: any) => void;
-    render(): React.ReactNode;
-}
-export default InputWithExamples;