@khanacademy/perseus 19.2.1 → 19.3.1

package/dist/components/graph.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { Coord } from "../interactive2/types";
-import type { PerseusImageBackground } from "../perseus-types";
+import type { PerseusImageBackground, LockedFigure } from "../perseus-types";
 import type { GridDimensions } from "../util";
 type Props = {
     box: [number, number];
@@ -17,6 +17,7 @@ type Props = {
     rulerTicks: number;
     instructions?: string;
     isMobile: boolean;
+    lockedFigures?: ReadonlyArray<LockedFigure>;
     onGraphieUpdated?: (graphie: any) => void;
     onClick?: (Coord: any) => void;
     onMouseDown?: (Coord: any) => void;

package/dist/es/index.js

@@ -1904,11 +1904,25 @@ const KhanAnswerTypes = {
 const _excluded$4 = ["scoring"];
 const ERROR_TITLE = i18n._("Oops!");
 const ERROR_MESSAGE = i18n._("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) => {
+    var _englishOperators$op;
+    return `\\${(_englishOperators$op = englishOperators[op]) != null ? _englishOperators$op : op} `;
+  });
 };
 const normalizeTex = tex => {
   return anglicizeOperators(tex);
@@ -21521,15 +21535,6 @@ class InputNumber extends React.Component {
     };
     this._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();
-      }
     };
     this._handleBlur = () => {
       this.props.onBlur([]);
@@ -21863,15 +21868,6 @@ class NumericInput extends React.Component {
     };
     this._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();
-      }
     };
     this._handleBlur = () => {
       this.props.onBlur([]);
@@ -28046,6 +28042,33 @@ class Graph extends React.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();
 
@@ -29426,7 +29449,8 @@ class InteractiveGraph extends React.Component {
       onMouseDown: onMouseDown,
       onGraphieUpdated: this.setGraphie,
       setDrawingAreaAvailable: this.props.apiOptions.setDrawingAreaAvailable,
-      isMobile: isMobile
+      isMobile: isMobile,
+      lockedFigures: this.props.lockedFigures
     }));
   }
   static getQuadraticCoefficients(coords) {
@@ -41556,7 +41580,7 @@ const init = function init(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";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {
@@ -42101,20 +42125,25 @@ class ServerItemRenderer extends React.Component {
     this.blurTimeoutID = void 0;
     this._handleFocusChange = (newFocus, oldFocus) => {
       if (newFocus != null) {
+        var _this$props$apiOption;
         this._setCurrentFocus(newFocus);
+
+        // Call the interactionCallback, if it exists, with the current user input data
+        (_this$props$apiOption = this.props.apiOptions) == null || _this$props$apiOption.interactionCallback == null || _this$props$apiOption.interactionCallback(this.questionRenderer.getUserInputForWidgets());
       } else {
         this._onRendererBlur(oldFocus);
       }
     };
     this.handleInteractWithWidget = widgetId => {
+      var _this$props$apiOption2;
       const withRemoved = _.difference(this.state.questionHighlightedWidgets, [widgetId]);
       this.setState({
         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$apiOption2 = this.props.apiOptions) == null || _this$props$apiOption2.interactionCallback == null || _this$props$apiOption2.interactionCallback(this.questionRenderer.getUserInputForWidgets());
     };
     // This must be pre-bound otherwise SvgImage's shouldComponentUpdate
     // won't behave correctly and we'll get an infinite loop.