@khanacademy/perseus 19.2.1 → 19.3.1

package/dist/index.js

@@ -1929,11 +1929,22 @@ const KhanAnswerTypes = {
 
 const ERROR_TITLE = i18n__namespace._("Oops!");
 const ERROR_MESSAGE = i18n__namespace._("Sorry, I don't understand that!");
+
+// Map of international operator names to their English equivalents
+const englishOperators = {
+  arctg: "arctan",
+  cosec: "csc",
+  cossec: "csc",
+  cotg: "cot",
+  ctg: "cot",
+  sen: "sin",
+  tg: "tan"
+};
 const anglicizeOperators = tex => {
   // sen is used instead of sin in some languages, e.g. Portuguese.
   // To ensure that answers in various languages are graded correctly, we
   // convert operators to their Englishy forms.
-  return tex.replace(/\\operatorname{sen}/g, "\\sin ");
+  return tex.replace(/\\operatorname{([a-z]+)}/g, (_, op) => `\\${englishOperators[op] ?? op} `);
 };
 const normalizeTex = tex => {
   return anglicizeOperators(tex);
@@ -21682,15 +21693,6 @@ class InputNumber extends React__namespace.Component {
   };
   _handleFocus = () => {
     this.props.onFocus([]);
-    // HACK(kevinb): We want to dismiss the feedback popover that webapp
-    // displays as soon as a user clicks in in the input field so we call
-    // interactionCallback directly.
-    const {
-      interactionCallback
-    } = this.props.apiOptions;
-    if (interactionCallback) {
-      interactionCallback();
-    }
   };
   _handleBlur = () => {
     this.props.onBlur([]);
@@ -22094,15 +22096,6 @@ class NumericInput extends React__namespace.Component {
   };
   _handleFocus = () => {
     this.props.onFocus([]);
-    // HACK(kevinb): We want to dismiss the feedback popover that webapp
-    // displays as soon as a user clicks in in the input field so we call
-    // interactionCallback directly.
-    const {
-      interactionCallback
-    } = this.props.apiOptions;
-    if (interactionCallback) {
-      interactionCallback();
-    }
   };
   _handleBlur = () => {
     this.props.onBlur([]);
@@ -28234,6 +28227,33 @@ class Graph extends React__namespace.Component {
       allowScratchpad: true,
       setDrawingAreaAvailable: this.props.setDrawingAreaAvailable
     });
+
+    // Maybe move this out later
+    if (this.props.lockedFigures) {
+      for (const lockedFigure of this.props.lockedFigures) {
+        switch (lockedFigure.type) {
+          case "point":
+            graphie.circle(
+            // center
+            lockedFigure.coord,
+            // radius
+            0.2,
+            // style
+            lockedFigure.style);
+            break;
+          default:
+            /**
+             * Devlopment-time future-proofing: This `never` should
+             * fail during type-checking if we add a new locked
+             * shape type and forget to handle it in any other
+             * switch case here.
+             */
+            // eslint-disable-next-line @typescript-eslint/no-unused-vars
+            lockedFigure.type;
+            throw new Error(`Unknown locked shape type: ${lockedFigure.type}`);
+        }
+      }
+    }
     this._updateProtractor();
     this._updateRuler();
 
@@ -29563,7 +29583,8 @@ class InteractiveGraph extends React__namespace.Component {
       onMouseDown: onMouseDown,
       onGraphieUpdated: this.setGraphie,
       setDrawingAreaAvailable: this.props.apiOptions.setDrawingAreaAvailable,
-      isMobile: isMobile
+      isMobile: isMobile,
+      lockedFigures: this.props.lockedFigures
     }));
   }
   static getQuadraticCoefficients(coords) {
@@ -41697,7 +41718,7 @@ const init = function (options) {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "19.2.1";
+const libVersion = "19.3.1";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {
@@ -42290,6 +42311,9 @@ class ServerItemRenderer extends React__namespace.Component {
   _handleFocusChange = (newFocus, oldFocus) => {
     if (newFocus != null) {
       this._setCurrentFocus(newFocus);
+
+      // Call the interactionCallback, if it exists, with the current user input data
+      this.props.apiOptions?.interactionCallback?.(this.questionRenderer.getUserInputForWidgets());
     } else {
       this._onRendererBlur(oldFocus);
     }
@@ -42397,9 +42421,9 @@ class ServerItemRenderer extends React__namespace.Component {
       questionCompleted: false,
       questionHighlightedWidgets: withRemoved
     });
-    if (this.props.apiOptions.interactionCallback) {
-      this.props.apiOptions.interactionCallback();
-    }
+
+    // Call the interactionCallback, if it exists, with the current user input data
+    this.props.apiOptions?.interactionCallback?.(this.questionRenderer.getUserInputForWidgets());
   };
   focus() {
     return this.questionRenderer.focus();