@khanacademy/perseus-editor 17.0.10 → 17.0.11

package/dist/es/index.js

@@ -45,7 +45,7 @@ import arrowCounterClockwise from '@phosphor-icons/core/bold/arrow-counter-clock
 
 // 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";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -25284,12 +25284,13 @@ class ExpressionEditor extends React.Component {
       return issues;
     };
     this._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: ""
       };
@@ -25304,8 +25305,11 @@ class ExpressionEditor extends React.Component {
     this.handleRemoveForm = i => {
       const answerForms = this.props.answerForms.slice();
       answerForms.splice(i, 1);
+      const updatedAnswerForms = answerForms.map((form, index) => _extends({}, form, {
+        key: `${index}`
+      }));
       this.change({
-        answerForms
+        answerForms: updatedAnswerForms
       });
     };
     this.handleReorder = components => {
@@ -25411,7 +25415,7 @@ class ExpressionEditor extends React.Component {
     });
   }
   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
@@ -25436,7 +25440,7 @@ class ExpressionEditor extends React.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)
@@ -25534,6 +25538,7 @@ class AnswerOption extends React.Component {
     };
     this.handleImSure = () => {
       this.props.onDelete();
+      this.handleCancelDelete();
     };
     this.handleCancelDelete = () => {
       this.setState({