@khanacademy/perseus 41.1.1 → 41.2.0

package/dist/es/index.js

@@ -31598,6 +31598,63 @@ const lockedFigureFillStyles = {
 
 const plotterPlotTypes = ["bar", "line", "pic", "histogram", "dotplot"];
 
+/**
+ * 44 is touch best practice and AAA compliant for WCAG
+ * https://www.w3.org/WAI/WCAG21/Understanding/target-size.html
+ */
+const TARGET_SIZE = 44;
+const REMOVE_BUTTON_ID = "perseus_mafs_remove_button";
+
+// same as pointsFromNormalized in interactive-graph.tsx
+const normalizePoints = (range, step, coordsList, noSnap) => coordsList.map(coords =>
+// maps over [x, y]
+coords.map((coord, i) => {
+  const axisRange = range[i];
+  if (noSnap) {
+    return axisRange[MIN] + size(axisRange) * coord;
+  }
+  const axisStep = step[i];
+  const nSteps = Math.floor(size(axisRange) / axisStep);
+  const tick = Math.round(coord * nSteps);
+  return axisRange[MIN] + axisStep * tick;
+}));
+
+// same as normalizeCoords in interactive-graph.tsx
+const normalizeCoords = (coordsList, ranges) => coordsList.map(coords => coords.map((coord, i) => {
+  return (coord + ranges[i][1]) / size(ranges[i]);
+}));
+
+// Returns the closest point to the given `point` that is within the graph
+// bounds given in `state`.
+function bound$1({
+  snapStep,
+  range,
+  point
+}) {
+  const boundingBox = inset(snapStep, range);
+  return clampToBox(boundingBox, point);
+}
+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) {
+  let currentlyTeX = mathString[0] === "$";
+  let result = "";
+  const splitString = mathString.split("$").filter(part => part !== "");
+  for (let i = 0; i < splitString.length; i++) {
+    const part = splitString[i];
+    result += currentlyTeX ? part : `\\text{${part}}`;
+    currentlyTeX = !currentlyTeX;
+  }
+  return result;
+}
+
 function LockedLabel(props) {
   const {
     coord,
@@ -31610,7 +31667,7 @@ function LockedLabel(props) {
     TeX
   } = getDependencies();
 
-  // Move this all outside the SVG element
+  // Note: The TeX component cannot be rendered within an SVG
   return /*#__PURE__*/React.createElement("span", {
     className: "locked-label",
     style: {
@@ -31622,7 +31679,7 @@ function LockedLabel(props) {
       backgroundColor: "rgba(255, 255, 255, 0.8)"
     },
     "aria-hidden": true
-  }, /*#__PURE__*/React.createElement(TeX, null, text));
+  }, /*#__PURE__*/React.createElement(TeX, null, replaceOutsideTeX(text)));
 }
 
 function GraphLockedLabelsLayer(props) {
@@ -32542,46 +32599,6 @@ function calculateBisectorPoint(point1, point2, vertex, isReflex, allowReflex, a
   return scaledBisector;
 }
 
-/**
- * 44 is touch best practice and AAA compliant for WCAG
- * https://www.w3.org/WAI/WCAG21/Understanding/target-size.html
- */
-const TARGET_SIZE = 44;
-const REMOVE_BUTTON_ID = "perseus_mafs_remove_button";
-
-// same as pointsFromNormalized in interactive-graph.tsx
-const normalizePoints = (range, step, coordsList, noSnap) => coordsList.map(coords =>
-// maps over [x, y]
-coords.map((coord, i) => {
-  const axisRange = range[i];
-  if (noSnap) {
-    return axisRange[MIN] + size(axisRange) * coord;
-  }
-  const axisStep = step[i];
-  const nSteps = Math.floor(size(axisRange) / axisStep);
-  const tick = Math.round(coord * nSteps);
-  return axisRange[MIN] + axisStep * tick;
-}));
-
-// same as normalizeCoords in interactive-graph.tsx
-const normalizeCoords = (coordsList, ranges) => coordsList.map(coords => coords.map((coord, i) => {
-  return (coord + ranges[i][1]) / size(ranges[i]);
-}));
-
-// Returns the closest point to the given `point` that is within the graph
-// bounds given in `state`.
-function bound$1({
-  snapStep,
-  range,
-  point
-}) {
-  const boundingBox = inset(snapStep, range);
-  return clampToBox(boundingBox, point);
-}
-function isUnlimitedGraphState(state) {
-  return state.type === "point" && state.numPoints === "unlimited" || state.type === "polygon" && state.numSides === "unlimited";
-}
-
 var isProduction = process.env.NODE_ENV === 'production';
 var prefix = 'Invariant failed';
 function invariant(condition, message) {
@@ -43996,41 +44013,16 @@ var extraWidgets = [Categorizer$1, CSProgram$1, Dropdown$1, Explanation$1, Defin
  * This should be called by all clients, specifying whether extra widgets are
  * needed via `loadExtraWidgets`. It is idempotent, so it's not a problem to
  * call it multiple times.
- *
- * skipMathJax:
- *   If false/undefined, MathJax will be configured, and the
- *   promise will wait for MathJax to load (if it hasn't already).
  */
-const init = function init(options) {
+const init = function init() {
   registerWidgets(basicWidgets);
   registerWidgets(extraWidgets);
   replaceDeprecatedWidgets();
-
-  // Pass skipMathJax: true if MathJax is already loaded and configured.
-  const skipMathJax = options.skipMathJax;
-  if (skipMathJax) {
-    // @ts-expect-error - TS2322 - Type 'Promise<void>' is not assignable to type 'Promise<undefined>'.
-    return Promise.resolve();
-  }
-  return new Promise((resolve, reject) => {
-    MathJax.Hub.Config({
-      messageStyle: "none",
-      skipStartupTypeset: "none",
-      "HTML-CSS": {
-        availableFonts: ["TeX"],
-        imageFont: null,
-        scale: 100,
-        showMathMenu: false
-      }
-    });
-    MathJax.Hub.Configured();
-    MathJax.Hub.Queue(resolve);
-  });
 };
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "41.1.1";
+const libVersion = "41.2.0";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {