@khanacademy/perseus-editor 7.0.2 → 8.0.0

package/dist/index.js

@@ -81,7 +81,7 @@ var Banner__default = /*#__PURE__*/_interopDefaultLegacy(Banner);
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus-editor";
-const libVersion = "7.0.2";
+const libVersion = "8.0.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -21430,7 +21430,7 @@ class Editor extends React__namespace.Component {
     } else if (templateType === "allWidgets") {
       template = perseus.Widgets.getAllWidgetTypes().map(type => `[[${perseus.Util.snowman} ${type} 1]]`).join("\n\n");
     } else {
-      throw new perseus.PerseusError("Invalid template type: " + templateType, perseus.Errors.InvalidInput, {
+      throw new perseusCore.PerseusError("Invalid template type: " + templateType, perseusCore.Errors.InvalidInput, {
         metadata: {
           templateType
         }
@@ -22090,7 +22090,7 @@ class ArticleEditor extends React__namespace.Component {
     if (this.props.mode === "preview" || this.props.mode === "json") {
       return this.props.json;
     }
-    throw new perseus.PerseusError("Could not serialize; mode " + this.props.mode + " not found", perseus.Errors.Internal);
+    throw new perseusCore.PerseusError("Could not serialize; mode " + this.props.mode + " not found", perseusCore.Errors.Internal);
   }
 
   /**
@@ -22103,7 +22103,7 @@ class ArticleEditor extends React__namespace.Component {
     if (this.props.mode !== "edit") {
       // TODO(joshuan): We should be able to get save warnings in
       // preview mode.
-      throw new perseus.PerseusError("Can only get save warnings in edit mode.", perseus.Errors.NotAllowed);
+      throw new perseusCore.PerseusError("Can only get save warnings in edit mode.", perseusCore.Errors.NotAllowed);
     }
     return this._sections().map((section, i) => {
       // eslint-disable-next-line react/no-string-refs
@@ -25888,7 +25888,7 @@ class CSProgramEditor extends React__namespace.Component {
         programType: programType
       });
     }).fail((jqxhr, textStatus, error) => {
-      perseus.Log.error("Error retrieving scratchpad info for program ID ", perseus.Errors.TransientService, {
+      perseus.Log.error("Error retrieving scratchpad info for program ID ", perseusCore.Errors.TransientService, {
         // @ts-expect-error - TS2322 - Type 'string' is not assignable to type 'Error | null | undefined'.
         cause: error,
         loggedMetadata: {
@@ -29765,6 +29765,14 @@ function getDefaultFigureForType(type) {
         fillStyle: "none",
         strokeStyle: "solid"
       };
+    case "function":
+      return {
+        type: "function",
+        color: DEFAULT_COLOR,
+        strokeStyle: "solid",
+        equation: "x^2",
+        directionalAxis: "x"
+      };
     default:
       throw new wonderStuffCore.UnreachableCaseError(type);
   }
@@ -31050,6 +31058,12 @@ const LockedFiguresSection = props => {
   const buttonLabel = allCollapsed ? "Expand all" : "Collapse all";
   const showExpandButton = !!figures?.length;
   return /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, null, figures?.map((figure, index) => {
+    if (figure.type === "function") {
+      // TODO(LEMS-1947): Add locked function settings.
+      // Remove this block once function locked figure settings are
+      // implemented.
+      return;
+    }
     return /*#__PURE__*/React__namespace.createElement(LockedFigureSettings, _extends({
       key: `${uniqueId}-locked-${figure}-${index}`,
       showM2Features: props.showM2Features,
@@ -34532,9 +34546,14 @@ class NumericInputEditor extends React__namespace.Component {
       onChange: this.props.onChange
     }), /*#__PURE__*/React__namespace.createElement(InfoTip$7, null, /*#__PURE__*/React__namespace.createElement("p", null, "A coefficient style number allows the student to use - for -1 and an empty string to mean 1."))));
     const addAnswerButton = /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("a", {
-      href: "javascript:void(0)",
+      href: "#",
       className: "simple-button orange",
-      onClick: () => this.addAnswer(),
+      onClick: e => {
+        // preventDefault ensures that href="#"
+        // doesn't scroll to the top of the page
+        e.preventDefault();
+        this.addAnswer();
+      },
       onKeyDown: e => this.onSpace(e, this.addAnswer)
     }, /*#__PURE__*/React__namespace.createElement("span", null, "Add new answer")));
     const instructions = {
@@ -34616,21 +34635,36 @@ class NumericInputEditor extends React__namespace.Component {
       })) : null, /*#__PURE__*/React__namespace.createElement("div", {
         className: "value-divider"
       }), /*#__PURE__*/React__namespace.createElement("a", {
-        href: "javascript:void(0)",
+        href: "#",
         className: "answer-status " + answer.status,
-        onClick: () => this.onStatusChange(i),
+        onClick: e => {
+          // preventDefault ensures that href="#"
+          // doesn't scroll to the top of the page
+          e.preventDefault();
+          this.onStatusChange(i);
+        },
         onKeyDown: e => this.onSpace(e, this.onStatusChange)
       }, answer.status), /*#__PURE__*/React__namespace.createElement("a", {
-        href: "javascript:void(0)",
+        href: "#",
         className: "answer-trash",
         "aria-label": "Delete answer",
-        onClick: () => this.onTrashAnswer(i),
+        onClick: e => {
+          // preventDefault ensures that href="#"
+          // doesn't scroll to the top of the page
+          e.preventDefault();
+          this.onTrashAnswer(i);
+        },
         onKeyDown: e => this.onSpace(e, this.onTrashAnswer)
       }, /*#__PURE__*/React__namespace.createElement(InlineIcon$2, iconTrash$1)), /*#__PURE__*/React__namespace.createElement("a", {
-        href: "javascript:void(0)",
+        href: "#",
         className: "options-toggle",
         "aria-label": "Toggle options",
-        onClick: () => this.onToggleOptions(i),
+        onClick: e => {
+          // preventDefault ensures that href="#"
+          // doesn't scroll to the top of the page
+          e.preventDefault();
+          this.onToggleOptions(i);
+        },
         onKeyDown: e => this.onSpace(e, this.onToggleOptions)
       }, /*#__PURE__*/React__namespace.createElement(InlineIcon$2, iconGear))), /*#__PURE__*/React__namespace.createElement("div", {
         className: "input-answer-editor-message"