@khanacademy/perseus 22.5.0 → 22.5.1

package/dist/es/index.js

@@ -29683,14 +29683,12 @@ function initializeGraphState(params) {
     graph,
     step,
     snapStep,
-    range,
-    markings
+    range
   } = params;
   const shared = {
     hasBeenInteractedWith: false,
     range,
-    snapStep,
-    markings
+    snapStep
   };
   switch (graph.type) {
     case "segment":
@@ -31182,35 +31180,22 @@ function mafsStateToInteractiveGraph(state) {
   return _extends({}, state);
 }
 const StatefulMafsGraph = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    onChange
+  } = props;
   const [state, dispatch] = React.useReducer(interactiveGraphReducer, props, initializeGraphState);
   useImperativeHandle(ref, () => ({
     getUserInput: () => getGradableGraph(state, props.graph)
   }));
-  function onChange(next) {
-    props.onChange(mafsStateToInteractiveGraph(next));
-  }
-  return /*#__PURE__*/React.createElement(MafsGraph, _extends({}, props, {
-    state: state,
-    dispatch: dispatch,
-    onChange: onChange
-  }));
-});
-const MafsGraph = props => {
-  const {
-    state,
-    dispatch,
-    labels
-  } = props;
-  const [width, height] = props.box;
   const prevState = useRef(state);
   useEffect(() => {
     if (prevState.current !== state) {
-      props.onChange({
+      onChange(mafsStateToInteractiveGraph({
         graph: state
-      });
+      }));
     }
     prevState.current = state;
-  }, [props, state]);
+  }, [onChange, state]);
 
   // Destructuring first to keep useEffect from making excess calls
   const [xSnap, ySnap] = props.snapStep;
@@ -31223,6 +31208,18 @@ const MafsGraph = props => {
   useEffect(() => {
     dispatch(changeRange([[xMinRange, xMaxRange], [yMinRange, yMaxRange]]));
   }, [dispatch, xMinRange, xMaxRange, yMinRange, yMaxRange]);
+  return /*#__PURE__*/React.createElement(MafsGraph, _extends({}, props, {
+    state: state,
+    dispatch: dispatch
+  }));
+});
+const MafsGraph = props => {
+  const {
+    state,
+    dispatch,
+    labels
+  } = props;
+  const [width, height] = props.box;
   return /*#__PURE__*/React.createElement(GraphConfigContext.Provider, {
     value: {
       range: state.range,
@@ -31255,8 +31252,8 @@ const MafsGraph = props => {
   }, props.markings === "graph" && /*#__PURE__*/React.createElement(AxisLabels, null), /*#__PURE__*/React.createElement(Mafs, {
     preserveAspectRatio: false,
     viewBox: {
-      x: props.range[0],
-      y: props.range[1],
+      x: state.range[0],
+      y: state.range[1],
       padding: 0
     },
     pan: false,
@@ -31266,12 +31263,12 @@ const MafsGraph = props => {
   }, /*#__PURE__*/React.createElement(SvgDefs, null), /*#__PURE__*/React.createElement(Grid, {
     tickStep: props.step,
     gridStep: props.gridStep,
-    range: props.range,
+    range: state.range,
     containerSizeClass: props.containerSizeClass,
     markings: props.markings
   }), props.lockedFigures && /*#__PURE__*/React.createElement(GraphLockedLayer, {
     lockedFigures: props.lockedFigures,
-    range: props.range
+    range: state.range
   }), renderGraph({
     state,
     dispatch
@@ -43372,7 +43369,7 @@ const init = function init(options) {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "22.5.0";
+const libVersion = "22.5.1";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {