@khanacademy/perseus-editor 2.5.2 → 2.6.1

package/dist/index.js

@@ -18430,7 +18430,7 @@ mhchemParser.stateMachines = {
         }
       },
       oxidation$: {
-        "0": {
+        0: {
           action_: "oxidation-output"
         }
       },
@@ -18497,7 +18497,7 @@ mhchemParser.stateMachines = {
           action_: ["output", "d="],
           nextState: "d"
         },
-        "3": {
+        3: {
           action_: ["sb=false", "output", "operator"],
           nextState: "0"
         }
@@ -18591,7 +18591,7 @@ mhchemParser.stateMachines = {
           }],
           nextState: "3"
         },
-        "3": {
+        3: {
           action_: {
             type_: "bond",
             option: "-"
@@ -18691,7 +18691,7 @@ mhchemParser.stateMachines = {
         a: {
           nextState: "as"
         },
-        "0": {
+        0: {
           action_: "sb=false"
         },
         "1|2": {
@@ -19302,12 +19302,12 @@ mhchemParser.stateMachines = {
         "*": {}
       },
       "1/2$": {
-        "0": {
+        0: {
           action_: "1/2"
         }
       },
       else: {
-        "0": {
+        0: {
           nextState: "1",
           revisit: true
         }
@@ -19340,12 +19340,12 @@ mhchemParser.stateMachines = {
         "*": {}
       },
       "1/2$": {
-        "0": {
+        0: {
           action_: "1/2"
         }
       },
       else: {
-        "0": {
+        0: {
           nextState: "1",
           revisit: true
         }
@@ -19446,30 +19446,30 @@ mhchemParser.stateMachines = {
         }
       },
       i$: {
-        "0": {
+        0: {
           nextState: "!f",
           revisit: true
         }
       },
       "(KV letters),": {
-        "0": {
+        0: {
           action_: "rm",
           nextState: "0"
         }
       },
       formula$: {
-        "0": {
+        0: {
           nextState: "f",
           revisit: true
         }
       },
       "1/2$": {
-        "0": {
+        0: {
           action_: "1/2"
         }
       },
       else: {
-        "0": {
+        0: {
           nextState: "!f",
           revisit: true
         }
@@ -19555,19 +19555,19 @@ mhchemParser.stateMachines = {
         "*": {}
       },
       x$: {
-        "0": {
+        0: {
           nextState: "!f",
           revisit: true
         }
       },
       formula$: {
-        "0": {
+        0: {
           nextState: "f",
           revisit: true
         }
       },
       else: {
-        "0": {
+        0: {
           nextState: "!f",
           revisit: true
         }
@@ -19820,13 +19820,13 @@ mhchemParser.stateMachines = {
         }
       },
       "(-)(9)^(-9)": {
-        "0": {
+        0: {
           action_: "number^",
           nextState: "a"
         }
       },
       "(-)(9.,9)(e)(99)": {
-        "0": {
+        0: {
           action_: "enumber",
           nextState: "a"
         }
@@ -20014,16 +20014,16 @@ mhchemParser.stateMachines = {
         }
       },
       "^{(...)}|^(-1)": {
-        "1": {
+        1: {
           action_: "^(-1)"
         }
       },
       "-9.,9": {
-        "0": {
+        0: {
           action_: "rm=",
           nextState: "0"
         },
-        "1": {
+        1: {
           action_: "^(-1)",
           nextState: "0"
         }
@@ -20073,7 +20073,7 @@ mhchemParser.stateMachines = {
   "pu-9,9": {
     transitions: mhchemParser.createTransitions({
       empty: {
-        "0": {
+        0: {
           action_: "output-0"
         },
         o: {
@@ -20081,13 +20081,13 @@ mhchemParser.stateMachines = {
         }
       },
       ",": {
-        "0": {
+        0: {
           action_: ["output-0", "comma"],
           nextState: "o"
         }
       },
       ".": {
-        "0": {
+        0: {
           action_: ["output-0", "copy"],
           nextState: "o"
         }
@@ -23331,10 +23331,7 @@ _defineProperty(TagsDiff, "defaultProps", {
   title: "Question tags"
 });
 
-/**
- * A side by side diff view for Perseus exercise items
- * that do not have the standard question layout.
- */
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /**
  * Outputs true if path begins with beginPath, false otherwise.
  */
@@ -28490,7 +28487,7 @@ const ImageEditor = createReactClass__default["default"]({
       this.setUrl(url, size[0], size[1], true);
     } catch (error) {
       this.setState({
-        backgroundImageError: "There was an error loading the image URL: ".concat(error)
+        backgroundImageError: "There was an error loading the image URL: ".concat(JSON.stringify(error, null, 2))
       });
     }
   },
@@ -33396,12 +33393,15 @@ const {
   TextListEditor: TextListEditor$1
 } = perseus.components;
 const Plotter = perseus.PlotterWidget.widget;
-const BAR = "bar",
-  LINE = "line",
-  PIC = "pic",
-  HISTOGRAM = "histogram",
-  DOTPLOT = "dotplot";
-
+const BAR = "bar";
+const LINE = "line";
+const PIC = "pic";
+const HISTOGRAM = "histogram";
+const DOTPLOT = "dotplot";
+const plotTypes = [BAR, LINE, PIC, HISTOGRAM, DOTPLOT];
+const STARTING = "starting";
+const CORRECT = "correct";
+const editingStates = [STARTING, CORRECT];
 // Return a copy of array with length n, padded with given value
 function padArray(array, n, value) {
   const copy = ___default["default"].clone(array);
@@ -33416,29 +33416,12 @@ const editorDefaults = {
   maxY: 10,
   snapsPerLine: 2
 };
-const widgetPropTypes = {
-  type: PropTypes__default["default"].oneOf([BAR, LINE, PIC, HISTOGRAM, DOTPLOT]),
-  labels: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
-  categories: PropTypes__default["default"].arrayOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string])),
-  scaleY: PropTypes__default["default"].number,
-  maxY: PropTypes__default["default"].number,
-  snapsPerLine: PropTypes__default["default"].number,
-  picSize: PropTypes__default["default"].number,
-  pixBoxHeight: PropTypes__default["default"].number,
-  picUrl: PropTypes__default["default"].string,
-  plotDimensions: PropTypes__default["default"].arrayOf(PropTypes__default["default"].number),
-  labelInterval: PropTypes__default["default"].number,
-  starting: PropTypes__default["default"].arrayOf(PropTypes__default["default"].number),
-  correct: PropTypes__default["default"].arrayOf(PropTypes__default["default"].number),
-  static: PropTypes__default["default"].bool,
-  onChange: PropTypes__default["default"].func
-};
 const formatNumber = num => "$" + kmath.number.round(num, 2) + "$";
 class PlotterEditor extends React__namespace.Component {
   constructor() {
     super(...arguments);
     _defineProperty(this, "state", {
-      editing: this.props.static ? "starting" : "correct",
+      editing: this.props.static ? STARTING : CORRECT,
       pic: null,
       loadedUrl: null,
       minX: null,
@@ -33482,6 +33465,7 @@ class PlotterEditor extends React__namespace.Component {
       let categories;
       if (type === HISTOGRAM) {
         // Switching to histogram, add a label (0) to the left
+        // @ts-expect-error - TS2769
         categories = [formatNumber(0)].concat(this.props.categories);
         this.props.onChange({
           type: type,
@@ -33619,29 +33603,21 @@ class PlotterEditor extends React__namespace.Component {
     };
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-plotter-editor"
-    }, /*#__PURE__*/React__namespace.createElement("div", null, "Chart type:", " ", ___default["default"].map([BAR, LINE, PIC, HISTOGRAM, DOTPLOT], function (type) {
+    }, /*#__PURE__*/React__namespace.createElement("div", null, "Chart type:", " ", plotTypes.map(type => {
       return /*#__PURE__*/React__namespace.createElement("label", {
         key: type
       }, /*#__PURE__*/React__namespace.createElement("input", {
         type: "radio",
-        name: "chart-type"
-        // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
-        ,
+        name: "chart-type",
         checked: this.props.type === type,
-        onChange: ___default["default"].partial(
-        // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
-        this.changeType, type)
+        onChange: ___default["default"].partial(this.changeType, type)
       }), type);
-    }, this)), /*#__PURE__*/React__namespace.createElement("div", null, "Labels:", " ", ___default["default"].map(["x", "y"], function (axis, i) {
+    }, this)), /*#__PURE__*/React__namespace.createElement("div", null, "Labels:", " ", ["x", "y"].map((axis, i) => {
       return /*#__PURE__*/React__namespace.createElement("label", {
         key: axis
       }, axis + ":", /*#__PURE__*/React__namespace.createElement("input", {
         type: "text",
-        onChange: ___default["default"].partial(
-        // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
-        this.changeLabel, i)
-        // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
-        ,
+        onChange: ___default["default"].partial(this.changeLabel, i),
         defaultValue: this.props.labels[i]
       }));
     }, this)), setFromScale && /*#__PURE__*/React__namespace.createElement("div", {
@@ -33692,12 +33668,12 @@ class PlotterEditor extends React__namespace.Component {
       type: "text",
       onChange: this.changeSnaps,
       defaultValue: this.props.snapsPerLine
-    })), /*#__PURE__*/React__namespace.createElement(InfoTip$5, null, /*#__PURE__*/React__namespace.createElement("p", null, "Creates the specified number of divisions between the horizontal lines. Fewer snaps between lines makes the graph easier for the student to create correctly."))), /*#__PURE__*/React__namespace.createElement("div", null, "Editing values:", " ", ["correct", "starting"].map(editing => /*#__PURE__*/React__namespace.createElement("label", {
+    })), /*#__PURE__*/React__namespace.createElement(InfoTip$5, null, /*#__PURE__*/React__namespace.createElement("p", null, "Creates the specified number of divisions between the horizontal lines. Fewer snaps between lines makes the graph easier for the student to create correctly."))), /*#__PURE__*/React__namespace.createElement("div", null, "Editing values:", " ", editingStates.map(editing => /*#__PURE__*/React__namespace.createElement("label", {
       key: editing
     }, /*#__PURE__*/React__namespace.createElement("input", {
       type: "radio",
-      disabled: editing === "correct" && this.props.static,
-      checked: this.props.static ? editing === "starting" : this.state.editing === editing,
+      disabled: editing === CORRECT && this.props.static,
+      checked: this.props.static ? editing === STARTING : this.state.editing === editing,
       onChange: e => this.changeEditing(editing)
     }), editing)), /*#__PURE__*/React__namespace.createElement(InfoTip$5, null, /*#__PURE__*/React__namespace.createElement("p", null, "Use this toggle to switch between editing the correct answer (what the student will be graded on) and the starting values (what the student will see plotted when they start the problem). Note: These cannot be the same."), /*#__PURE__*/React__namespace.createElement("p", null, "In static mode, the starting values are rendered out to the displayed widget."))), /*#__PURE__*/React__namespace.createElement(Plotter, _extends({}, props, {
       starting: this.props[this.state.editing],
@@ -33705,7 +33681,6 @@ class PlotterEditor extends React__namespace.Component {
     })));
   }
 }
-_defineProperty(PlotterEditor, "propTypes", widgetPropTypes);
 _defineProperty(PlotterEditor, "widgetName", "plotter");
 _defineProperty(PlotterEditor, "defaultProps", {
   ...editorDefaults,
@@ -33718,6 +33693,7 @@ _defineProperty(PlotterEditor, "defaultProps", {
   picBoxHeight: 36,
   plotDimensions: [275, 200],
   labelInterval: 1,
+  // @ts-expect-error - TS2322
   get picUrl() {
     const staticUrl = perseus.Dependencies.getDependencies().staticUrl;
     if (staticUrl) {