@khanacademy/perseus-editor 14.1.0 → 14.1.2

package/dist/index.js

@@ -95,7 +95,7 @@ var arrowCounterClockwise__default = /*#__PURE__*/_interopDefaultLegacy(arrowCou
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus-editor";
-const libVersion = "14.1.0";
+const libVersion = "14.1.2";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -29880,34 +29880,20 @@ const getAngleEquation = startCoords => {
   const roundedAngle = angle.toFixed(0);
   return `${roundedAngle}\u00B0 angle at (${vertex[0]}, ${vertex[1]})`;
 };
-const shouldShowStartCoordsUI = (flags, graph) => {
-  // TODO(LEMS-2228): Remove flags once this is fully released
-  const startCoordsUiPhase1Types = ["linear", "linear-system", "ray", "segment", "circle"];
-  const startCoordsUiPhase2Types = ["sinusoid", "quadratic"];
-  const startCoordsPhase1 = flags?.mafs?.["start-coords-ui-phase-1"];
-  const startCoordsPhase2 = flags?.mafs?.["start-coords-ui-phase-2"];
-  const startCoordsPoint = flags?.mafs?.["start-coords-ui-point"];
-  const startCoordsPolygon = flags?.mafs?.["start-coords-ui-polygon"];
-  const startCoordsAngle = flags?.mafs?.["start-coords-ui-angle"];
-  if (startCoordsPhase1 && startCoordsUiPhase1Types.includes(graph.type)) {
-    return true;
-  }
-  if (startCoordsPhase2 && startCoordsUiPhase2Types.includes(graph.type)) {
-    return true;
-  }
-  if (startCoordsAngle && graph.type === "angle") {
-    return true;
+const shouldShowStartCoordsUI = (graph, isStatic) => {
+  // We don't show the start coords UI for static graphs, since
+  // the coords shown for this are determined by the coords on the
+  // "correct" graph. The start coords would not be used here.
+  if (isStatic) {
+    return false;
   }
-  if (startCoordsPoint && graph.type === "point" && graph.numPoints !== "unlimited") {
-    return true;
+  if (graph.type === "point" && graph.numPoints === "unlimited") {
+    return false;
   }
-  if (startCoordsPolygon && graph.type === "polygon" && graph.numSides !== "unlimited" && (
-  // Pre-initialized graph with undefined snapTo value
-  // initializes to snapTo="grid"
-  graph.snapTo === "grid" || graph.snapTo === undefined)) {
-    return true;
+  if (graph.type === "polygon" && (graph.numSides === "unlimited" || graph.snapTo === "angles" || graph.snapTo === "sides")) {
+    return false;
   }
-  return false;
+  return true;
 };
 
 /**
@@ -29922,10 +29908,7 @@ const LockedFigureSelect = props => {
     id,
     onChange
   } = props;
-  const figureTypes = ["point", "line", "vector", "ellipse", "polygon"];
-  if (props.showM2bFeatures) {
-    figureTypes.push("function");
-  }
+  const figureTypes = ["point", "line", "vector", "ellipse", "polygon", "function"];
   if (props.showLabelsFlag) {
     figureTypes.push("label");
   }
@@ -31626,10 +31609,7 @@ const LockedFigureSettings = props => {
     case "polygon":
       return /*#__PURE__*/React__namespace.createElement(LockedPolygonSettings, props);
     case "function":
-      if (props.showM2bFeatures) {
-        return /*#__PURE__*/React__namespace.createElement(LockedFunctionSettings, props);
-      }
-      break;
+      return /*#__PURE__*/React__namespace.createElement(LockedFunctionSettings, props);
     case "label":
       if (props.showLabelsFlag) {
         return /*#__PURE__*/React__namespace.createElement(LockedLabelSettings, props);
@@ -31742,7 +31722,6 @@ const LockedFiguresSection = props => {
   }), isExpanded && /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, null, figures?.map((figure, index) => {
     return /*#__PURE__*/React__namespace.createElement(LockedFigureSettings, _extends({
       key: `${uniqueId}-locked-${figure}-${index}`,
-      showM2bFeatures: props.showM2bFeatures,
       showLabelsFlag: props.showLabelsFlag,
       expanded: expandedStates[index],
       onToggle: newValue => {
@@ -31758,7 +31737,6 @@ const LockedFiguresSection = props => {
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$n.buttonContainer
   }, /*#__PURE__*/React__namespace.createElement(LockedFigureSelect, {
-    showM2bFeatures: props.showM2bFeatures,
     showLabelsFlag: props.showLabelsFlag,
     id: `${uniqueId}-select`,
     onChange: addLockedFigure
@@ -31914,24 +31892,20 @@ function InteractiveGraphDescription(props) {
     value: ariaLabelValue,
     onChange: newValue => onChange({
       fullGraphAriaLabel: newValue
-    })
+    }),
+    style: styles$k.spaceAbove
   })), /*#__PURE__*/React__namespace.createElement(Strut, {
-    size: wonderBlocksTokens.spacing.xSmall_8
+    size: wonderBlocksTokens.spacing.small_12
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelLarge, {
     tag: "label"
-    // TODO(LEMS-2332): Remove this style prop after
-    // switching to WB TextArea
-    ,
-    style: {
-      display: "flex",
-      flexDirection: "column"
-    }
-  }, "Description", /*#__PURE__*/React__namespace.createElement("textarea", {
+  }, "Description", /*#__PURE__*/React__namespace.createElement(wonderBlocksForm.TextArea, {
     rows: 8,
+    resizeType: "vertical",
     value: ariaDescriptionValue,
-    onChange: e => onChange({
-      fullGraphAriaDescription: e.target.value
-    })
+    onChange: newValue => onChange({
+      fullGraphAriaDescription: newValue
+    }),
+    style: styles$k.spaceAbove
   }))));
 }
 const styles$k = aphrodite.StyleSheet.create({
@@ -31939,6 +31913,9 @@ const styles$k = aphrodite.StyleSheet.create({
     color: wonderBlocksTokens.color.offBlack64,
     paddingTop: wonderBlocksTokens.spacing.xxSmall_6,
     paddingBottom: wonderBlocksTokens.spacing.xxSmall_6
+  },
+  spaceAbove: {
+    marginTop: wonderBlocksTokens.spacing.xxxSmall_4
   }
 });
 
@@ -33202,9 +33179,7 @@ class InteractiveGraphEditor extends React__namespace.Component {
           }
         });
       }
-    })), this.props.graph?.type &&
-    // TODO(LEMS-2228): Remove flags once this is fully released
-    shouldShowStartCoordsUI(this.props.apiOptions.flags, this.props.graph) && /*#__PURE__*/React__namespace.createElement(StartCoordsSettings, _extends({}, this.props.graph, {
+    })), this.props.graph?.type && shouldShowStartCoordsUI(this.props.graph, this.props.static) && /*#__PURE__*/React__namespace.createElement(StartCoordsSettings, _extends({}, this.props.graph, {
       range: this.props.range,
       step: this.props.step,
       onChange: this.changeStartCoords
@@ -33291,7 +33266,6 @@ class InteractiveGraphEditor extends React__namespace.Component {
     // Only show the "Add locked figure" dropdown if the graph
     // is using Mafs.
     this.props.graph && this.props.apiOptions?.flags?.mafs?.[this.props.graph.type] && /*#__PURE__*/React__namespace.createElement(LockedFiguresSection, {
-      showM2bFeatures: this.props.apiOptions?.flags?.mafs?.["interactive-graph-locked-features-m2b"],
       showLabelsFlag: this.props.apiOptions?.flags?.mafs?.["interactive-graph-locked-features-labels"],
       figures: this.props.lockedFigures,
       onChange: this.props.onChange