@khanacademy/perseus 22.0.0 → 22.0.1

package/dist/index.js

@@ -2594,7 +2594,7 @@ class Expression extends React__namespace.Component {
   blurInputPath = inputPath => {
     // eslint-disable-next-line react/no-string-refs
     // @ts-expect-error - TS2339 - Property 'blur' does not exist on type 'ReactInstance'.
-    this.refs.input.blur();
+    this.refs.input?.blur();
   };
 
   // HACK(joel)
@@ -21945,7 +21945,7 @@ class SimpleKeypadInput extends React__namespace.Component {
 
   blur() {
     // @ts-expect-error - TS2339 - Property 'blur' does not exist on type 'ReactInstance'.
-    this.refs.input.blur(); // eslint-disable-line react/no-string-refs
+    this.refs.input?.blur(); // eslint-disable-line react/no-string-refs
   }
 
   getValue() {
@@ -22152,7 +22152,7 @@ class InputNumber extends React__namespace.Component {
   blurInputPath = inputPath => {
     // eslint-disable-next-line react/no-string-refs
     // @ts-expect-error - TS2339 - Property 'blur' does not exist on type 'ReactInstance'.
-    this.refs.input.blur();
+    this.refs.input?.blur();
   };
   getInputPaths = () => {
     // The widget itself is an input, so we return a single empty list to
@@ -29170,7 +29170,7 @@ function Arrowhead(props) {
     d: arrowPath,
     fill: "none",
     style: {
-      stroke: "inherit"
+      stroke: props.color ?? "inherit"
     },
     strokeLinejoin: "round",
     strokeLinecap: "round"
@@ -29776,22 +29776,27 @@ function AxisArrows() {
   const {
     range: [[xMin, xMax], [yMin, yMax]]
   } = useGraphConfig();
+  const axisColor = "var(--mafs-fg)";
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Arrowhead, {
+    color: axisColor,
+    x: xMin,
+    y: 0,
+    angle: 180
+  }), /*#__PURE__*/React__default["default"].createElement(Arrowhead, {
+    color: axisColor,
     x: xMax,
     y: 0,
     angle: 0
   }), /*#__PURE__*/React__default["default"].createElement(Arrowhead, {
+    color: axisColor,
     x: 0,
     y: yMin,
-    angle: 90
-  }), /*#__PURE__*/React__default["default"].createElement(Arrowhead, {
-    x: xMin,
-    y: 0,
-    angle: 180
+    angle: 270
   }), /*#__PURE__*/React__default["default"].createElement(Arrowhead, {
+    color: axisColor,
     x: 0,
     y: yMax,
-    angle: 270
+    angle: 90
   }));
 }
 
@@ -29919,7 +29924,7 @@ const Grid = props => {
   return props.markings === "none" ? null : /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(mafs.Coordinates.Cartesian, {
     xAxis: axisOptions(props, 0),
     yAxis: axisOptions(props, 1)
-  }), props.markings === "graph" && /*#__PURE__*/React__namespace.createElement(AxisArrows, null),
+  }),
   // Only render the axis ticks and arrows if the markings are set to a full "graph"
   props.markings === "graph" && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(AxisTicks, {
     range: props.range,
@@ -43331,7 +43336,7 @@ const init = function (options) {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "22.0.0";
+const libVersion = "22.0.1";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {