@khanacademy/perseus 71.6.0 → 72.1.0

package/dist/server-item-renderer.d.ts

@@ -118,7 +118,6 @@ declare const _default: React.ForwardRefExoticComponent<Omit<Pick<SharedRenderer
     apiOptions?: Readonly<{
         isArticle?: boolean;
         onFocusChange?: (newFocusPath: FocusPath, oldFocusPath: FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
-        GroupMetadataEditor?: React.ComponentType<any>;
         showAlignmentOptions?: boolean;
         readOnly?: boolean;
         editingDisabled?: boolean;
@@ -127,7 +126,6 @@ declare const _default: React.ForwardRefExoticComponent<Omit<Pick<SharedRenderer
         interactionCallback?: (widgetData: {
             [widgetId: string]: any;
         }) => void;
-        groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
         imagePlaceholder?: React.ReactNode;
         widgetPlaceholder?: React.ReactNode;
         baseElements?: {

package/dist/types.d.ts

@@ -90,7 +90,6 @@ export type ChangeHandler = (arg1: {
 }, callback?: () => void, silent?: boolean) => unknown;
 export type ImageUploader = (file: File, callback: (url: string) => unknown) => unknown;
 export type Path = ReadonlyArray<string>;
-type StubTagEditorType = any;
 type TrackInteractionArgs = {
     type: string;
     id: string;
@@ -109,10 +108,6 @@ export type GenerateUrlArgs = {
 export type APIOptions = Readonly<{
     isArticle?: boolean;
     onFocusChange?: (newFocusPath: FocusPath, oldFocusPath: FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
-    /**
-     * @deprecated - metadata is no longer used by the Group widget
-     */
-    GroupMetadataEditor?: React.ComponentType<StubTagEditorType>;
     showAlignmentOptions?: boolean;
     /**
      * A boolean that indicates whether the associated problem has been
@@ -129,14 +124,6 @@ export type APIOptions = Readonly<{
     interactionCallback?: (widgetData: {
         [widgetId: string]: any;
     }) => void;
-    /**
-     * A function that takes in the relative problem number (starts at
-     * 0 and is incremented for each group widget), and the ID of the
-     * group widget, then returns a react component that will be added
-     * immediately above the renderer in the group widget. If the
-     * function returns null, no annotation will be added.
-     */
-    groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
     /**
      * If imagePlaceholder is set, Perseus will render the placeholder instead
      * of the image node.
@@ -328,7 +315,6 @@ export type APIOptionsWithDefaults = Readonly<APIOptions & {
     baseElements: NonNullable<APIOptions["baseElements"]>;
     canScrollPage: NonNullable<APIOptions["canScrollPage"]>;
     editorChangeDelay: NonNullable<APIOptions["editorChangeDelay"]>;
-    groupAnnotator: NonNullable<APIOptions["groupAnnotator"]>;
     isArticle: NonNullable<APIOptions["isArticle"]>;
     isMobile: NonNullable<APIOptions["isMobile"]>;
     isMobileApp: NonNullable<APIOptions["isMobileApp"]>;

package/dist/util.d.ts

@@ -167,7 +167,6 @@ declare const Util: {
     readonly rTypeFromWidgetId: RegExp;
     readonly rWidgetParts: RegExp;
     readonly snowman: "☃";
-    readonly split: (str: string, r: RegExp) => ReadonlyArray<string>;
     readonly firstNumericalParse: typeof firstNumericalParse;
     readonly stringArrayOfSize: typeof stringArrayOfSize;
     readonly stringArrayOfSize2D: typeof stringArrayOfSize2D;

package/dist/widgets/categorizer/categorizer.d.ts

@@ -1,11 +1,12 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
-import type { Widget, WidgetProps } from "../../types";
+import type { PerseusDependenciesV2, Widget, WidgetProps } from "../../types";
 import type { CategorizerPromptJSON } from "../../widget-ai-utils/categorizer/categorizer-ai-utils";
 import type { PerseusCategorizerWidgetOptions, PerseusCategorizerUserInput } from "@khanacademy/perseus-core";
 type ExternalProps = WidgetProps<PerseusCategorizerWidgetOptions, PerseusCategorizerUserInput>;
 type Props = ExternalProps & {
     linterContext: NonNullable<ExternalProps["linterContext"]>;
+    dependencies: PerseusDependenciesV2;
 };
 type DefaultProps = Pick<Props, "items" | "categories" | "linterContext" | "userInput">;
 type State = {
@@ -16,6 +17,7 @@ export declare class Categorizer extends React.Component<Props, State> implement
     context: React.ContextType<typeof PerseusI18nContext>;
     static defaultProps: DefaultProps;
     state: State;
+    componentDidMount(): void;
     /**
      * @deprecated and likely very broken API
      * [LEMS-3185] do not trust serializedState
@@ -40,7 +42,7 @@ declare const _default: {
     name: string;
     displayName: string;
     hidden: true;
-    widget: typeof Categorizer;
+    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
     getUserInputFromSerializedState: typeof getUserInputFromSerializedState;
     getCorrectUserInput: typeof getCorrectUserInput;
     getStartUserInput: typeof getStartUserInput;

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

@@ -1,26 +1,13 @@
 import * as React from "react";
-import { PerseusI18nContext } from "../../components/i18n-context";
-import type { Widget, WidgetProps } from "../../types";
-import type { DefinitionPromptJSON } from "../../widget-ai-utils/definition/definition-ai-utils";
+import type { PerseusDependenciesV2, WidgetProps } from "../../types";
 import type { PerseusDefinitionWidgetOptions, PerseusRenderer } from "@khanacademy/perseus-core";
 type DefinitionProps = WidgetProps<PerseusDefinitionWidgetOptions> & {
     widgets: PerseusRenderer["widgets"];
+    dependencies: PerseusDependenciesV2;
 };
-type DefaultProps = {
-    togglePrompt: string;
-    definition: string;
-};
-declare class Definition extends React.Component<DefinitionProps> implements Widget {
-    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    static defaultProps: DefaultProps;
-    isWidget: true;
-    getPromptJSON(): DefinitionPromptJSON;
-    render(): React.ReactNode;
-}
 declare const _default: {
     name: string;
     displayName: string;
-    widget: typeof Definition;
+    widget: React.ForwardRefExoticComponent<Omit<DefinitionProps, "dependencies"> & React.RefAttributes<any>>;
 };
 export default _default;

package/dist/widgets/dropdown/dropdown.d.ts

@@ -1,30 +1,9 @@
 import * as React from "react";
-import { PerseusI18nContext } from "../../components/i18n-context";
-import type { Widget, WidgetProps } from "../../types";
-import type { DropdownPromptJSON } from "../../widget-ai-utils/dropdown/dropdown-ai-utils";
+import type { PerseusDependenciesV2, WidgetProps } from "../../types";
 import type { PerseusDropdownUserInput, PerseusDropdownWidgetOptions } from "@khanacademy/perseus-core";
-type Props = WidgetProps<PerseusDropdownWidgetOptions, PerseusDropdownUserInput>;
-type DefaultProps = {
-    choices: Props["choices"];
-    placeholder: Props["placeholder"];
-    apiOptions: Props["apiOptions"];
-    userInput: Props["userInput"];
+type Props = WidgetProps<PerseusDropdownWidgetOptions, PerseusDropdownUserInput> & {
+    dependencies: PerseusDependenciesV2;
 };
-declare class Dropdown extends React.Component<Props> implements Widget {
-    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    static defaultProps: DefaultProps;
-    focus: () => boolean;
-    _handleChangeEvent: (arg1: React.ChangeEvent<HTMLInputElement>) => void;
-    _handleChange: (arg1: number) => void;
-    getPromptJSON(): DropdownPromptJSON;
-    /**
-     * @deprecated and likely very broken API
-     * [LEMS-3185] do not trust serializedState
-     */
-    getSerializedState(): any;
-    render(): React.ReactNode;
-}
 /**
  * @deprecated and likely a very broken API
  * [LEMS-3185] do not trust serializedState
@@ -35,7 +14,7 @@ declare function getCorrectUserInput(options: PerseusDropdownWidgetOptions): Per
 declare const _default: {
     name: string;
     displayName: string;
-    widget: typeof Dropdown;
+    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
     getStartUserInput: typeof getStartUserInput;
     getCorrectUserInput: typeof getCorrectUserInput;
     getUserInputFromSerializedState: typeof getUserInputFromSerializedState;

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

@@ -1,36 +1,13 @@
 import * as React from "react";
-import { PerseusI18nContext } from "../../components/i18n-context";
-import type { Widget, WidgetProps } from "../../types";
-import type { ExplanationPromptJSON } from "../../widget-ai-utils/explanation/explanation-ai-utils";
+import type { PerseusDependenciesV2, WidgetProps } from "../../types";
 import type { PerseusExplanationWidgetOptions } from "@khanacademy/perseus-core";
-type Props = WidgetProps<PerseusExplanationWidgetOptions>;
-type DefaultProps = {
-    showPrompt: Props["showPrompt"];
-    hidePrompt: Props["hidePrompt"];
-    explanation: Props["explanation"];
-    widgets: Props["widgets"];
-    linterContext: Props["linterContext"];
+type Props = WidgetProps<PerseusExplanationWidgetOptions> & {
+    dependencies: PerseusDependenciesV2;
 };
-type State = {
-    expanded: boolean;
-};
-declare class Explanation extends React.Component<Props, State> implements Widget {
-    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    static defaultProps: DefaultProps;
-    isWidget: true;
-    state: State;
-    _mounted: boolean;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    _onClick: () => void;
-    getPromptJSON(): ExplanationPromptJSON;
-    render(): React.ReactNode;
-}
 declare const _default: {
     name: string;
     displayName: string;
-    widget: typeof Explanation;
+    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
     isLintable: true;
 };
 export default _default;

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

@@ -70,7 +70,6 @@ export declare class Expression extends React.Component<Props> implements Widget
         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;
             editingDisabled?: boolean;
@@ -79,7 +78,6 @@ export declare class Expression extends React.Component<Props> implements Widget
             interactionCallback?: (widgetData: {
                 [widgetId: string]: any;
             }) => void;
-            groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
             imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
@@ -106,7 +104,6 @@ export declare class Expression extends React.Component<Props> implements Widget
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
             editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
-            groupAnnotator: NonNullable<import("../..").APIOptions["groupAnnotator"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
             isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
             isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;
@@ -157,7 +154,6 @@ declare const _default: {
         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;
             editingDisabled?: boolean;
@@ -166,7 +162,6 @@ declare const _default: {
             interactionCallback?: (widgetData: {
                 [widgetId: string]: any;
             }) => void;
-            groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
             imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
@@ -193,7 +188,6 @@ declare const _default: {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
             editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
-            groupAnnotator: NonNullable<import("../..").APIOptions["groupAnnotator"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
             isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
             isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;
@@ -231,7 +225,6 @@ declare const _default: {
         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;
             editingDisabled?: boolean;
@@ -240,7 +233,6 @@ declare const _default: {
             interactionCallback?: (widgetData: {
                 [widgetId: string]: any;
             }) => void;
-            groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
             imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
@@ -267,7 +259,6 @@ declare const _default: {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
             editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
-            groupAnnotator: NonNullable<import("../..").APIOptions["groupAnnotator"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
             isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
             isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;

package/dist/widgets/grapher/grapher.d.ts

@@ -61,7 +61,6 @@ declare class Grapher extends React.Component<Props> implements Widget {
         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;
             editingDisabled?: boolean;
@@ -70,7 +69,6 @@ declare class Grapher extends React.Component<Props> implements Widget {
             interactionCallback?: (widgetData: {
                 [widgetId: string]: any;
             }) => void;
-            groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
             imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
@@ -97,7 +95,6 @@ declare class Grapher extends React.Component<Props> implements Widget {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
             editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
-            groupAnnotator: NonNullable<import("../..").APIOptions["groupAnnotator"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
             isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
             isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;

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

@@ -1,7 +1,5 @@
 import * as React from "react";
-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 { PerseusDependenciesV2, WidgetProps } from "../../types";
 import type { PerseusInputNumberWidgetOptions, PerseusInputNumberUserInput } from "@khanacademy/perseus-core";
 type ExternalProps = WidgetProps<PerseusInputNumberWidgetOptions, PerseusInputNumberUserInput>;
 type Props = ExternalProps & {
@@ -10,29 +8,8 @@ type Props = ExternalProps & {
     rightAlign: NonNullable<ExternalProps["rightAlign"]>;
     size: NonNullable<ExternalProps["size"]>;
     answerType: NonNullable<ExternalProps["answerType"]>;
+    dependencies: PerseusDependenciesV2;
 };
-type DefaultProps = Pick<Props, "answerType" | "apiOptions" | "linterContext" | "rightAlign" | "size" | "userInput">;
-declare class InputNumber extends React.Component<Props> implements Widget {
-    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    static defaultProps: DefaultProps;
-    shouldShowExamples: () => boolean;
-    handleChange: (arg1: string, arg2: () => void) => void;
-    _handleFocus: () => void;
-    _handleBlur: () => void;
-    focus: () => boolean;
-    focusInputPath: (arg1: Path) => void;
-    blurInputPath: (arg1: Path) => void;
-    getInputPaths: () => ReadonlyArray<Path>;
-    getPromptJSON(): InputNumberPromptJSON;
-    examples(): ReadonlyArray<string>;
-    /**
-     * @deprecated and likely very broken API
-     * [LEMS-3185] do not trust serializedState
-     */
-    getSerializedState(): any;
-    render(): React.ReactNode;
-}
 declare function getOneCorrectAnswerFromRubric(rubric: any): string | undefined;
 /**
  * @deprecated and likely a very broken API
@@ -45,7 +22,7 @@ declare const _default: {
     name: string;
     displayName: string;
     hidden: true;
-    widget: typeof InputNumber;
+    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
     isLintable: true;
     getOneCorrectAnswerFromRubric: typeof getOneCorrectAnswerFromRubric;
     getStartUserInput: typeof getStartUserInput;

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

@@ -162,7 +162,6 @@ declare class InteractiveGraph extends React.Component<Props, State> {
         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;
             editingDisabled?: boolean;
@@ -171,7 +170,6 @@ declare class InteractiveGraph extends React.Component<Props, State> {
             interactionCallback?: (widgetData: {
                 [widgetId: string]: any;
             }) => void;
-            groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
             imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
@@ -198,7 +196,6 @@ declare class InteractiveGraph extends React.Component<Props, State> {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
             editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
-            groupAnnotator: NonNullable<import("../..").APIOptions["groupAnnotator"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
             isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
             isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;

package/dist/widgets/label-image/label-image.d.ts

@@ -121,7 +121,6 @@ declare const _default: {
         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;
             editingDisabled?: boolean;
@@ -130,7 +129,6 @@ declare const _default: {
             interactionCallback?: (widgetData: {
                 [widgetId: string]: any;
             }) => void;
-            groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
             imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
@@ -157,7 +155,6 @@ declare const _default: {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
             editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
-            groupAnnotator: NonNullable<import("../..").APIOptions["groupAnnotator"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
             isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
             isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;

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

@@ -1,10 +1,12 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import type { SortableOption } from "../../components/sortable";
-import type { WidgetProps, Widget } from "../../types";
+import type { WidgetProps, Widget, PerseusDependenciesV2 } from "../../types";
 import type { MatcherPromptJSON } from "../../widget-ai-utils/matcher/matcher-ai-utils";
 import type { PerseusMatcherWidgetOptions, PerseusMatcherUserInput, MatcherPublicWidgetOptions } from "@khanacademy/perseus-core";
-type Props = WidgetProps<PerseusMatcherWidgetOptions, PerseusMatcherUserInput>;
+type Props = WidgetProps<PerseusMatcherWidgetOptions, PerseusMatcherUserInput> & {
+    dependencies: PerseusDependenciesV2;
+};
 type DefaultProps = {
     labels: Props["labels"];
     orderMatters: Props["orderMatters"];
@@ -23,6 +25,7 @@ export declare class Matcher extends React.Component<Props, State> implements Wi
     context: React.ContextType<typeof PerseusI18nContext>;
     static defaultProps: DefaultProps;
     state: State;
+    componentDidMount(): void;
     changeAndTrack: () => void;
     onMeasureLeft: (arg1: any) => void;
     onMeasureRight: (arg1: any) => void;
@@ -41,7 +44,7 @@ declare function getUserInputFromSerializedState(serializedState: any): PerseusM
 declare const _default: {
     name: string;
     displayName: string;
-    widget: typeof Matcher;
+    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
     isLintable: true;
     getStartUserInput: typeof getStartUserInput;
     getUserInputFromSerializedState: typeof getUserInputFromSerializedState;

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

@@ -45,7 +45,6 @@ declare class MockWidgetComponent extends React.Component<Props> implements Widg
         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;
             editingDisabled?: boolean;
@@ -54,7 +53,6 @@ declare class MockWidgetComponent extends React.Component<Props> implements Widg
             interactionCallback?: (widgetData: {
                 [widgetId: string]: any;
             }) => void;
-            groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
             imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
@@ -81,7 +79,6 @@ declare class MockWidgetComponent extends React.Component<Props> implements Widg
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
             editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
-            groupAnnotator: NonNullable<import("../..").APIOptions["groupAnnotator"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
             isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
             isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;

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

@@ -1,88 +1,12 @@
 import * as React from "react";
-import { PerseusI18nContext } from "../../components/i18n-context";
-import type { FocusPath, Widget, WidgetProps } from "../../types";
-import type { NumberLinePromptJSON } from "../../widget-ai-utils/number-line/number-line-ai-utils";
+import type { WidgetProps, PerseusDependenciesV2 } from "../../types";
 import type { PerseusNumberLineUserInput, PerseusNumberLineWidgetOptions, NumberLinePublicWidgetOptions } from "@khanacademy/perseus-core";
 /**
  * The type of `this.props` inside the NumberLine widget.
  */
-type Props = WidgetProps<PerseusNumberLineWidgetOptions, PerseusNumberLineUserInput>;
-type CalculatedProps = Props & {
-    tickStep: number;
+type Props = WidgetProps<PerseusNumberLineWidgetOptions, PerseusNumberLineUserInput> & {
+    dependencies: PerseusDependenciesV2;
 };
-type DefaultProps = {
-    range: Props["range"];
-    labelStyle: Props["labelStyle"];
-    labelRange: Props["labelRange"];
-    divisionRange: Props["divisionRange"];
-    labelTicks: Props["labelTicks"];
-    isTickCtrl: Props["isTickCtrl"];
-    isInequality: Props["isInequality"];
-    snapDivisions: Props["snapDivisions"];
-    showTooltips: Props["showTooltips"];
-    apiOptions: Props["apiOptions"];
-};
-type State = {
-    numDivisionsEmpty: boolean;
-};
-declare class NumberLine extends React.Component<Props, State> implements Widget {
-    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    static defaultProps: DefaultProps;
-    state: any;
-    /**
-     * isTickCtrl seems like it can be null
-     * but default props only work with undefined,
-     * so this handles both null/undefined
-     */
-    getIsTickCtrl(): boolean;
-    /**
-     * snapDivisions seems like it can be null
-     * but default props only work with undefined,
-     * so this handles both null/undefined
-     */
-    getSnapDivisions(): number;
-    isValid: () => boolean;
-    onNumDivisionsChange: (arg1: number, arg2: any) => void;
-    _handleTickCtrlFocus: () => void;
-    _handleTickCtrlBlur: () => void;
-    focus(): boolean;
-    focusInputPath: (arg1: any) => void;
-    blurInputPath: (arg1: any) => void;
-    getInputPaths: () => ReadonlyArray<ReadonlyArray<string>>;
-    getDOMNodeForPath(inputPath: FocusPath): Element | Text | null;
-    _renderGraphie: () => React.ReactElement;
-    snapNumLinePosition: (arg1: any, arg2: number) => number;
-    movePosition: (arg1: number) => void;
-    _renderNumberLinePoint: (arg1: CalculatedProps) => React.ReactElement;
-    handleReverse: () => void;
-    handleToggleStrict: () => void;
-    _getInequalityEndpoint(props: CalculatedProps): [number, number];
-    _renderInequality(props: CalculatedProps): React.ReactElement | null;
-    _setupGraphie: (arg1: any, arg2: any) => void;
-    getPromptJSON(): NumberLinePromptJSON;
-    /**
-     * @deprecated and likely very broken API
-     * [LEMS-3185] do not trust serializedState
-     */
-    getSerializedState(): {
-        alignment: string | null | undefined;
-        static: boolean;
-        range: number[];
-        labelRange: (number | null)[];
-        labelStyle: string;
-        labelTicks: boolean;
-        divisionRange: number[];
-        snapDivisions: number;
-        isInequality: boolean;
-        showTooltips: boolean | undefined;
-        isTickCtrl: boolean;
-        numDivisions: number;
-        numLinePosition: number;
-        rel: string;
-    };
-    render(): React.ReactNode;
-}
 /**
  * @deprecated and likely a very broken API
  * [LEMS-3185] do not trust serializedState
@@ -93,7 +17,7 @@ declare function getStartUserInput(options: NumberLinePublicWidgetOptions): Pers
 declare const _default: {
     name: string;
     displayName: string;
-    widget: typeof NumberLine;
+    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
     getCorrectUserInput: typeof getCorrectUserInput;
     getStartUserInput: typeof getStartUserInput;
     getUserInputFromSerializedState: typeof getUserInputFromSerializedState;

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

@@ -52,7 +52,6 @@ export declare class NumericInput extends React.Component<NumericInputProps> imp
         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;
             editingDisabled?: boolean;
@@ -61,7 +60,6 @@ export declare class NumericInput extends React.Component<NumericInputProps> imp
             interactionCallback?: (widgetData: {
                 [widgetId: string]: any;
             }) => void;
-            groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
             imagePlaceholder?: React.ReactNode;
             widgetPlaceholder?: React.ReactNode;
             baseElements?: {
@@ -88,7 +86,6 @@ export declare class NumericInput extends React.Component<NumericInputProps> imp
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
             editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
-            groupAnnotator: NonNullable<import("../..").APIOptions["groupAnnotator"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
             isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
             isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;

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

@@ -15,7 +15,6 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
     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;
         editingDisabled?: boolean;
@@ -24,7 +23,6 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
         interactionCallback?: (widgetData: {
             [widgetId: string]: any;
         }) => void;
-        groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
         imagePlaceholder?: React.ReactNode;
         widgetPlaceholder?: React.ReactNode;
         baseElements?: {
@@ -51,7 +49,6 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
         editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
-        groupAnnotator: NonNullable<import("../..").APIOptions["groupAnnotator"]>;
         isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
         isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
         isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;
@@ -78,7 +75,6 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
     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;
         editingDisabled?: boolean;
@@ -87,7 +83,6 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
         interactionCallback?: (widgetData: {
             [widgetId: string]: any;
         }) => void;
-        groupAnnotator?: (groupNumber: number, widgetId: string) => React.ReactNode;
         imagePlaceholder?: React.ReactNode;
         widgetPlaceholder?: React.ReactNode;
         baseElements?: {
@@ -114,7 +109,6 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
         editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
-        groupAnnotator: NonNullable<import("../..").APIOptions["groupAnnotator"]>;
         isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
         isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
         isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;