@khanacademy/perseus 49.0.1 → 49.0.2

package/dist/es/index.js

@@ -244,11 +244,11 @@ const mockStrings = {
   tan: "tan",
   simulationLoadFail: "Sorry, this simulation cannot load.",
   simulationLocaleWarning: "Sorry, this simulation isn't available in your language.",
-  addPoint: "Add Point",
-  removePoint: "Remove Point",
-  graphKeyboardPrompt: "Press Shift + Enter to interact with the graph",
   selectAnAnswer: "Select an answer",
   // The following strings are used for interactive graph SR descriptions.
+  graphKeyboardPrompt: "Press Shift + Enter to interact with the graph",
+  addPoint: "Add Point",
+  removePoint: "Remove Point",
   closePolygon: "Close shape",
   openPolygon: "Re-open shape",
   srPointAtCoordinates: ({
@@ -260,19 +260,19 @@ const mockStrings = {
     elements
   }) => `Interactive elements: ${elements}`,
   srNoInteractiveElements: "No interactive elements",
-  circleGraphAriaLabel: "A circle on a coordinate plane.",
-  circleShapeAriaLabel: ({
+  srCircleGraph: "A circle on a coordinate plane.",
+  srCircleShape: ({
     centerX,
     centerY
   }) => `Circle. The center point is at ${centerX} comma ${centerY}.`,
-  circleRadiusPointAriaLabel: ({
+  srCircleRadiusPoint: ({
     radiusPointX,
     radiusPointY
   }) => `Radius point at ${radiusPointX} comma ${radiusPointY}.`,
-  circleRadiusDescription: ({
+  srCircleRadius: ({
     radius
   }) => `Circle radius is ${radius}.`,
-  circleOuterPointsDescription: ({
+  srCircleOuterPoints: ({
     point1X,
     point1Y,
     point2X,
@@ -34121,6 +34121,12 @@ function getGradableGraph(state, initialGraph) {
     });
   }
   if (state.type === "point" && initialGraph.type === "point") {
+    // The unlimited point graph must have at least 1 coordinate or else it is not considered score-able.
+    if (state.numPoints === "unlimited" && state.coords.length === 0) {
+      return _extends({}, initialGraph, {
+        coords: null
+      });
+    }
     return _extends({}, initialGraph, {
       coords: state.coords
     });
@@ -34194,7 +34200,8 @@ function CircleGraph(props) {
     radiusPoint
   } = graphState;
   const {
-    strings
+    strings,
+    locale
   } = usePerseusI18n();
   const [radiusPointAriaLive, setRadiusPointAriaLive] = React.useState("off");
   const radius = getRadius(graphState);
@@ -34204,27 +34211,27 @@ function CircleGraph(props) {
   const outerPointsId = id + "-outer-points";
 
   // Aria label strings
-  const circleGraphAriaLabel = strings.circleGraphAriaLabel;
-  const circleShapeAriaLabel = strings.circleShapeAriaLabel({
-    centerX: center[0],
-    centerY: center[1]
+  const circleGraphAriaLabel = strings.srCircleGraph;
+  const circleShapeAriaLabel = strings.srCircleShape({
+    centerX: srFormatNumber(center[0], locale),
+    centerY: srFormatNumber(center[1], locale)
   });
-  const circleRadiusPointAriaLabel = strings.circleRadiusPointAriaLabel({
-    radiusPointX: radiusPoint[0],
-    radiusPointY: radiusPoint[1]
+  const circleRadiusPointAriaLabel = strings.srCircleRadiusPoint({
+    radiusPointX: srFormatNumber(radiusPoint[0], locale),
+    radiusPointY: srFormatNumber(radiusPoint[1], locale)
   });
-  const circleRadiusDescription = strings.circleRadiusDescription({
+  const circleRadiusDescription = strings.srCircleRadius({
     radius
   });
-  const circleOuterPointsDescription = strings.circleOuterPointsDescription({
-    point1X: center[0] + radius,
-    point1Y: center[1],
-    point2X: center[0],
-    point2Y: center[1] + radius,
-    point3X: center[0] - radius,
-    point3Y: center[1],
-    point4X: center[0],
-    point4Y: center[1] - radius
+  const circleOuterPointsDescription = strings.srCircleOuterPoints({
+    point1X: srFormatNumber(center[0] + radius, locale),
+    point1Y: srFormatNumber(center[1], locale),
+    point2X: srFormatNumber(center[0], locale),
+    point2Y: srFormatNumber(center[1] + radius, locale),
+    point3X: srFormatNumber(center[0] - radius, locale),
+    point3Y: srFormatNumber(center[1], locale),
+    point4X: srFormatNumber(center[0], locale),
+    point4Y: srFormatNumber(center[1] - radius, locale)
   });
   return /*#__PURE__*/React.createElement("g", {
     // Outer circle minimal description
@@ -45315,7 +45322,7 @@ const init = function init() {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "49.0.1";
+const libVersion = "49.0.2";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {