@khanacademy/perseus-editor 1.0.7 → 1.0.9

package/package.json

@@ -3,7 +3,7 @@
     "description": "Perseus editors",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "1.0.7",
+    "version": "1.0.9",
     "publishConfig": {
         "access": "public"
     },
@@ -23,7 +23,7 @@
     "dependencies": {
         "@khanacademy/kas": "^0.2.7",
         "@khanacademy/kmath": "^0.0.8",
-        "@khanacademy/perseus": "^1.3.2"
+        "@khanacademy/perseus": "^1.3.4"
     },
     "devDependencies": {
         "@khanacademy/wonder-blocks-button": "^2.11.5",

package/src/editor.jsx

@@ -696,6 +696,7 @@ class Editor extends React.Component<EditorProps, EditorState> {
     _handleKeyDown: (e: SyntheticKeyboardEvent<HTMLTextAreaElement>) => void = (
         e: SyntheticKeyboardEvent<HTMLTextAreaElement>,
     ) => {
+        e.stopPropagation();
         // Tab-completion of widgets. For example, to insert an image:
         // type `[[im`, then tab.
         if (e.key === "Tab") {

package/src/widgets/radio/editor.jsx

@@ -75,7 +75,11 @@ class ChoiceEditor extends React.Component<$FlowFixMe> {
             <a
                 className="simple-button orange delete-choice"
                 href="#"
-                onClick={this.props.onDelete}
+                onClick={(e) => {
+                    e.stopPropagation();
+                    e.preventDefault();
+                    this.props.onDelete();
+                }}
                 title="Remove this choice"
             >
                 <InlineIcon {...iconTrash} />
@@ -185,7 +189,7 @@ class RadioEditor extends React.Component<$FlowFixMe> {
                     editMode={true}
                     labelWrap={false}
                     apiOptions={this.props.apiOptions}
-                    choices={this.props.choices.map(function (choice, i) {
+                    choices={this.props.choices.map((choice, i) => {
                         return {
                             content: (
                                 <ChoiceEditor
@@ -208,8 +212,7 @@ class RadioEditor extends React.Component<$FlowFixMe> {
                                             );
                                         }
                                     }}
-                                    // eslint-disable-next-line react/jsx-no-bind
-                                    onDelete={this.onDelete.bind(this, i)}
+                                    onDelete={() => this.onDelete(i)}
                                     showDelete={this.props.choices.length >= 2}
                                 />
                             ),
@@ -322,9 +325,7 @@ class RadioEditor extends React.Component<$FlowFixMe> {
         this.props.onChange({choices: choices});
     };
 
-    onDelete: (number, $FlowFixMe) => void = (choiceIndex, e) => {
-        e.preventDefault();
-
+    onDelete: (number) => void = (choiceIndex) => {
         const choices = this.props.choices.slice();
         const deleted = choices[choiceIndex];