@khanacademy/perseus 6.2.1 → 6.2.2

package/dist/extra-widgets.d.ts

@@ -10,10 +10,10 @@ declare const _default: readonly Readonly<{
     defaultAlignment?: import("./types").Alignment | undefined;
     getDefaultAlignment?: (() => import("./types").Alignment) | undefined;
     isLintable?: boolean | undefined;
-    transform?: import("./types").WidgetTransform | undefined;
     tracking?: import("./types").Tracking | undefined;
-    staticTransform?: import("./types").WidgetTransform | undefined;
     traverseChildWidgets?: any;
+    transform?: import("./types").WidgetTransform | undefined;
+    staticTransform?: import("./types").WidgetTransform | undefined;
     propUpgrades?: {
         [key: string]: (arg1: any) => any;
     } | undefined;

package/dist/extra-widgets.js.flow

@@ -20,10 +20,10 @@ declare var _default: $ReadOnlyArray<
       | (() => $Flowgen$Import$_2e__2f_types.Alignment)
       | void,
     isLintable?: boolean | void,
-    transform?: $Flowgen$Import$_2e__2f_types.WidgetTransform | void,
     tracking?: $Flowgen$Import$_2e__2f_types.Tracking | void,
-    staticTransform?: $Flowgen$Import$_2e__2f_types.WidgetTransform | void,
     traverseChildWidgets?: any,
+    transform?: $Flowgen$Import$_2e__2f_types.WidgetTransform | void,
+    staticTransform?: $Flowgen$Import$_2e__2f_types.WidgetTransform | void,
     propUpgrades?: {
       [key: string]: (arg1: any) => any,
     } | void,

package/dist/index.d.ts

@@ -88,7 +88,7 @@ export type { ILogger, LogErrorOptions, ErrorKind } from "./logging/log";
 export type { ServerItemRenderer as ServerItemRendererComponent } from "./server-item-renderer";
 export type { Alignment, APIOptions, APIOptionsWithDefaults, ChangeHandler, DeviceType, DomInsertCheckFn, EditorMode, FocusPath, Hint, ImageDict, ImageUploader, JiptLabelStore, JiptRenderer, KEScore, LinterContextProps, PerseusDependencies, PerseusScore, RendererInterface, Version, VideoData, VideoKind, WidgetDict, WidgetExports, WidgetInfo, } from "./types";
 export type { ParsedValue } from "./util";
-export type { MathFormat, InputNumberWidget, PerseusRadioWidgetOptions, PerseusRenderer, } from "./perseus-types";
+export type { MathFormat, InputNumberWidget, PerseusImageBackground, PerseusInteractiveGraphWidgetOptions, PerseusRadioWidgetOptions, PerseusRenderer, } from "./perseus-types";
 export type { Coord } from "./interactive2/types";
 export type { MarkerType } from "./widgets/label-image/types";
 /**

package/dist/index.js

@@ -3456,7 +3456,7 @@ const DeprecationMixin$1 = {
 /**
  * Approximate equality on numbers and primitives.
  */
-function eq$1(x, y) {
+function eq$2(x, y) {
   if (typeof x === "number" && typeof y === "number") {
     return Math.abs(x - y) < 1e-9;
   }
@@ -3467,13 +3467,13 @@ function eq$1(x, y) {
  * Deep approximate equality on primitives, numbers, arrays, and objects.
  * Recursive.
  */
-function deepEq$5(x, y) {
+function deepEq$6(x, y) {
   if (Array.isArray(x) && Array.isArray(y)) {
     if (x.length !== y.length) {
       return false;
     }
     for (let i = 0; i < x.length; i++) {
-      if (!deepEq$5(x[i], y[i])) {
+      if (!deepEq$6(x[i], y[i])) {
         return false;
       }
     }
@@ -3483,7 +3483,7 @@ function deepEq$5(x, y) {
     return false;
   }
   if (typeof x === "function" && typeof y === "function") {
-    return eq$1(x, y);
+    return eq$2(x, y);
   }
   if (typeof x === "function" || typeof y === "function") {
     return false;
@@ -3491,16 +3491,16 @@ function deepEq$5(x, y) {
   if (typeof x === "object" && typeof y === "object" && !!x && !!y) {
     return x === y || ___default["default"].all(x, function (v, k) {
       // @ts-expect-error [FEI-5003] - TS2536 - Type 'CollectionKey<T>' cannot be used to index type 'T'.
-      return deepEq$5(y[k], v);
+      return deepEq$6(y[k], v);
     }) && ___default["default"].all(y, function (v, k) {
       // @ts-expect-error [FEI-5003] - TS2536 - Type 'CollectionKey<T>' cannot be used to index type 'T'.
-      return deepEq$5(x[k], v);
+      return deepEq$6(x[k], v);
     });
   }
   if (typeof x === "object" && !!x || typeof y === "object" && !!y) {
     return false;
   }
-  return eq$1(x, y);
+  return eq$2(x, y);
 }
 
 /**
@@ -3818,8 +3818,8 @@ const Util = {
   tickStepFromNumTicks,
   constrainedTickStepsFromTickSteps,
   DeprecationMixin: DeprecationMixin$1,
-  eq: eq$1,
-  deepEq: deepEq$5,
+  eq: eq$2,
+  deepEq: deepEq$6,
   parseQueryString,
   updateQueryString: updateQueryString$2,
   strongEncodeURIComponent,
@@ -14076,7 +14076,7 @@ ___default["default"].extend(MovableAngle.prototype, {
 
 /* eslint-disable @babel/no-invalid-this */
 const nestedMap$1 = Util.nestedMap;
-const deepEq$4 = Util.deepEq;
+const deepEq$5 = Util.deepEq;
 
 /**
  * A base class for all Graphie Movables
@@ -14173,7 +14173,7 @@ const createSimpleClass = function (addFunction) {
       this._prevProps = this.props;
     },
     modify: function (graphie) {
-      if (!deepEq$4(this.props, this._prevProps)) {
+      if (!deepEq$5(this.props, this._prevProps)) {
         this.remove();
         this.add(graphie);
         this._prevProps = this.props;
@@ -16448,7 +16448,7 @@ var Movables = {
 const GraphieMovable = GraphieClasses.GraphieMovable;
 const createGraphie = GraphUtils.createGraphie;
 const {
-  deepEq: deepEq$3,
+  deepEq: deepEq$4,
   nestedMap
 } = Util;
 const {
@@ -16683,7 +16683,7 @@ class Graphie extends React__namespace.Component {
     if (this.props.setup !== prevProps.setup) {
       Log.error("<Graphie> was given a new setup function. " + "This is a bad idea; please refactor your code to give " + "the same setup function reference to <Graphie> on " + "every render.", Errors.Internal);
     }
-    if (!deepEq$3(this.props.options, prevProps.options) || !deepEq$3(this.props.box, prevProps.box) || !deepEq$3(this.props.range, prevProps.range)) {
+    if (!deepEq$4(this.props.options, prevProps.options) || !deepEq$4(this.props.box, prevProps.box) || !deepEq$4(this.props.range, prevProps.range)) {
       this._setupGraphie();
     }
     this._updateMovables();
@@ -21612,7 +21612,11 @@ class NumericInput extends React__namespace.Component {
     return answerStrings[0];
   }
   static validate(useInput, rubric) {
-    const allAnswerForms = answerFormButtons.map(e => e["value"]);
+    const allAnswerForms = answerFormButtons.map(e => e["value"])
+    // Don't default to validating the answer as a pi answer
+    // if answerForm isn't set on the answer
+    // https://khanacademy.atlassian.net/browse/LC-691
+    .filter(e => e !== "pi");
     const createValidator = answer => {
       const stringAnswer = "".concat(answer.value);
       return KhanAnswerTypes.number.createValidatorFunctional(stringAnswer, {
@@ -27849,36 +27853,29 @@ _defineProperty(Graph, "defaultProps", {
   isMobile: false
 });
 
+/**
+ * A collection of geomtry-related utility functions
+ */
 const {
-  DeprecationMixin
+  eq: eq$1,
+  deepEq: deepEq$3
 } = Util;
-const TRASH_ICON_URI = "https://ka-perseus-graphie.s3.amazonaws.com/b1452c0d79fd0f7ff4c3af9488474a0a0decb361.png";
-const defaultBackgroundImage$1 = {
-  url: null
-};
-const eq = Util.eq;
-const deepEq$2 = Util.deepEq;
-const UNLIMITED = "unlimited";
 
-// Sample background image:
-// https://ka-perseus-graphie.s3.amazonaws.com/29c1b0fcd17fe63df0f148fe357044d5d5c7d0bb.png
+// This should really be a readonly tuple of [number, number]
+
+// a, b, c
 
-function ccw(a, b, c) {
-  return (b[0] - a[0]) * (c[1] - a[1]) - (c[0] - a[0]) * (b[1] - a[1]);
-}
-function collinear(a, b, c) {
-  return eq(ccw(a, b, c), 0);
-}
 function sign(val) {
-  if (eq(val, 0)) {
+  if (eq$1(val, 0)) {
     return 0;
   }
   return val > 0 ? 1 : -1;
 }
-
-// default to defaultValue if actual is null or undefined
-function defaultVal(actual, defaultValue) {
-  return actual == null ? defaultValue : actual;
+function ccw(a, b, c) {
+  return (b[0] - a[0]) * (c[1] - a[1]) - (c[0] - a[0]) * (b[1] - a[1]);
+}
+function collinear(a, b, c) {
+  return eq$1(ccw(a, b, c), 0);
 }
 
 // Given rect bounding points A and B, whether point C is inside the rect
@@ -27891,14 +27888,12 @@ function pointInRect(a, b, c) {
 function intersects(ab, cd) {
   const triplets = [[ab[0], ab[1], cd[0]], [ab[0], ab[1], cd[1]], [cd[0], cd[1], ab[0]], [cd[0], cd[1], ab[1]]];
   const orientations = ___default["default"].map(triplets, function (triplet) {
-    // @ts-expect-error [FEI-5003] - TS2556 - A spread argument must either have a tuple type or be passed to a rest parameter.
     return sign(ccw(...triplet));
   });
   if (orientations[0] !== orientations[1] && orientations[2] !== orientations[3]) {
     return true;
   }
   for (let i = 0; i < 4; i++) {
-    // @ts-expect-error [FEI-5003] - TS2556 - A spread argument must either have a tuple type or be passed to a rest parameter.
     if (orientations[i] === 0 && pointInRect(...triplets[i])) {
       return true;
     }
@@ -27976,13 +27971,13 @@ function similar(coords1, coords2, tolerance) {
     angles = rotate(angles, i);
     // @ts-expect-error [FEI-5003] - TS4104 - The type 'readonly number[]' is 'readonly' and cannot be assigned to the mutable type 'number[]'.
     sides = rotate(sides, i);
-    if (deepEq$2(angles1, angles)) {
+    if (deepEq$3(angles1, angles)) {
       const sidePairs = ___default["default"].zip(sides1, sides);
       const factors = ___default["default"].map(sidePairs, function (pair) {
         return pair[0] / pair[1];
       });
       const same = ___default["default"].all(factors, function (factor) {
-        return eq(factors[0], factor);
+        return eq$1(factors[0], factor);
       });
       const congruentEnough = ___default["default"].all(sidePairs, function (pair) {
         return kmath.number.equal(pair[0], pair[1], tolerance);
@@ -27995,11 +27990,6 @@ function similar(coords1, coords2, tolerance) {
   return false;
 }
 
-// Less than or approximately equal
-function leq(a, b) {
-  return a < b || eq(a, b);
-}
-
 // Given triangle with sides ABC return angle opposite side C in degrees
 function lawOfCosines(a, b, c) {
   return Math.acos((a * a + b * b - c * c) / (2 * a * b)) * 180 / Math.PI;
@@ -28039,13 +28029,8 @@ function rotate(array, n) {
   n = typeof n === "undefined" ? 1 : n % array.length;
   return array.slice(n).concat(array.slice(0, n));
 }
-function capitalize(str) {
-  return str.replace(/(?:^|-)(.)/g, function (match, letter) {
-    return letter.toUpperCase();
-  });
-}
 function getLineEquation(first, second) {
-  if (eq(first[0], second[0])) {
+  if (eq$1(first[0], second[0])) {
     return "x = " + first[0].toFixed(3);
   }
   const m = (second[1] - first[1]) / (second[0] - first[0]);
@@ -28074,6 +28059,35 @@ firstPoints, secondPoints) {
   const y = ((x1 * y2 - y1 * x2) * (y3 - y4) - (y1 - y2) * (x3 * y4 - y3 * x4)) / determinant;
   return "Intersection: (" + x.toFixed(3) + ", " + y.toFixed(3) + ")";
 }
+
+const {
+  DeprecationMixin
+} = Util;
+const TRASH_ICON_URI = "https://ka-perseus-graphie.s3.amazonaws.com/b1452c0d79fd0f7ff4c3af9488474a0a0decb361.png";
+const defaultBackgroundImage$1 = {
+  url: null
+};
+const eq = Util.eq;
+const deepEq$2 = Util.deepEq;
+const UNLIMITED = "unlimited";
+
+// Sample background image:
+// https://ka-perseus-graphie.s3.amazonaws.com/29c1b0fcd17fe63df0f148fe357044d5d5c7d0bb.png
+
+// default to defaultValue if actual is null or undefined
+function defaultVal(actual, defaultValue) {
+  return actual == null ? defaultValue : actual;
+}
+
+// Less than or approximately equal
+function leq(a, b) {
+  return a < b || eq(a, b);
+}
+function capitalize(str) {
+  return str.replace(/(?:^|-)(.)/g, function (match, letter) {
+    return letter.toUpperCase();
+  });
+}
 function numSteps(range, step) {
   return Math.floor((range[1] - range[0]) / step);
 }
@@ -29236,17 +29250,6 @@ class InteractiveGraph extends React__namespace.Component {
       ___default["default"].invoke(this.points, "remove");
       (_this$angle2 = this.angle) === null || _this$angle2 === void 0 ? void 0 : _this$angle2.remove();
     });
-    _defineProperty(this, "toggleShowAngles", () => {
-      if (this.props.graph.type !== "polygon") {
-        throw makeInvalidTypeError("toggleShowAngles", "polygon");
-      }
-      const graph = ___default["default"].extend({}, this.props.graph, {
-        showAngles: !this.props.graph.showAngles
-      });
-      this.onChange({
-        graph: graph
-      });
-    });
     _defineProperty(this, "toggleShowSides", () => {
       if (this.props.graph.type !== "polygon") {
         throw makeInvalidTypeError("toggleShowSides", "polygon");
@@ -45840,7 +45843,7 @@ const styles$1 = aphrodite.StyleSheet.create({
   }
 });
 
-/* eslint-disable react/prop-types */
+/* eslint-disable @babel/no-invalid-this */
 
 /* A checkbox that syncs its value to props using the
  * renderer's onChange method, and gets the prop name

package/dist/index.js.flow

@@ -101,6 +101,8 @@ export type { ParsedValue } from "./util";
 export type {
   MathFormat,
   InputNumberWidget,
+  PerseusImageBackground,
+  PerseusInteractiveGraphWidgetOptions,
   PerseusRadioWidgetOptions,
   PerseusRenderer,
 } from "./perseus-types";