@khanacademy/perseus-editor 6.2.1 → 6.2.2

package/dist/index.js

@@ -67,7 +67,7 @@ var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus-editor";
-const libVersion = "6.2.1";
+const libVersion = "6.2.2";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -28419,6 +28419,7 @@ function MathquillInput(props) {
   const mathFieldWrapperRef = React.useRef(null);
   const mathFieldInstance = React.useRef();
   const {
+    locale,
     strings
   } = mathInput.useMathInputI18n();
   React.useEffect(() => {
@@ -28426,7 +28427,7 @@ function MathquillInput(props) {
     // make a new Mathquill input
     if (mathFieldWrapperRef.current && !mathFieldInstance.current) {
       // Initialize MathQuill.MathField instance
-      mathFieldInstance.current = mathInput.createMathField(mathFieldWrapperRef.current, strings, baseConfig => ({
+      mathFieldInstance.current = mathInput.createMathField(mathFieldWrapperRef.current, locale, strings, baseConfig => ({
         ...baseConfig,
         handlers: {
           edit: mathField => {
@@ -30072,11 +30073,7 @@ class InteractiveGraphSettings extends React__namespace.Component {
       onBlur: this.changeBackgroundUrl
     }), /*#__PURE__*/React__namespace.createElement(InfoTip$c, null, /*#__PURE__*/React__namespace.createElement("p", null, "Create an image in graphie, or use the \"Add image\" function to create a background."))), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
       style: styles$k.rulerSection
-    }, /*#__PURE__*/React__namespace.createElement(Banner__default["default"], {
-      layout: "floating",
-      text: "The ruler and protractor are not accessible. Please consider an alternate approach.",
-      kind: "warning"
-    }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
+    }, /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
       style: styles$k.checkboxRow
     }, /*#__PURE__*/React__namespace.createElement(PropCheckBox$7, {
       label: "Show ruler",
@@ -30088,7 +30085,11 @@ class InteractiveGraphSettings extends React__namespace.Component {
       showProtractor: this.props.showProtractor,
       onChange: this.change,
       style: styles$k.resetSpaceTop
-    })), this.props.showRuler && /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
+    })), (this.props.showRuler || this.props.showProtractor) && /*#__PURE__*/React__namespace.createElement(Banner__default["default"], {
+      layout: "floating",
+      text: "The ruler and protractor are not accessible. Please consider an alternate approach.",
+      kind: "warning"
+    }), this.props.showRuler && /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
       style: styles$k.spaceTop
     }, /*#__PURE__*/React__namespace.createElement(LabeledRow, {
       label: "Ruler label:",
@@ -30172,7 +30173,7 @@ const styles$k = aphrodite.StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "space-between",
-    marginTop: wonderBlocksTokens.spacing.xSmall_8
+    marginBottom: wonderBlocksTokens.spacing.xSmall_8
   },
   rulerSection: {
     marginTop: wonderBlocksTokens.spacing.xSmall_8,