@khanacademy/perseus 43.0.0 → 43.0.1

package/dist/es/index.js

@@ -23,7 +23,7 @@ import { number as number$1, point, vector as vector$1, line } from '@khanacadem
 import { entries, UnreachableCaseError, keys } from '@khanacademy/wonder-stuff-core';
 import { CircularSpinner } from '@khanacademy/wonder-blocks-progress-spinner';
 import SimpleMarkdown from '@khanacademy/simple-markdown';
-import { pureMarkdownRules, parse as parse$4 } from '@khanacademy/pure-markdown';
+import { pureMarkdownRules } from '@khanacademy/pure-markdown';
 import { TextField } from '@khanacademy/wonder-blocks-form';
 import Button from '@khanacademy/wonder-blocks-button';
 import { Strut } from '@khanacademy/wonder-blocks-layout';
@@ -31129,67 +31129,6 @@ function isUnlimitedGraphState(state) {
   return state.type === "point" && state.numPoints === "unlimited" || state.type === "polygon" && state.numSides === "unlimited";
 }
 
-/**
- * Replace all text outside of the $ TeX blocks with `\\text{...}`
- * This way, the entire resulting string can be rendered within <TeX>
- * and the text outside of the $ blocks will be non-TeX text.
- */
-function replaceOutsideTeX(mathString) {
-  // All the information we need is in the first section,
-  // whether it's typed as "blockmath" or "paragraph"
-  const firstSection = parse$4(mathString)[0];
-
-  // If it's blockMath, the outer level has the full math content.
-  if (firstSection.type === "blockMath") {
-    return firstSection.content;
-  }
-
-  // If it's a paragraph, we need to iterate through the sections
-  // to look for individual math blocks.
-  const condensedNodes = condenseTextNodes(firstSection.content);
-  let result = "";
-  for (const piece of condensedNodes) {
-    piece.type === "math" ? result += piece.content : result += `\\text{${escapeSpecialChars(piece.content)}}`;
-  }
-  return result;
-}
-// Helper function for replaceOutsideTeX()
-// Condense adjacent text nodes into a single text node
-function condenseTextNodes(nodes) {
-  const result = [];
-  if (!nodes) {
-    return result;
-  }
-  let currentText = "";
-  for (const node of nodes) {
-    if (node.type === "math") {
-      if (currentText) {
-        result.push({
-          type: "text",
-          content: currentText
-        });
-        currentText = "";
-      }
-      result.push(node);
-    } else {
-      currentText += node.content;
-    }
-  }
-  if (currentText) {
-    result.push({
-      type: "text",
-      content: currentText
-    });
-  }
-  return result;
-}
-
-// Helper function for replaceOutsideTeX()
-function escapeSpecialChars(str) {
-  // Escape $, \, {, and } characters
-  return str.replace(/([$\\{}])/g, "\\$1");
-}
-
 /**
  * Parse a string of text and math into a list of objects with type and content
  *
@@ -31221,6 +31160,29 @@ const mathOnlyParser = SimpleMarkdown.parserFor({
   inline: true
 });
 
+/**
+ * Replace all text outside of the $ TeX blocks with `\\text{...}`
+ * This way, the entire resulting string can be rendered within <TeX>
+ * and the text outside of the $ blocks will be non-TeX text.
+ */
+function replaceOutsideTeX(mathString) {
+  // All the information we need is in the first section,
+  // whether it's typed as "blockmath" or "paragraph"
+  const parsed = mathOnlyParser(mathString);
+  let result = "";
+  for (const piece of parsed) {
+    piece.type === "math" ? result += "$" + piece.content + "$" : piece.type === "specialCharacter" ? result += escapeIfUnescaped(piece.content) : result += piece.content;
+  }
+  return `\\text{${result}}`;
+}
+function escapeIfUnescaped(character) {
+  if (character.length === 1) {
+    return "\\" + character;
+  } else {
+    return character;
+  }
+}
+
 function AxisLabels() {
   const {
     range,
@@ -34769,6 +34731,7 @@ const MafsGraph = props => {
   const uniqueId = React.useId();
   const descriptionId = `interactive-graph-description-${uniqueId}`;
   const interactiveElementsDescriptionId = `interactive-graph-interactive-elements-description-${uniqueId}`;
+  const unlimitedGraphKeyboardPromptId = `unlimited-graph-keyboard-prompt-${uniqueId}`;
   const graphRef = React.useRef(null);
   const {
     analytics
@@ -34841,7 +34804,7 @@ const MafsGraph = props => {
       handleKeyboardEvent(event, state, dispatch);
     },
     "aria-label": fullGraphAriaLabel,
-    "aria-describedby": describedByIds(fullGraphAriaDescription && descriptionId, interactiveElementsDescription && interactiveElementsDescriptionId),
+    "aria-describedby": describedByIds(fullGraphAriaDescription && descriptionId, interactiveElementsDescription && interactiveElementsDescriptionId, isUnlimitedGraphState(state) && "unlimited-graph-keyboard-prompt"),
     ref: graphRef,
     tabIndex: 0,
     onFocus: event => {
@@ -34911,6 +34874,7 @@ const MafsGraph = props => {
     height: height
   }, /*#__PURE__*/React.createElement("svg", nestedSVGAttributes, props.showProtractor && /*#__PURE__*/React.createElement(Protractor, null), graph)))), interactionPrompt && /*#__PURE__*/React.createElement(View, {
     style: {
+      display: interactionPrompt ? undefined : "hidden",
       textAlign: "center",
       backgroundColor: "white",
       border: "1px solid #21242C52",
@@ -34922,7 +34886,9 @@ const MafsGraph = props => {
       top: "50%",
       transform: "translateY(-50%)"
     }
-  }, /*#__PURE__*/React.createElement(LabelMedium, null, strings.graphKeyboardPrompt))), renderGraphControls({
+  }, /*#__PURE__*/React.createElement(LabelMedium, {
+    id: unlimitedGraphKeyboardPromptId
+  }, strings.graphKeyboardPrompt))), renderGraphControls({
     state,
     dispatch,
     width,
@@ -34985,6 +34951,10 @@ const renderPolygonGraphControls = props => {
   } = props;
   const shouldShowRemoveButton = showRemovePointButton && focusedPointIndex !== null;
 
+  // We want to disable the closePolygon button when
+  // there are not enough coords to make a polygon
+  const disableCloseButton = coords.length < 3;
+
   // If polygon is closed, show open button.
   // If polygon is open, show close button.
   const polygonButton = closedPolygon ? /*#__PURE__*/React.createElement(Button, {
@@ -35002,12 +34972,12 @@ const renderPolygonGraphControls = props => {
     // Conditional disable when there are less than 3 points in
     // the graph
     ,
-    disabled: coords.length < 3,
+    disabled: disableCloseButton,
     style: {
       width: "100%",
       marginLeft: "20px"
     },
-    tabIndex: 0,
+    tabIndex: disableCloseButton ? -1 : 0,
     onClick: () => {
       props.dispatch(actions.polygon.closePolygon());
     }
@@ -35895,8 +35865,12 @@ function doMovePoint(state, action) {
         newValue: newValue
       });
 
-      // Reject the move if it would cause the sides of the polygon to cross
-      if (polygonSidesIntersect(newCoords)) {
+      // Boolean value to track whether we can let the polygon sides interact.
+      // They can interact if it's an unlimited polygon that is open.
+      const polygonSidesCanIntersect = state.numSides === "unlimited" && !state.closedPolygon;
+
+      // Reject the move if it would cause the sides of the polygon to cross.
+      if (!polygonSidesCanIntersect && polygonSidesIntersect(newCoords)) {
         return state;
       }
       return _extends({}, state, {
@@ -44784,7 +44758,7 @@ const init = function init() {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "43.0.0";
+const libVersion = "43.0.1";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {