@khanacademy/perseus-editor 17.0.10 → 17.0.11

package/dist/index.js

@@ -96,7 +96,7 @@ var arrowCounterClockwise__default = /*#__PURE__*/_interopDefaultLegacy(arrowCou
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus-editor";
-const libVersion = "17.0.10";
+const libVersion = "17.0.11";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -25323,12 +25323,13 @@ class ExpressionEditor extends React__namespace.Component {
     return issues;
   };
   _newEmptyAnswerForm = () => {
+    const newKey = _makeNewKey(this.props.answerForms);
     return {
       considered: "correct",
       form: false,
       // note: the key means "n-th form created" - not "form in
       // position n" and will stay the same for the life of this form
-      key: _makeNewKey(this.props.answerForms),
+      key: `${newKey}`,
       simplify: false,
       value: ""
     };
@@ -25343,8 +25344,12 @@ class ExpressionEditor extends React__namespace.Component {
   handleRemoveForm = i => {
     const answerForms = this.props.answerForms.slice();
     answerForms.splice(i, 1);
+    const updatedAnswerForms = answerForms.map((form, index) => ({
+      ...form,
+      key: `${index}`
+    }));
     this.change({
-      answerForms
+      answerForms: updatedAnswerForms
     });
   };
 
@@ -25454,7 +25459,7 @@ class ExpressionEditor extends React__namespace.Component {
     this.updateAnswerForm(key, answerForm);
   };
   render() {
-    const answerOptions = this.props.answerForms.map(ans => {
+    const answerOptions = this.props.answerForms.map((ans, index) => {
       const key = parseAnswerKey(ans);
       const expressionProps = {
         // note we're using
@@ -25479,7 +25484,7 @@ class ExpressionEditor extends React__namespace.Component {
         expressionProps: expressionProps,
         form: ans.form,
         simplify: ans.simplify,
-        onDelete: () => this.handleRemoveForm(key),
+        onDelete: () => this.handleRemoveForm(index),
         onChangeSimplify: simplify => this.changeSimplify(key, simplify),
         onChangeForm: form => this.changeForm(key, form),
         onChangeConsidered: considered => this.changeConsidered(key, considered)
@@ -25574,6 +25579,7 @@ class AnswerOption extends React__namespace.Component {
   })();
   handleImSure = () => {
     this.props.onDelete();
+    this.handleCancelDelete();
   };
   handleCancelDelete = () => {
     this.setState({