@khanacademy/perseus-editor 6.2.1 → 6.2.2

package/dist/es/index.js

@@ -29,7 +29,7 @@ import Switch from '@khanacademy/wonder-blocks-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";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -28366,6 +28366,7 @@ function MathquillInput(props) {
   const mathFieldWrapperRef = useRef(null);
   const mathFieldInstance = useRef();
   const {
+    locale,
     strings
   } = useMathInputI18n();
   useEffect(() => {
@@ -28373,7 +28374,7 @@ function MathquillInput(props) {
     // make a new Mathquill input
     if (mathFieldWrapperRef.current && !mathFieldInstance.current) {
       // Initialize MathQuill.MathField instance
-      mathFieldInstance.current = createMathField(mathFieldWrapperRef.current, strings, baseConfig => _extends({}, baseConfig, {
+      mathFieldInstance.current = createMathField(mathFieldWrapperRef.current, locale, strings, baseConfig => _extends({}, baseConfig, {
         handlers: {
           edit: mathField => {
             // This handler is guaranteed to be called on change, but
@@ -29963,11 +29964,7 @@ class InteractiveGraphSettings extends React.Component {
       onBlur: this.changeBackgroundUrl
     }), /*#__PURE__*/React.createElement(InfoTip$c, null, /*#__PURE__*/React.createElement("p", null, "Create an image in graphie, or use the \"Add image\" function to create a background."))), /*#__PURE__*/React.createElement(View, {
       style: styles$k.rulerSection
-    }, /*#__PURE__*/React.createElement(Banner, {
-      layout: "floating",
-      text: "The ruler and protractor are not accessible. Please consider an alternate approach.",
-      kind: "warning"
-    }), /*#__PURE__*/React.createElement(View, {
+    }, /*#__PURE__*/React.createElement(View, {
       style: styles$k.checkboxRow
     }, /*#__PURE__*/React.createElement(PropCheckBox$7, {
       label: "Show ruler",
@@ -29979,7 +29976,11 @@ class InteractiveGraphSettings extends React.Component {
       showProtractor: this.props.showProtractor,
       onChange: this.change,
       style: styles$k.resetSpaceTop
-    })), this.props.showRuler && /*#__PURE__*/React.createElement(View, {
+    })), (this.props.showRuler || this.props.showProtractor) && /*#__PURE__*/React.createElement(Banner, {
+      layout: "floating",
+      text: "The ruler and protractor are not accessible. Please consider an alternate approach.",
+      kind: "warning"
+    }), this.props.showRuler && /*#__PURE__*/React.createElement(View, {
       style: styles$k.spaceTop
     }, /*#__PURE__*/React.createElement(LabeledRow, {
       label: "Ruler label:",
@@ -30079,7 +30080,7 @@ const styles$k = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "space-between",
-    marginTop: spacing.xSmall_8
+    marginBottom: spacing.xSmall_8
   },
   rulerSection: {
     marginTop: spacing.xSmall_8,