@khanacademy/perseus-editor 8.2.0 → 9.0.0

package/dist/index.js

@@ -83,7 +83,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 = "8.2.0";
+const libVersion = "9.0.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -29245,7 +29245,7 @@ class InteractionEditor extends React__namespace.Component {
       gridStep: this.props.graph.gridStep,
       markings: this.props.graph.markings,
       onChange: this._updateGraphProps
-    }), this.props.graph.valid !== true && /*#__PURE__*/React__namespace.createElement("div", null, this.props.graph.valid)), ___default["default"].map(this.props.elements, function (element, n) {
+    }), /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, this.props.graph.valid !== true && /*#__PURE__*/React__namespace.createElement("div", null, this.props.graph.valid))), ___default["default"].map(this.props.elements, function (element, n) {
       if (element.type === "movable-point") {
         return /*#__PURE__*/React__namespace.createElement(perseus.ElementContainer, {
           title: /*#__PURE__*/React__namespace.createElement("span", null, "Movable point", " ", /*#__PURE__*/React__namespace.createElement(TeX, null, "(x_{" + element.options.varSubscript + "}, y_{" + element.options.varSubscript + "})"))
@@ -29841,7 +29841,7 @@ const LockedFigureSelect = props => {
     key: `${id}-${figureType}`,
     label: figureType,
     onClick: () => onChange(figureType)
-  }, figureType))));
+  }))));
 };
 const styles$x = aphrodite.StyleSheet.create({
   container: {
@@ -30076,7 +30076,7 @@ const ColorSelect = props => {
       color: colorName,
       decorative: true
     })
-  }, colorName)))));
+  })))));
 };
 const styles$s = aphrodite.StyleSheet.create({
   row: {
@@ -30271,7 +30271,7 @@ const LockedEllipseSettings = props => {
     key: option,
     value: option,
     label: option
-  }, option))))), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, {
+  }))))), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, {
     tag: "label",
     style: styles$p.row
   }, "stroke", /*#__PURE__*/React__namespace.createElement(Strut, {
@@ -30287,10 +30287,10 @@ const LockedEllipseSettings = props => {
   }, /*#__PURE__*/React__namespace.createElement(wonderBlocksDropdown.OptionItem, {
     value: "solid",
     label: "solid"
-  }, "solid"), /*#__PURE__*/React__namespace.createElement(wonderBlocksDropdown.OptionItem, {
+  }), /*#__PURE__*/React__namespace.createElement(wonderBlocksDropdown.OptionItem, {
     value: "dashed",
     label: "dashed"
-  }, "dashed"))), /*#__PURE__*/React__namespace.createElement(LockedFigureSettingsActions, {
+  }))), /*#__PURE__*/React__namespace.createElement(LockedFigureSettingsActions, {
     showM2Features: props.showM2Features,
     figureType: props.type,
     onMove: onMove,
@@ -30763,7 +30763,7 @@ const LockedPolygonSettings = props => {
     key: option,
     value: option,
     label: option
-  }, option))))), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, {
+  }))))), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, {
     tag: "label",
     style: [styles$i.row, styles$i.spaceUnder]
   }, "stroke", /*#__PURE__*/React__namespace.createElement(Strut, {
@@ -30779,10 +30779,10 @@ const LockedPolygonSettings = props => {
   }, /*#__PURE__*/React__namespace.createElement(wonderBlocksDropdown.OptionItem, {
     value: "solid",
     label: "solid"
-  }, "solid"), /*#__PURE__*/React__namespace.createElement(wonderBlocksDropdown.OptionItem, {
+  }), /*#__PURE__*/React__namespace.createElement(wonderBlocksDropdown.OptionItem, {
     value: "dashed",
     label: "dashed"
-  }, "dashed"))), /*#__PURE__*/React__namespace.createElement(LabeledSwitch, {
+  }))), /*#__PURE__*/React__namespace.createElement(LabeledSwitch, {
     label: "show vertices",
     checked: showVertices,
     onChange: newValue => onChangeProps({