@khanacademy/perseus-editor 6.0.1 → 6.0.3

package/dist/es/index.js

@@ -29,7 +29,7 @@ import Button from '@khanacademy/wonder-blocks-button';
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus-editor";
-const libVersion = "6.0.1";
+const libVersion = "6.0.3";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -33380,6 +33380,94 @@ const initAnswer = status => {
 class NumericInputEditor extends React.Component {
   constructor(props) {
     super(props);
+    this.change = (...args) => {
+      return Changeable.change.apply(this, args);
+    };
+    this.onToggleOptions = choiceIndex => {
+      const showOptions = this.state.showOptions.slice();
+      showOptions[choiceIndex] = !showOptions[choiceIndex];
+      this.setState({
+        showOptions: showOptions
+      });
+    };
+    this.onTrashAnswer = choiceIndex => {
+      if (choiceIndex >= 0 && choiceIndex < this.props.answers.length) {
+        const answers = this.props.answers.slice(0);
+        answers.splice(choiceIndex, 1);
+        this.props.onChange({
+          answers: answers
+        });
+      }
+    };
+    this.onSpace = (e, callback, ...args) => {
+      if (e.key === " ") {
+        e.preventDefault(); // prevent page shifting
+        callback.apply(this, args);
+      }
+    };
+    this.onStatusChange = choiceIndex => {
+      const statuses = ["wrong", "ungraded", "correct"];
+      const answers = this.props.answers;
+      const i = _.indexOf(statuses, answers[choiceIndex].status);
+      const newStatus = statuses[(i + 1) % statuses.length];
+      this.updateAnswer(choiceIndex, {
+        status: newStatus,
+        simplify: newStatus === "correct" ? "required" : "accepted"
+      });
+    };
+    this.updateAnswer = (choiceIndex, update) => {
+      if (!_.isObject(update)) {
+        return _.partial((choiceIndex, key, value) => {
+          const update = {};
+          update[key] = value;
+          this.updateAnswer(choiceIndex, update);
+        }, choiceIndex, update);
+      }
+      let answers = [
+      // Have to do this to remove the `readonly` state from the prop
+      ...this.props.answers];
+
+      // Don't bother to make a new answer box unless we are editing the last
+      // one.
+      // TODO(oliver): This might not be necessary anymore.
+      if (choiceIndex === answers.length) {
+        const lastAnswer = initAnswer(this.state.lastStatus);
+        answers = answers.concat(lastAnswer);
+      }
+      answers[choiceIndex] = _.extend({}, answers[choiceIndex], update);
+      this.props.onChange({
+        answers: answers
+      });
+    };
+    this.addAnswer = () => {
+      const lastAnswer = initAnswer(this.state.lastStatus);
+      const answers = this.props.answers.concat(lastAnswer);
+      this.props.onChange({
+        answers: answers
+      });
+    };
+    this.getSaveWarnings = () => {
+      // Filter out all the empty answers
+      const warnings = [];
+      // TODO(emily): This doesn't actually work, because the value is either
+      // null or undefined when undefined, probably.
+      if (_.contains(_.pluck(this.props.answers, "value"), "")) {
+        // @ts-expect-error - TS2345 - Argument of type 'string' is not assignable to parameter of type 'never'.
+        warnings.push("One or more answers is empty");
+      }
+      this.props.answers.forEach((answer, i) => {
+        const formatError = answer.strict && (!answer.answerForms || answer.answerForms.length === 0);
+        if (formatError) {
+          warnings.push(
+          // @ts-expect-error - TS2345 - Argument of type 'string' is not assignable to parameter of type 'never'.
+          `Answer ${i + 1} is set to string format ` + "matching, but no format was selected");
+        }
+      });
+      return warnings;
+    };
+    this.serialize = () => {
+      return EditorJsonify.serialize.call(this);
+    };
     this.state = {
       lastStatus: "wrong",
       showOptions: _.map(this.props.answers, () => false)
@@ -33576,96 +33664,6 @@ class NumericInputEditor extends React.Component {
       className: "msg-title"
     }, "Message shown to user on attempt"), generateInputAnswerEditors(), addAnswerButton, inputSize, rightAlign, coefficientCheck, labelText);
   }
-  change(...args) {
-    return Changeable.change.apply(this, args);
-  }
-  onToggleOptions(choiceIndex) {
-    const showOptions = this.state.showOptions.slice();
-    showOptions[choiceIndex] = !showOptions[choiceIndex];
-    this.setState({
-      showOptions: showOptions
-    });
-  }
-  onTrashAnswer(choiceIndex) {
-    if (choiceIndex >= 0 && choiceIndex < this.props.answers.length) {
-      const answers = this.props.answers.slice(0);
-      answers.splice(choiceIndex, 1);
-      this.props.onChange({
-        answers: answers
-      });
-    }
-  }
-  onSpace(e, callback) {
-    if (e.key === " ") {
-      e.preventDefault(); // prevent page shifting
-      // eslint-disable-next-line prefer-rest-params
-      const args = _.toArray(arguments).slice(2);
-      callback.apply(this, args);
-    }
-  }
-  onStatusChange(choiceIndex) {
-    const statuses = ["wrong", "ungraded", "correct"];
-    const answers = this.props.answers;
-    const i = _.indexOf(statuses, answers[choiceIndex].status);
-    const newStatus = statuses[(i + 1) % statuses.length];
-    this.updateAnswer(choiceIndex, {
-      status: newStatus,
-      simplify: newStatus === "correct" ? "required" : "accepted"
-    });
-  }
-  updateAnswer(choiceIndex, update) {
-    if (!_.isObject(update)) {
-      return _.partial((choiceIndex, key, value) => {
-        const update = {};
-        update[key] = value;
-        this.updateAnswer(choiceIndex, update);
-      }, choiceIndex, update);
-    }
-    let answers = [
-    // Have to do this to remove the `readonly` state from the prop
-    ...this.props.answers];
-
-    // Don't bother to make a new answer box unless we are editing the last
-    // one.
-    // TODO(oliver): This might not be necessary anymore.
-    if (choiceIndex === answers.length) {
-      const lastAnswer = initAnswer(this.state.lastStatus);
-      answers = answers.concat(lastAnswer);
-    }
-    answers[choiceIndex] = _.extend({}, answers[choiceIndex], update);
-    this.props.onChange({
-      answers: answers
-    });
-  }
-  addAnswer() {
-    const lastAnswer = initAnswer(this.state.lastStatus);
-    const answers = this.props.answers.concat(lastAnswer);
-    this.props.onChange({
-      answers: answers
-    });
-  }
-  getSaveWarnings() {
-    // Filter out all the empty answers
-    const warnings = [];
-    // TODO(emily): This doesn't actually work, because the value is either
-    // null or undefined when undefined, probably.
-    if (_.contains(_.pluck(this.props.answers, "value"), "")) {
-      // @ts-expect-error - TS2345 - Argument of type 'string' is not assignable to parameter of type 'never'.
-      warnings.push("One or more answers is empty");
-    }
-    this.props.answers.forEach((answer, i) => {
-      const formatError = answer.strict && (!answer.answerForms || answer.answerForms.length === 0);
-      if (formatError) {
-        warnings.push(
-        // @ts-expect-error - TS2345 - Argument of type 'string' is not assignable to parameter of type 'never'.
-        `Answer ${i + 1} is set to string format ` + "matching, but no format was selected");
-      }
-    });
-    return warnings;
-  }
-  serialize() {
-    return EditorJsonify.serialize.call(this);
-  }
 }
 NumericInputEditor.contextType = PerseusI18nContext;
 NumericInputEditor.widgetName = "numeric-input";