@khanacademy/perseus-editor 6.5.1 → 6.7.0

package/dist/index.js

@@ -67,7 +67,7 @@ var trashIcon__default = /*#__PURE__*/_interopDefaultLegacy(trashIcon);
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus-editor";
-const libVersion = "6.5.1";
+const libVersion = "6.7.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -30737,7 +30737,9 @@ const LockedLineSettings = props => {
   const capitalizeKind = kind.charAt(0).toUpperCase() + kind.slice(1);
   const lineLabel = `${capitalizeKind} (${point1.coord[0]},
         ${point1.coord[1]}), (${point2.coord[0]}, ${point2.coord[1]})`;
-  const isInvalid = point1.coord[0] === point2.coord[0] && point1.coord[1] === point2.coord[1];
+
+  // Check if the line has length 0.
+  const isInvalid = kmath.vector.equal(point1.coord, point2.coord);
   function handleChangePoint(newPointProps, index) {
     const newPoints = [...points];
     newPoints[index] = {
@@ -31017,6 +31019,15 @@ function getDefaultFigureForType(type) {
         showPoint1: false,
         showPoint2: false
       };
+    case "circle":
+      return {
+        type: "circle",
+        center: [0, 0],
+        radius: 1,
+        color: DEFAULT_COLOR,
+        fillStyle: "none",
+        strokeStyle: "solid"
+      };
     default:
       throw new wonderStuffCore.UnreachableCaseError(type);
   }
@@ -31073,18 +31084,27 @@ const LockedFiguresSection = props => {
   const allCollapsed = expandedStates.every(value => !value);
   const buttonLabel = allCollapsed ? "Expand all" : "Collapse all";
   const showExpandButton = !!figures?.length;
-  return /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, null, figures?.map((figure, index) => /*#__PURE__*/React__namespace.createElement(LockedFigureSettings, _extends({
-    expanded: expandedStates[index],
-    onToggle: newValue => {
-      const newExpanded = [...expandedStates];
-      newExpanded[index] = newValue;
-      setExpandedStates(newExpanded);
-    },
-    key: `${uniqueId}-locked-${figure}-${index}`
-  }, figure, {
-    onChangeProps: newProps => changeProps(index, newProps),
-    onRemove: () => removeLockedFigure(index)
-  }))), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
+  return /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, null, figures?.map((figure, index) => {
+    if (figure.type === "circle") {
+      // TODO(LEMS-1941): Implement circle locked figure settings.
+      // Remove this block once circle locked figure settings are
+      // implemented.
+      return;
+    }
+    return /*#__PURE__*/React__namespace.createElement(LockedFigureSettings, _extends({
+      showM2Features: props.showM2Features,
+      expanded: expandedStates[index],
+      onToggle: newValue => {
+        const newExpanded = [...expandedStates];
+        newExpanded[index] = newValue;
+        setExpandedStates(newExpanded);
+      },
+      key: `${uniqueId}-locked-${figure}-${index}`
+    }, figure, {
+      onChangeProps: newProps => changeProps(index, newProps),
+      onRemove: () => removeLockedFigure(index)
+    }));
+  }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$c.buttonContainer
   }, /*#__PURE__*/React__namespace.createElement(LockedFigureSelect, {
     id: `${uniqueId}-select`,
@@ -31449,6 +31469,7 @@ 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?.["interactive-graph-locked-features-m1"] && this.props.apiOptions?.flags?.mafs?.[this.props.graph.type] && /*#__PURE__*/React__namespace.createElement(LockedFiguresSection, {
+      showM2Features: this.props.apiOptions?.flags?.mafs?.["interactive-graph-locked-features-m2"],
       figures: this.props.lockedFigures,
       onChange: this.props.onChange
     }));
@@ -31486,6 +31507,17 @@ class InteractiveGraphEditor extends React__namespace.Component {
     // @ts-expect-error TS2739 Type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "step" | "gridStep" | "snapStep" | "backgroundImage" | "markings" | "labels" | ... 5 more ... | "range">' is missing the following properties from type 'PerseusInteractiveGraphWidgetOptions': graph, correct
     return json;
   }
+  getSaveWarnings = () => {
+    const issues = [];
+
+    // A locked line on the graph cannot have length 0.
+    for (const figure of this.props.lockedFigures ?? []) {
+      if (figure.type === "line" && kmath.vector.equal(figure.points[0].coord, figure.points[1].coord)) {
+        issues.push("The line cannot have length 0.");
+      }
+    }
+    return issues;
+  };
 }
 const styles$a = aphrodite.StyleSheet.create({
   singleSelectShort: {