@khanacademy/perseus-editor 7.0.2 → 8.0.0

package/dist/components/util.d.ts

@@ -1,10 +1,11 @@
-import type { LockedFigure, LockedFigureType, LockedPointType, LockedLineType, LockedEllipseType, LockedVectorType, LockedPolygonType } from "@khanacademy/perseus";
+import type { LockedFigure, LockedFigureType, LockedPointType, LockedLineType, LockedEllipseType, LockedVectorType, LockedPolygonType, LockedFunctionType } from "@khanacademy/perseus";
 export declare function focusWithChromeStickyFocusBugWorkaround(element: Element): void;
 export declare function getDefaultFigureForType(type: "point"): LockedPointType;
 export declare function getDefaultFigureForType(type: "line"): LockedLineType;
 export declare function getDefaultFigureForType(type: "vector"): LockedVectorType;
 export declare function getDefaultFigureForType(type: "ellipse"): LockedEllipseType;
 export declare function getDefaultFigureForType(type: "polygon"): LockedPolygonType;
+export declare function getDefaultFigureForType(type: "function"): LockedFunctionType;
 export declare function getDefaultFigureForType(type: LockedFigureType): LockedFigure;
 export declare function degreeToRadian(degrees: number): number;
 export declare function radianToDegree(radians: number): number;

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.2";
+const libVersion = "8.0.0";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -29679,6 +29679,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 UnreachableCaseError(type);
   }
@@ -30957,6 +30965,12 @@ const LockedFiguresSection = props => {
   const buttonLabel = allCollapsed ? "Expand all" : "Collapse all";
   const showExpandButton = !!(figures != null && figures.length);
   return /*#__PURE__*/React.createElement(View, null, figures == null ? void 0 : 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.createElement(LockedFigureSettings, _extends({
       key: `${uniqueId}-locked-${figure}-${index}`,
       showM2Features: props.showM2Features,
@@ -34457,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 = {
@@ -34541,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"