@khanacademy/perseus 6.3.1 → 6.4.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @khanacademy/perseus
 
+## 6.4.0
+
+### Minor Changes
+
+-   1f3fdc6c: Introduce analytics API
+
+### Patch Changes
+
+-   Updated dependencies [1f3fdc6c]
+-   Updated dependencies [d609230e]
+-   Updated dependencies [0b37940d]
+-   Updated dependencies [bfe68075]
+-   Updated dependencies [1bad1cbe]
+-   Updated dependencies [1f3fdc6c]
+-   Updated dependencies [5f71cd01]
+    -   @khanacademy/perseus-core@0.0.1
+    -   @khanacademy/math-input@5.0.0
+
+## 6.3.2
+
+### Patch Changes
+
+-   Updated dependencies [bec7c91c]
+    -   @khanacademy/math-input@4.3.1
+
 ## 6.3.1
 
 ### Patch Changes

package/dist/es/index.js

@@ -2424,6 +2424,16 @@ const KhanAnswerTypes = {
   }
 };
 
+const sendExpressionEvaluatedEvent = result => {
+  getDependencies().analytics({
+    type: "perseus:expression-evaluated",
+    payload: {
+      virtualKeypadVersion: "PERSEUS_MATH_INPUT",
+      // STOPSHIP: Or do we push that onto host application?
+      result
+    }
+  });
+};
 const ERROR_MESSAGE = i18n._("Sorry, I don't understand that!");
 const insertBraces = value => {
   // HACK(alex): Make sure that all LaTeX super/subscripts are wrapped
@@ -2656,6 +2666,8 @@ class Expression extends React.Component {
     // we did, whether it's considered correct, incorrect, or ungraded
     if (!matchingAnswerForm) {
       if (firstUngradedResult) {
+        sendExpressionEvaluatedEvent("invalid");
+
         // While we didn't directly match with any answer form, we
         // did at some point get an "ungraded" validation result,
         // which might indicate e.g. a mismatch in variable casing.
@@ -2669,6 +2681,8 @@ class Expression extends React.Component {
         };
       }
       if (allEmpty) {
+        sendExpressionEvaluatedEvent("invalid");
+
         // If everything graded as empty, it's invalid.
         return {
           type: "invalid",
@@ -2677,6 +2691,7 @@ class Expression extends React.Component {
       }
       // We fell through all the possibilities and we're not empty,
       // so the answer is considered incorrect.
+      sendExpressionEvaluatedEvent("incorrect");
       return {
         type: "points",
         earned: 0,
@@ -2689,6 +2704,7 @@ class Expression extends React.Component {
       const apiResult = onInputError(null,
       // Reserved for some widget identifier
       userInput, matchMessage);
+      sendExpressionEvaluatedEvent("invalid");
       return {
         type: "invalid",
         message: apiResult === false ? null : matchMessage
@@ -2700,6 +2716,7 @@ class Expression extends React.Component {
     // TODO(eater): Seems silly to translate result to this
     // invalid/points thing and immediately translate it back in
     // ItemRenderer.scoreInput()
+    sendExpressionEvaluatedEvent(matchingAnswerForm.considered === "correct" ? "correct" : "incorrect");
     return {
       type: "points",
       earned: matchingAnswerForm.considered === "correct" ? 1 : 0,
@@ -14146,8 +14163,6 @@ const DEFAULT_STATE$3 = {
   isDragging: false,
   mouseTarget: null
 };
-
-// @ts-expect-error [FEI-5003] - TS2355 - A function whose declared type is neither 'void' nor 'any' must return a value.
 const Movable = function Movable(graphie, options) {
   // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
   _.extend(this, {
@@ -15759,7 +15774,6 @@ const constraints = {
 // @ts-expect-error [FEI-5003] - TS2339 - Property 'standard' does not exist on type '{ readonly fixed: () => () => boolean; readonly snap: (snap: any) => (arg1: Coord) => unknown; readonly bound: (range: any, snap: any, paddingPx: number) => (arg1: Coord, arg2: Coord) => Coord; }'.
 constraints.standard = null;
 const onMove = {
-  // @ts-expect-error [FEI-5003] - TS2355 - A function whose declared type is neither 'void' nor 'any' must return a value.
   updatePoints: function (coord, prevCoord) {
     const actualDelta = vector$1.subtract(coord, prevCoord);
     // @ts-expect-error [FEI-5003] - TS2339 - Property 'state' does not exist on type '{ readonly updatePoints: (coord: Coord, prevCoord: Coord) => undefined; }'.
@@ -16067,19 +16081,16 @@ _.extend(MovablePolygon.prototype, {
 const Interactive2 = {
   MovablePoint: MovablePoint$5,
   addMovablePoint: function (graphie, options) {
-    // @ts-expect-error [FEI-5003] - TS2350 - Only a void function can be called with the 'new' keyword.
     const movable = new Movable(graphie, {});
     return new MovablePoint$5(graphie, movable, options);
   },
   MovableLine: MovableLine$4,
   addMovableLine: function (graphie, options) {
-    // @ts-expect-error [FEI-5003] - TS2350 - Only a void function can be called with the 'new' keyword.
     const movable = new Movable(graphie, {});
     return new MovableLine$4(graphie, movable, options);
   },
   MovablePolygon: MovablePolygon,
   addMovablePolygon: function (graphie, options) {
-    // @ts-expect-error [FEI-5003] - TS2350 - Only a void function can be called with the 'new' keyword.
     const movable = new Movable(graphie, {});
     return new MovablePolygon(graphie, movable, options);
   },
@@ -33376,15 +33387,13 @@ class Matrix extends React.Component {
       }
     };
     this.onValueChange = (row, column, value, cb) => {
-      const answers = _.map(this.props.answers, _.clone);
+      const answers = this.props.answers.map(answer => [...answer]);
       if (!answers[row]) {
         answers[row] = [];
       }
-      // @ts-expect-error [FEI-5003] - TS2571 - Object is of type 'unknown'.
       answers[row][column] = value;
-      // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
       this.props.onChange({
-        answers: answers
+        answers
       }, cb);
       this.props.trackInteraction();
     };
@@ -45712,6 +45721,95 @@ const context = /*#__PURE__*/React.createContext({
   scrollableElement: null
 });
 
+// TODO(FEI-4010): Remove `Perseus` prefix for all types here
+// TODO(FEI-4011): Use types generated by https://github.com/jaredly/generate-perseus-flowtypes
+
+// TODO(FEI-5054): Figure out how to get global .d.ts files working with monorepos
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// prettier-ignore
+
+// A background image applied to various widgets.
+
+const PerseusExpressionAnswerFormConsidered = ["correct", "wrong", "ungraded"];
+
 /**
  * Traverses a {content, widgets, images} renderer props object,
  * such as `itemData.question`
@@ -46791,5 +46889,5 @@ const EditorJsonify = {
 const apiVersion = version.apiVersion;
 const itemDataVersion = version.itemDataVersion;
 
-export { ApiOptions, ArrowPicker, ArticleRenderer, BaseRadio, Categorizer$1 as Categorizer, changeable as Changeable, ClassNames, ColorPicker, DashPicker, dependencies as Dependencies, EditorJsonify, ElementContainer, Errors, Expression, util as GrapherUtil, Grapher$1 as GrapherWidget, HintRenderer, HintsRenderer, InputNumber$1 as InputNumber, InteractiveGraph$1 as InteractiveGraphWidget, ItemRenderer, JiptParagraphs, context as KeypadContext, KhanColors, KhanMath, context$1 as LoadingContext, Log, Matrix$1 as MatrixWidget, MultiItems, NumericInput$1 as NumericInput, PerseusError, PerseusMarkdown, Plotter$1 as PlotterWidget, Radio, Renderer, ref as ServerItemRenderer, sizingUtils as SizingUtils, Table$1 as TableWidget, Transformer$1 as TransformerWidget, Util, denylist as WIDGET_PROP_DENYLIST, WidgetJsonifyDeprecated, widgets$1 as Widgets, apiVersion, buildEmptyItemTreeForShape, buildMapper, components, constants, displaySigFigs, globalConstants, globalStyles, iconPaths as icons, init, interactiveSizes$1 as interactiveSizes, isItemRenderableByVersion, itemDataVersion, itemToTree, ItemVersion as itemVersion, mediaQueries, preprocessTex, registerAllWidgetsForTesting, shapes, traverse, violatingWidgets, allWidgets as widgets };
+export { ApiOptions, ArrowPicker, ArticleRenderer, BaseRadio, Categorizer$1 as Categorizer, changeable as Changeable, ClassNames, ColorPicker, DashPicker, dependencies as Dependencies, EditorJsonify, ElementContainer, Errors, Expression, util as GrapherUtil, Grapher$1 as GrapherWidget, HintRenderer, HintsRenderer, InputNumber$1 as InputNumber, InteractiveGraph$1 as InteractiveGraphWidget, ItemRenderer, JiptParagraphs, context as KeypadContext, KhanColors, KhanMath, context$1 as LoadingContext, Log, Matrix$1 as MatrixWidget, MultiItems, NumericInput$1 as NumericInput, PerseusError, PerseusExpressionAnswerFormConsidered, PerseusMarkdown, Plotter$1 as PlotterWidget, Radio, Renderer, ref as ServerItemRenderer, sizingUtils as SizingUtils, Table$1 as TableWidget, Transformer$1 as TransformerWidget, Util, denylist as WIDGET_PROP_DENYLIST, WidgetJsonifyDeprecated, widgets$1 as Widgets, apiVersion, buildEmptyItemTreeForShape, buildMapper, components, constants, displaySigFigs, globalConstants, globalStyles, iconPaths as icons, init, interactiveSizes$1 as interactiveSizes, isItemRenderableByVersion, itemDataVersion, itemToTree, ItemVersion as itemVersion, mediaQueries, preprocessTex, registerAllWidgetsForTesting, shapes, traverse, violatingWidgets, allWidgets as widgets };
 //# sourceMappingURL=index.js.map