@khanacademy/perseus-editor 7.0.3 → 8.0.0

package/dist/es/index.js

@@ -1,5 +1,5 @@
-import { addLibraryVersionToPerseusDebug } from '@khanacademy/perseus-core';
-import { constants, components, Widgets, icons, WIDGET_PROP_DENYLIST, Util, Log, PerseusError, Errors, PerseusMarkdown, preprocessTex, ApiOptions, buildMapper, itemToTree, buildEmptyItemTreeForShape, shapes, ItemExtras, itemDataVersion, ClassNames, MultiItems, traverse, Categorizer as Categorizer$1, Changeable, EditorJsonify, Dependencies, WidgetJsonifyDeprecated, PerseusExpressionAnswerFormConsidered, Expression, interactiveSizes, KhanMath, GrapherWidget, GrapherUtil, SizingUtils, PerseusI18nContext, KhanColors, ColorPicker, DashPicker, ArrowPicker, ElementContainer, lockedFigureColors, lockedFigureFillStyles, InteractiveGraphWidget, globalStyles, globalConstants, MatrixWidget, PlotterWidget, plotterPlotTypes, BaseRadio, TableWidget, displaySigFigs, widgets } from '@khanacademy/perseus';
+import { addLibraryVersionToPerseusDebug, PerseusError, Errors } from '@khanacademy/perseus-core';
+import { constants, components, Widgets, icons, WIDGET_PROP_DENYLIST, Util, Log, PerseusMarkdown, preprocessTex, ApiOptions, buildMapper, itemToTree, buildEmptyItemTreeForShape, shapes, ItemExtras, itemDataVersion, ClassNames, MultiItems, traverse, Categorizer as Categorizer$1, Changeable, EditorJsonify, Dependencies, WidgetJsonifyDeprecated, PerseusExpressionAnswerFormConsidered, Expression, interactiveSizes, KhanMath, GrapherWidget, GrapherUtil, SizingUtils, PerseusI18nContext, KhanColors, ColorPicker, DashPicker, ArrowPicker, ElementContainer, lockedFigureColors, lockedFigureFillStyles, InteractiveGraphWidget, globalStyles, globalConstants, MatrixWidget, PlotterWidget, plotterPlotTypes, BaseRadio, TableWidget, displaySigFigs, widgets } from '@khanacademy/perseus';
 import * as React from 'react';
 import { useRef, useEffect } from 'react';
 import _ from 'underscore';
@@ -36,7 +36,7 @@ import Banner from '@khanacademy/wonder-blocks-banner';
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus-editor";
-const libVersion = "7.0.3";
+const libVersion = "8.0.0";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -34471,9 +34471,14 @@ class NumericInputEditor extends React.Component {
       onChange: this.props.onChange
     }), /*#__PURE__*/React.createElement(InfoTip$7, null, /*#__PURE__*/React.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.createElement("div", null, /*#__PURE__*/React.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.createElement("span", null, "Add new answer")));
     const instructions = {
@@ -34555,21 +34560,36 @@ class NumericInputEditor extends React.Component {
       })) : null, /*#__PURE__*/React.createElement("div", {
         className: "value-divider"
       }), /*#__PURE__*/React.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.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.createElement(InlineIcon$2, iconTrash$1)), /*#__PURE__*/React.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.createElement(InlineIcon$2, iconGear))), /*#__PURE__*/React.createElement("div", {
         className: "input-answer-editor-message"