@khanacademy/perseus 57.2.0 → 57.2.1

package/dist/index.js

@@ -29386,7 +29386,28 @@ const LockedEllipse = props => {
   }));
 };
 
+function clampDomain(domain, graphBounds) {
+  // If the domain is invalid, return the graph bounds
+  if (domain[0] > domain[1]) {
+    return graphBounds;
+  }
+
+  // If the domain is outside the graph bounds, return null
+  if (domain[0] < graphBounds[0] && domain[1] < graphBounds[0] || domain[0] > graphBounds[1] && domain[1] > graphBounds[1]) {
+    return null;
+  }
+
+  // Clamp the function to the bounds of the graph to prevent memory
+  // leaks when the domain is set to something like [-Infinity, Infinity].
+  const min = Math.max(domain[0], graphBounds[0]);
+  const max = Math.min(domain[1], graphBounds[1]);
+  return [min, max];
+}
+
 const LockedFunction = props => {
+  const {
+    range
+  } = useGraphConfig();
   const [equation, setEquation] = React.useState();
   const {
     color,
@@ -29396,8 +29417,7 @@ const LockedFunction = props => {
   } = props;
   const plotProps = {
     color: perseusCore.lockedFigureColors[color],
-    style: strokeStyle,
-    domain
+    style: strokeStyle
   };
   const hasAria = !!props.ariaLabel;
   React.useEffect(() => {
@@ -29408,6 +29428,12 @@ const LockedFunction = props => {
   if (typeof equation === "undefined") {
     return null;
   }
+  const clampedDomain = directionalAxis === "x" ? clampDomain(domain, range[0]) : clampDomain(domain, range[1]);
+
+  // The domain entirely is outside the bounds of the graph. Don't render.
+  if (clampedDomain === null) {
+    return null;
+  }
   return /*#__PURE__*/React__namespace.createElement("g", {
     className: "locked-function",
     "aria-label": hasAria ? props.ariaLabel : undefined,
@@ -29416,11 +29442,13 @@ const LockedFunction = props => {
   }, directionalAxis === "x" && /*#__PURE__*/React__namespace.createElement(mafs.Plot.OfX, _extends__default["default"]({
     y: x => equation.eval({
       x
-    })
+    }),
+    domain: clampedDomain
   }, plotProps)), directionalAxis === "y" && /*#__PURE__*/React__namespace.createElement(mafs.Plot.OfY, _extends__default["default"]({
     x: y => equation.eval({
       y
-    })
+    }),
+    domain: clampedDomain
   }, plotProps)));
 };
 
@@ -42011,7 +42039,7 @@ const addLibraryVersionToPerseusDebug = (libraryName, libraryVersion) => {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "57.2.0";
+const libVersion = "57.2.1";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {