@khanacademy/perseus 7.2.1 → 9.0.0

package/src/renderer.tsx

@@ -66,7 +66,7 @@ const isIdPathPrefix = function (
         return prefixArray === wholeArray;
     }
 
-    // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'readonly string[] | undefined' is not assignable to parameter of type 'Collection<any>'.
+    // @ts-expect-error - TS2345 - Argument of type 'readonly string[] | undefined' is not assignable to parameter of type 'Collection<any>'.
     return _.every(prefixArray, (elem: string, i: number) => {
         if (wholeArray != null) {
             return _.isEqual(elem, wholeArray[i]);
@@ -209,26 +209,26 @@ type DefaultProps = {
 
 class Renderer extends React.Component<Props, State> {
     _currentFocus: FocusPath | null | undefined;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property '_foundTextNodes' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property '_foundTextNodes' has no initializer and is not definitely assigned in the constructor.
     _foundTextNodes: boolean;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property '_interactionTrackers' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property '_interactionTrackers' has no initializer and is not definitely assigned in the constructor.
     _interactionTrackers: {
-        [id: string]: InteractionTracker;
+        [id: string]: InteractionTracker<any>;
     };
-    // @ts-expect-error [FEI-5003] - TS2564 - Property '_isMounted' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property '_isMounted' has no initializer and is not definitely assigned in the constructor.
     _isMounted: boolean;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property '_isTwoColumn' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property '_isTwoColumn' has no initializer and is not definitely assigned in the constructor.
     _isTwoColumn: boolean;
 
     // The i18n linter.
     _translationLinter: TranslationLinter;
 
     lastRenderedMarkdown: React.ReactNode;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property 'reuseMarkdown' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property 'reuseMarkdown' has no initializer and is not definitely assigned in the constructor.
     reuseMarkdown: boolean;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property 'translationIndex' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property 'translationIndex' has no initializer and is not definitely assigned in the constructor.
     translationIndex: number;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property 'widgetIds' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property 'widgetIds' has no initializer and is not definitely assigned in the constructor.
     widgetIds: Array<string>;
 
     static defaultProps: DefaultProps = {
@@ -275,7 +275,7 @@ class Renderer extends React.Component<Props, State> {
         this._isMounted = true;
 
         // figure out why we're passing an empty object
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type '{}' is not assignable to parameter of type 'Props'.
+        // @ts-expect-error - TS2345 - Argument of type '{}' is not assignable to parameter of type 'Props'.
         this.handleRender({});
         this._currentFocus = null;
 
@@ -392,7 +392,7 @@ class Renderer extends React.Component<Props, State> {
         _.each(this.widgetIds, (id) => {
             // eslint-disable-next-line react/no-string-refs
             const container = this.refs["container:" + id];
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'replaceWidgetProps' does not exist on type 'ReactInstance'.
+            // @ts-expect-error - TS2339 - Property 'replaceWidgetProps' does not exist on type 'ReactInstance'.
             container && container.replaceWidgetProps(this.getWidgetProps(id));
         });
 
@@ -454,11 +454,11 @@ class Renderer extends React.Component<Props, State> {
         };
     };
 
-    // @ts-expect-error [FEI-5003] - TS2322 - Type '(props: Props) => Partial<Record<string, CategorizerWidget | CSProgramWidget | DefinitionWidget | DropdownWidget | ... 35 more ... | VideoWidget>>' is not assignable to type '(props: Props) => { [key: string]: PerseusWidget; }'.
+    // @ts-expect-error - TS2322 - Type '(props: Props) => Partial<Record<string, CategorizerWidget | CSProgramWidget | DefinitionWidget | DropdownWidget | ... 35 more ... | VideoWidget>>' is not assignable to type '(props: Props) => { [key: string]: PerseusWidget; }'.
     _getAllWidgetsInfo: (props: Props) => {
         [key: string]: WidgetInfo;
     } = (props: Props) => {
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type '{ [key: string]: PerseusWidget; }' is not assignable to parameter of type 'Partial<Record<string, CategorizerWidget>>'.
+        // @ts-expect-error - TS2345 - Argument of type '{ [key: string]: PerseusWidget; }' is not assignable to parameter of type 'Partial<Record<string, CategorizerWidget>>'.
         return mapObject(props.widgets, (widgetInfo, widgetId) => {
             if (!widgetInfo.type || !widgetInfo.alignment) {
                 const newValues: Record<string, any> = {};
@@ -482,7 +482,7 @@ class Renderer extends React.Component<Props, State> {
         },
         props: Props,
     ) => any = (allWidgetInfo, props) => {
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type '{ [key: string]: PerseusWidget; }' is not assignable to parameter of type 'Partial<Record<string, CategorizerWidget>>'.
+        // @ts-expect-error - TS2345 - Argument of type '{ [key: string]: PerseusWidget; }' is not assignable to parameter of type 'Partial<Record<string, CategorizerWidget>>'.
         return mapObject(allWidgetInfo, (widgetInfo) => {
             return Widgets.getRendererPropsForWidgetInfo(
                 widgetInfo,
@@ -541,7 +541,7 @@ class Renderer extends React.Component<Props, State> {
         if (widgetInfo) {
             const type = (widgetInfo && widgetInfo.type) || impliedType;
             const shouldHighlight = _.contains(
-                // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'readonly any[] | undefined' is not assignable to parameter of type 'Collection<any>'.
+                // @ts-expect-error - TS2345 - Argument of type 'readonly any[] | undefined' is not assignable to parameter of type 'Collection<any>'.
                 this.props.highlightedWidgets,
                 id,
             );
@@ -590,10 +590,10 @@ class Renderer extends React.Component<Props, State> {
             interactionTracker = this._interactionTrackers[id] =
                 new InteractionTracker(
                     apiOptions.trackInteraction,
-                    // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'string | null | undefined' is not assignable to parameter of type 'string'.
+                    // @ts-expect-error - TS2345 - Argument of type 'string | null | undefined' is not assignable to parameter of type 'string'.
                     widgetInfo && widgetInfo.type,
                     id,
-                    // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'string | null | undefined' is not assignable to parameter of type 'string'.
+                    // @ts-expect-error - TS2345 - Argument of type 'string | null | undefined' is not assignable to parameter of type 'string'.
                     Widgets.getTracking(widgetInfo && widgetInfo.type),
                 );
         }
@@ -858,7 +858,7 @@ class Renderer extends React.Component<Props, State> {
         if (!ref) {
             return null;
         }
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'getWidget' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'getWidget' does not exist on type 'ReactInstance'.
         return ref.getWidget();
     };
 
@@ -885,7 +885,7 @@ class Renderer extends React.Component<Props, State> {
 
         // Failsafe: abort if ID is different, because focus probably happened
         // before blur
-        // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
+        // @ts-expect-error - TS2769 - No overload matches this call.
         const fullPath = [id].concat(blurPath);
         if (!_.isEqual(fullPath, blurringFocusPath)) {
             return;
@@ -978,7 +978,7 @@ class Renderer extends React.Component<Props, State> {
 
     // wrap top-level elements in a QuestionParagraph, mostly
     // for appropriate spacing and other css
-    // @ts-expect-error [FEI-5003] - TS2322 - Type '(ast: any, state: WidgetState) => never[] | JSX.Element' is not assignable to type '(ast: any, state: WidgetState) => ReactElement<any, string | JSXElementConstructor<any>>'.
+    // @ts-expect-error - TS2322 - Type '(ast: any, state: WidgetState) => never[] | JSX.Element' is not assignable to type '(ast: any, state: WidgetState) => ReactElement<any, string | JSXElementConstructor<any>>'.
     outputMarkdown: (ast: any, state: WidgetState) => React.ReactElement = (
         ast: any,
         state: WidgetState,
@@ -1004,10 +1004,10 @@ class Renderer extends React.Component<Props, State> {
                 // now.
                 /* c8 ignore if */
                 if (typeof nodeOut === "string" && lastWasString) {
-                    // @ts-expect-error [FEI-5003] - TS2322 - Type 'number' is not assignable to type 'never'.
+                    // @ts-expect-error - TS2322 - Type 'number' is not assignable to type 'never'.
                     result[result.length - 1] += nodeOut;
                 } else {
-                    // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'ReactElement<any, string | JSXElementConstructor<any>>' is not assignable to parameter of type 'never'.
+                    // @ts-expect-error - TS2345 - Argument of type 'ReactElement<any, string | JSXElementConstructor<any>>' is not assignable to parameter of type 'never'.
                     result.push(nodeOut);
                 }
                 lastWasString = isString;
@@ -1303,7 +1303,7 @@ class Renderer extends React.Component<Props, State> {
                         {({setAssetStatus}) => (
                             <SvgImage
                                 setAssetStatus={setAssetStatus}
-                                // @ts-expect-error [FEI-5003] - TS2322 - Type 'string | null | undefined' is not assignable to type 'string | undefined'.
+                                // @ts-expect-error - TS2322 - Type 'string | null | undefined' is not assignable to type 'string | undefined'.
                                 src={PerseusMarkdown.sanitizeUrl(node.target)}
                                 alt={node.alt}
                                 title={node.title}
@@ -1397,7 +1397,7 @@ class Renderer extends React.Component<Props, State> {
 
         // In the common case of no callback specified, avoid this work.
         if (onRender !== noopOnRender || oldOnRender !== noopOnRender) {
-            // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call. | TS2339 - Property 'find' does not exist on type 'JQueryStatic'.
+            // @ts-expect-error - TS2769 - No overload matches this call. | TS2339 - Property 'find' does not exist on type 'JQueryStatic'.
             const $images = $(ReactDOM.findDOMNode(this)).find("img");
 
             // Fire callback on image load...
@@ -1490,9 +1490,9 @@ class Renderer extends React.Component<Props, State> {
 
     getDOMNodeForPath: (path: FocusPath) => Element | Text | null | undefined =
         (path: FocusPath) => {
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
+            // @ts-expect-error - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
             const widgetId = _.first(path);
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
+            // @ts-expect-error - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
             const interWidgetPath = _.rest(path);
 
             // Widget handles parsing of the interWidgetPath. If the path is empty
@@ -1504,7 +1504,7 @@ class Renderer extends React.Component<Props, State> {
                 return getNode(interWidgetPath);
             }
             if (interWidgetPath.length === 0) {
-                // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'Widget | null | undefined' is not assignable to parameter of type 'ReactInstance | null | undefined'.
+                // @ts-expect-error - TS2345 - Argument of type 'Widget | null | undefined' is not assignable to parameter of type 'ReactInstance | null | undefined'.
                 return ReactDOM.findDOMNode(widget);
             }
         };
@@ -1512,9 +1512,9 @@ class Renderer extends React.Component<Props, State> {
     getGrammarTypeForPath: (path: FocusPath) => string | null | undefined = (
         path: FocusPath,
     ) => {
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
+        // @ts-expect-error - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
         const widgetId = _.first(path);
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
+        // @ts-expect-error - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
         const interWidgetPath = _.rest(path);
 
         const widget = this.getWidgetInstance(widgetId);
@@ -1532,7 +1532,7 @@ class Renderer extends React.Component<Props, State> {
                 const widgetInputPaths = widget.getInputPaths();
                 // Prefix paths with their widgetID and add to collective
                 // list of paths.
-                // @ts-expect-error [FEI-5003] - TS2345 - Argument of type '(inputPath: string) => void' is not assignable to parameter of type 'CollectionIterator<FocusPath, void, readonly FocusPath[]>'.
+                // @ts-expect-error - TS2345 - Argument of type '(inputPath: string) => void' is not assignable to parameter of type 'CollectionIterator<FocusPath, void, readonly FocusPath[]>'.
                 _.each(widgetInputPaths, (inputPath: string) => {
                     const relativeInputPath = [widgetId].concat(inputPath);
                     inputPaths.push(relativeInputPath);
@@ -1553,9 +1553,9 @@ class Renderer extends React.Component<Props, State> {
             this.blurPath(this._currentFocus);
         }
 
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
+        // @ts-expect-error - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
         const widgetId = _.first(path);
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
+        // @ts-expect-error - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
         const interWidgetPath = _.rest(path);
 
         // Widget handles parsing of the interWidgetPath
@@ -1571,9 +1571,9 @@ class Renderer extends React.Component<Props, State> {
             return;
         }
 
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
+        // @ts-expect-error - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
         const widgetId = _.first(path);
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
+        // @ts-expect-error - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
         const interWidgetPath = _.rest(path);
         const widget = this.getWidgetInstance(widgetId);
         // We might be in the editor and blurring a widget that no
@@ -1600,7 +1600,7 @@ class Renderer extends React.Component<Props, State> {
             this.state.widgetInfo,
             function (info, id) {
                 // eslint-disable-next-line @babel/no-invalid-this
-                // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
+                // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                 // eslint-disable-next-line @babel/no-invalid-this
                 const widget = this.getWidgetInstance(id);
                 const s = widget.serialize();
@@ -1614,7 +1614,7 @@ class Renderer extends React.Component<Props, State> {
     };
 
     emptyWidgets: () => any = () => {
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type '(id: string) => boolean | undefined' is not assignable to parameter of type 'Iteratee<string[], boolean, string>'.
+        // @ts-expect-error - TS2345 - Argument of type '(id: string) => boolean | undefined' is not assignable to parameter of type 'Iteratee<string[], boolean, string>'.
         return _.filter(this.widgetIds, (id) => {
             const widgetInfo = this._getWidgetInfo(id);
             if (widgetInfo.static) {
@@ -1625,7 +1625,7 @@ class Renderer extends React.Component<Props, State> {
             if (widget && widget.simpleValidate) {
                 const score: PerseusScore = widget.simpleValidate(
                     widgetInfo.options,
-                    // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'null' is not assignable to parameter of type '((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined'.
+                    // @ts-expect-error - TS2345 - Argument of type 'null' is not assignable to parameter of type '((widgetId: any, value: string, message?: string | null | undefined) => unknown) | undefined'.
                     null,
                 );
                 return Util.scoreIsEmpty(score);
@@ -1698,9 +1698,9 @@ class Renderer extends React.Component<Props, State> {
         newValue: string,
         focus: () => unknown,
     ) => void = (path, newValue, focus) => {
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
+        // @ts-expect-error - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
         const widgetId = _.first(path);
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
+        // @ts-expect-error - TS2345 - Argument of type 'FocusPath' is not assignable to parameter of type 'List<any>'.
         const interWidgetPath = _.rest(path);
         const widget = this.getWidgetInstance(widgetId);
 

package/src/server-item-renderer.tsx

@@ -12,6 +12,7 @@ import * as React from "react";
 import _ from "underscore";
 
 import AssetContext from "./asset-context";
+import {DependenciesContext} from "./dependencies";
 import HintsRenderer from "./hints-renderer";
 import Objective from "./interactive2/objective_";
 import LoadingContext from "./loading-context";
@@ -20,7 +21,7 @@ import Renderer from "./renderer";
 import Util from "./util";
 
 import type {KeypadProps} from "./mixins/provide-keypad";
-import type {APIOptions, FocusPath} from "./types";
+import type {APIOptions, FocusPath, PerseusDependenciesV2} from "./types";
 import type {RendererInterface, KEScore} from "@khanacademy/perseus-core";
 
 const {mapObject} = Objective;
@@ -37,6 +38,8 @@ type OwnProps = // These props are used by the ProvideKeypad mixin.
         reviewMode?: boolean;
         // from KeypadContext
         keypadElement?: any | null | undefined;
+
+        dependencies: PerseusDependenciesV2;
     };
 
 type HOCProps = {
@@ -70,7 +73,7 @@ export class ServerItemRenderer
     extends React.Component<Props, State>
     implements RendererInterface
 {
-    // @ts-expect-error [FEI-5003] - TS2564 - Property 'questionRenderer' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property 'questionRenderer' has no initializer and is not definitely assigned in the constructor.
     questionRenderer: Renderer;
     hintsRenderer: any;
     _currentFocus: FocusPath;
@@ -174,7 +177,7 @@ export class ServerItemRenderer
                 this._currentFocus,
                 prevFocus,
                 didFocusInput && keypadElement && keypadElement.getDOMNode(),
-                // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'false | Element | Text | null | undefined' is not assignable to parameter of type 'HTMLElement | undefined'.
+                // @ts-expect-error - TS2345 - Argument of type 'false | Element | Text | null | undefined' is not assignable to parameter of type 'HTMLElement | undefined'.
                 didFocusInput &&
                     this.questionRenderer.getDOMNodeForPath(newFocus),
             );
@@ -205,7 +208,7 @@ export class ServerItemRenderer
         // this callback is executed
         // TODO(jeff, CP-3128): Use Wonder Blocks Timing API.
         // eslint-disable-next-line no-restricted-syntax
-        // @ts-expect-error [FEI-5003] - TS2322 - Type 'Timeout' is not assignable to type 'number'.
+        // @ts-expect-error - TS2322 - Type 'Timeout' is not assignable to type 'number'.
         this.blurTimeoutID = setTimeout(() => {
             if (_.isEqual(this._currentFocus, blurringFocusPath)) {
                 this._setCurrentFocus(null);
@@ -324,7 +327,7 @@ export class ServerItemRenderer
         const qScore = this.questionRenderer.scoreWidgets();
         const qGuess = this.questionRenderer.getUserInputForWidgets();
         const state = this.questionRenderer.getSerializedState();
-        // @ts-expect-error [FEI-5003] - TS2322 - Type 'Partial<Record<string, KEScore>>' is not assignable to type '{ [key: string]: KEScore; }'. | TS2345 - Argument of type '{ [widgetId: string]: PerseusScore; }' is not assignable to parameter of type 'Partial<Record<string, { type: "invalid"; message?: string | null | undefined; suppressAlmostThere?: boolean | null | undefined; }>>'.
+        // @ts-expect-error - TS2322 - Type 'Partial<Record<string, KEScore>>' is not assignable to type '{ [key: string]: KEScore; }'. | TS2345 - Argument of type '{ [widgetId: string]: PerseusScore; }' is not assignable to parameter of type 'Partial<Record<string, { type: "invalid"; message?: string | null | undefined; suppressAlmostThere?: boolean | null | undefined; }>>'.
         return mapObject(qScore, (score, id) => {
             return Util.keScoreFromPerseusScore(score, qGuess[id], state);
         });
@@ -418,29 +421,31 @@ export class ServerItemRenderer
             <HintsRenderer
                 hints={this.props.item.hints}
                 hintsVisible={this.props.hintsVisible}
-                // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
+                // @ts-expect-error - TS2769 - No overload matches this call.
                 apiOptions={apiOptions}
                 ref={(elem) => (this.hintsRenderer = elem)}
             />
         );
 
         return (
-            <div>
-                <div>{questionRenderer}</div>
-                <div
-                    className={
-                        // Avoid adding any horizontal padding when applying the
-                        // mobile hint styles, which are flush to the left.
-                        // NOTE(charlie): We may still want to apply this
-                        // padding for desktop exercises.
-                        apiOptions.isMobile
-                            ? undefined
-                            : css(styles.hintsContainer)
-                    }
-                >
-                    {hintsRenderer}
+            <DependenciesContext.Provider value={this.props.dependencies}>
+                <div>
+                    <div>{questionRenderer}</div>
+                    <div
+                        className={
+                            // Avoid adding any horizontal padding when applying the
+                            // mobile hint styles, which are flush to the left.
+                            // NOTE(charlie): We may still want to apply this
+                            // padding for desktop exercises.
+                            apiOptions.isMobile
+                                ? undefined
+                                : css(styles.hintsContainer)
+                        }
+                    >
+                        {hintsRenderer}
+                    </div>
                 </div>
-            </div>
+            </DependenciesContext.Provider>
         );
     }
 }

package/src/sigfigs.ts

@@ -434,7 +434,7 @@ function round(mantissa: string, digits: number): string {
                 roundUp = true;
             }
         }
-        // @ts-expect-error [FEI-5003] - TS2362 - The left-hand side of an arithmetic operation must be of type 'any', 'number', 'bigint' or an enum type.
+        // @ts-expect-error - TS2362 - The left-hand side of an arithmetic operation must be of type 'any', 'number', 'bigint' or an enum type.
         if (lastChar % 2 == 1) {
             roundUp = true;
         }

package/src/traversal.ts

@@ -100,7 +100,7 @@ const traverseRenderer = function (
             // should always be renderable. It's also annoying to write
             // checks for this everywhere, so we just filter them out once and
             // for all!
-            // @ts-expect-error [FEI-5003] - TS2571 - Object is of type 'unknown'.
+            // @ts-expect-error - TS2571 - Object is of type 'unknown'.
             if (widgetInfo == null || widgetInfo.type == null) {
                 return widgetInfo;
             }

package/src/types.ts

@@ -1,15 +1,18 @@
-import * as React from "react";
-
 import type {SerializedHighlightSet} from "./components/highlighting/types";
 import type {ILogger} from "./logging/log";
 import type {Item} from "./multi-items/item-types";
 import type {PerseusWidget} from "./perseus-types";
 import type {SizeClass} from "./util/sizing-utils";
-import type {SendEventFn} from "@khanacademy/perseus-core";
+import type {KeypadAPI} from "@khanacademy/math-input";
+import type {AnalyticsEventHandlerFn} from "@khanacademy/perseus-core";
 import type {Result} from "@khanacademy/wonder-blocks-data";
+import type * as React from "react";
 
 export type FocusPath = ReadonlyArray<string> | null | undefined;
 
+// TODO(FEI-5054): Figure out how to get global .d.ts files working with monorepos
+type Empty = Record<never, never>;
+
 export type Dimensions = {
     width?: number;
     height?: number;
@@ -109,6 +112,20 @@ export type Path = ReadonlyArray<string>;
 
 type StubTagEditorType = any; // from "./components/stub-tag-editor";
 
+type TrackInteractionArgs = {
+    // The widget type that this interaction originates from
+    type: string;
+    // The widget id that this interaction originates from
+    id: string;
+
+    correct?: boolean;
+
+    // Tracking args are all optional here because we don't know which
+    // widgets originated the call, and thus can't know what extra
+    // arguments will be included!
+} & Partial<TrackingGradedGroupExtraArguments> &
+    Partial<TrackingSequenceExtraArguments>;
+
 // APIOptions provides different ways to customize the behaviour of Perseus.
 export type APIOptions = Readonly<{
     isArticle?: boolean;
@@ -162,15 +179,7 @@ export type APIOptions = Readonly<{
     // A function that is called when the user has interacted with a widget. It
     // also includes any extra parameters that the originating widget provided.
     // This is used for keeping track of widget interactions.
-    trackInteraction?: (
-        args: {
-            // The widget type that this interaction originates from
-            type: string;
-            // The widget id that this interaction originates from
-            id: string;
-            correct?: boolean;
-        } & Record<string, unknown>,
-    ) => void;
+    trackInteraction?: (args: TrackInteractionArgs) => void;
     // A boolean that indicates whether or not a custom keypad is
     // being used.  For mobile web this will be the ProvidedKeypad
     // component.  In this situation we use the MathInput component
@@ -187,7 +196,7 @@ export type APIOptions = Readonly<{
     // It is called with an function that, when called, blurs the input,
     // and is expected to return an object of the shape
     // keypadElementPropType from math-input/src/prop-types.js.
-    nativeKeypadProxy?: () => unknown;
+    nativeKeypadProxy?: (blur: () => void) => KeypadAPI;
     // Indicates whether or not to use mobile styling.
     isMobile?: boolean;
     // A function, called with a bool indicating whether use of the
@@ -310,7 +319,6 @@ export type PerseusDependencies = {
     //misc
     staticUrl: StaticUrlFn;
     InitialRequestUrl: InitialRequestUrlInterface;
-    analytics: SendEventFn;
 
     // video widget
     // This is used as a hook to fetch data about a video which is used to
@@ -332,6 +340,18 @@ export type PerseusDependencies = {
     isMobile: boolean;
 };
 
+/**
+ * The modern iteration of Perseus Depedndencies. These dependencies are
+ * provided to Perseus through its entrypoints (for example:
+ * ServerItemRenderer) and then attached to the DependenciesContext so they are
+ * available anywhere down the React render tree.
+ *
+ * Prefer using this type over `PerseusDependencies` when possible.
+ */
+export type PerseusDependenciesV2 = {
+    analytics: {onAnalyticsEvent: AnalyticsEventHandlerFn};
+};
+
 export type APIOptionsWithDefaults = Readonly<
     APIOptions & {
         GroupMetadataEditor: NonNullable<APIOptions["GroupMetadataEditor"]>;
@@ -369,6 +389,16 @@ export type Tracking =
     // Track all interactions
     | "all";
 
+// See graded-group widget
+export type TrackingGradedGroupExtraArguments = {
+    status: "correct" | "incorrect" | "invalid";
+};
+
+// See sequence widget
+export type TrackingSequenceExtraArguments = {
+    visible: number;
+};
+
 export type Alignment =
     | "default"
     | "block"
@@ -443,7 +473,13 @@ export type FilterCriterion =
       ) => boolean);
 
 // NOTE: Rubric should always be the corresponding widget options type for the component.
-export type WidgetProps<RenderProps, Rubric> = RenderProps & {
+export type WidgetProps<
+    RenderProps,
+    Rubric,
+    // Defines the arguments that can be passed to the `trackInteraction`
+    // function from APIOptions for this widget.
+    TrackingExtraArgs = Empty,
+> = RenderProps & {
     // provided by renderer.jsx#getWidgetProps()
     widgetId: string;
     alignment: string | null | undefined;
@@ -463,7 +499,7 @@ export type WidgetProps<RenderProps, Rubric> = RenderProps & {
     // APIOptions. This provides the widget an easy way to notify the renderer
     // of an interaction. The Renderer then enriches the data provided with the
     // widget's id and type before calling APIOptions.trackInteraction.
-    trackInteraction: (extraData?: any) => void;
+    trackInteraction: (extraData?: TrackingExtraArgs) => void;
     isLastUsedWidget: boolean;
     // provided by widget-container.jsx#render()
     linterContext: LinterContextProps;

package/src/util/answer-types.ts

@@ -457,10 +457,10 @@ const KhanAnswerTypes = {
                     text = text.replace(/[ \(\)]/g, "");
 
                     if ((match = text.match(/^log\s*(\S+)\s*$/i))) {
-                        // @ts-expect-error [FEI-5003] - TS2322 - Type '{ value: number | undefined; exact: boolean; }[]' is not assignable to type 'never[]'.
+                        // @ts-expect-error - TS2322 - Type '{ value: number | undefined; exact: boolean; }[]' is not assignable to type 'never[]'.
                         possibilities = forms.decimal(match[1]);
                     } else if (text === "0") {
-                        // @ts-expect-error [FEI-5003] - TS2322 - Type 'number' is not assignable to type 'never'. | TS2322 - Type 'boolean' is not assignable to type 'never'.
+                        // @ts-expect-error - TS2322 - Type 'number' is not assignable to type 'never'. | TS2322 - Type 'boolean' is not assignable to type 'never'.
                         possibilities = [{value: 0, exact: true}];
                     }
                     return possibilities;
@@ -480,7 +480,7 @@ const KhanAnswerTypes = {
                     const transformed = forms.decimal(text);
                     $.each(transformed, function (ix, t) {
                         t.exact = hasPercentSign;
-                        // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'.
+                        // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
                         t.value = t.value / 100;
                     });
                     return transformed;
@@ -674,7 +674,7 @@ const KhanAnswerTypes = {
             options: any,
         ): (arg1: Guess) => Score {
             return KhanAnswerTypes.predicate.createValidatorFunctional(
-                // @ts-expect-error [FEI-5003] - TS2556 - A spread argument must either have a tuple type or be passed to a rest parameter.
+                // @ts-expect-error - TS2556 - A spread argument must either have a tuple type or be passed to a rest parameter.
                 ...KhanAnswerTypes.number.convertToPredicate(
                     correctAnswer,
                     options,
@@ -778,7 +778,7 @@ const KhanAnswerTypes = {
 
                 // Don't bother parsing an empty input
                 if (!guess) {
-                    // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'empty' because it is a read-only property.
+                    // @ts-expect-error - TS2540 - Cannot assign to 'empty' because it is a read-only property.
                     score.empty = true;
                     return score;
                 }
@@ -787,7 +787,7 @@ const KhanAnswerTypes = {
 
                 // An unsuccessful parse doesn't count as wrong
                 if (!answer.parsed) {
-                    // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'empty' because it is a read-only property.
+                    // @ts-expect-error - TS2540 - Cannot assign to 'empty' because it is a read-only property.
                     score.empty = true;
                     return score;
                 }
@@ -805,7 +805,7 @@ const KhanAnswerTypes = {
 
                 if (result.equal) {
                     // Correct answer
-                    // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'correct' because it is a read-only property.
+                    // @ts-expect-error - TS2540 - Cannot assign to 'correct' because it is a read-only property.
                     score.correct = true;
                 } else if (
                     result.wrongVariableNames ||
@@ -816,20 +816,20 @@ const KhanAnswerTypes = {
                     // TODO(aasmund): This should ideally have been handled
                     // under the `result.message` condition, but the
                     // KAS messages currently aren't translatable.
-                    // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'ungraded' because it is a read-only property.
+                    // @ts-expect-error - TS2540 - Cannot assign to 'ungraded' because it is a read-only property.
                     score.ungraded = true;
-                    // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'message' because it is a read-only property.
+                    // @ts-expect-error - TS2540 - Cannot assign to 'message' because it is a read-only property.
                     score.message = result.wrongVariableCase
                         ? errors.WRONG_CASE_ERROR
                         : errors.WRONG_LETTER_ERROR;
                     // Don't tell the use they're "almost there" in this case, that may not be true and isn't helpful.
-                    // @ts-expect-error [FEI-5003] - TS2339 - Property 'suppressAlmostThere' does not exist on type '{ readonly empty: false; readonly correct: false; readonly message: string | null | undefined; readonly guess: any; readonly ungraded: false; }'.
+                    // @ts-expect-error - TS2339 - Property 'suppressAlmostThere' does not exist on type '{ readonly empty: false; readonly correct: false; readonly message: string | null | undefined; readonly guess: any; readonly ungraded: false; }'.
                     score.suppressAlmostThere = true;
                 } else if (result.message) {
                     // Nearly correct answer
                     // TODO(aasmund): This message also isn't translatable;
                     // need to fix that in KAS
-                    // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'message' because it is a read-only property.
+                    // @ts-expect-error - TS2540 - Cannot assign to 'message' because it is a read-only property.
                     score.message = result.message;
                 } else {
                     // Replace x with * and see if it would have been correct
@@ -851,13 +851,13 @@ const KhanAnswerTypes = {
                             options,
                         );
                         if (resultX.equal) {
-                            // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'ungraded' because it is a read-only property.
+                            // @ts-expect-error - TS2540 - Cannot assign to 'ungraded' because it is a read-only property.
                             score.ungraded = true;
-                            // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'message' because it is a read-only property.
+                            // @ts-expect-error - TS2540 - Cannot assign to 'message' because it is a read-only property.
                             score.message = errors.MULTIPLICATION_SIGN_ERROR;
                         } else if (resultX.message) {
                             // TODO(aasmund): I18nize `score.message`
-                            // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'message' because it is a read-only property.
+                            // @ts-expect-error - TS2540 - Cannot assign to 'message' because it is a read-only property.
                             score.message =
                                 resultX.message +
                                 " Also, I'm a computer. I only understand " +