@khanacademy/perseus-editor 2.13.0 → 2.14.1

package/dist/index.js

@@ -64,7 +64,7 @@ var i18n__namespace = /*#__PURE__*/_interopNamespace(i18n$1);
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus-editor";
-const libVersion = "2.13.0";
+const libVersion = "2.14.1";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -23834,15 +23834,6 @@ const {
   InfoTip: InfoTip$m
 } = perseus.components;
 class ItemExtrasEditor extends React__namespace.Component {
-  static propTypes = {
-    calculator: PropTypes__default["default"].bool,
-    chi2Table: PropTypes__default["default"].bool,
-    onChange: PropTypes__default["default"].func.isRequired,
-    periodicTable: PropTypes__default["default"].bool,
-    periodicTableWithKey: PropTypes__default["default"].bool,
-    tTable: PropTypes__default["default"].bool,
-    zTable: PropTypes__default["default"].bool
-  };
   static defaultProps = {
     calculator: false,
     chi2Table: false,
@@ -23879,7 +23870,11 @@ class ItemExtrasEditor extends React__namespace.Component {
       checked: this.props.periodicTable,
       onChange: e => {
         this.props.onChange({
-          periodicTable: e.target.checked
+          periodicTable: e.target.checked,
+          // If the periodic table is unchecked,
+          // this needs to be reset. If table is
+          // checked, it should already be false.
+          periodicTableWithKey: false
         });
       }
     })), /*#__PURE__*/React__namespace.createElement(InfoTip$m, null, "This provides the student with the ability to view a periodic table of the elements, e.g., for answering chemistry questions.")), this.props.periodicTable && /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("label", null, "Include key/legend with periodic table:", " ", /*#__PURE__*/React__namespace.createElement("input", {
@@ -30911,6 +30906,7 @@ const Behavior = _ref => {
   let {
     multipleAnswers,
     hideChoicesFromInstructions,
+    preferredPopoverDirection,
     onChange
   } = _ref;
   return /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("div", {
@@ -30933,7 +30929,28 @@ const Behavior = _ref => {
     })
   }), /*#__PURE__*/React__namespace.createElement("span", {
     className: aphrodite.css(styles$5.label)
-  }, "Do not display answer choices in instructions"))));
+  }, "Do not display answer choices in instructions")), /*#__PURE__*/React__namespace.createElement("li", {
+    className: aphrodite.css(styles$5.option)
+  }, /*#__PURE__*/React__namespace.createElement("span", {
+    className: aphrodite.css(styles$5.label)
+  }, "Preferred pop-over direction"), /*#__PURE__*/React__namespace.createElement("select", {
+    value: preferredPopoverDirection,
+    onChange: e => {
+      onChange({
+        preferredPopoverDirection: e.target.value
+      });
+    }
+  }, /*#__PURE__*/React__namespace.createElement("option", {
+    value: "NONE"
+  }, " No Preference "), /*#__PURE__*/React__namespace.createElement("option", {
+    value: "UP"
+  }, " Up "), /*#__PURE__*/React__namespace.createElement("option", {
+    value: "DOWN"
+  }, " Down "), /*#__PURE__*/React__namespace.createElement("option", {
+    value: "LEFT"
+  }, " Left "), /*#__PURE__*/React__namespace.createElement("option", {
+    value: "RIGHT"
+  }, " Right ")))));
 };
 const styles$5 = aphrodite.StyleSheet.create({
   title: {
@@ -31722,6 +31739,7 @@ class LabelImageEditor extends React__namespace.Component {
     }), /*#__PURE__*/React__namespace.createElement("div", {
       className: aphrodite.css(styles.largeSpacer)
     }), /*#__PURE__*/React__namespace.createElement(Behavior, {
+      preferredPopoverDirection: "NONE",
       multipleAnswers: multipleAnswers,
       hideChoicesFromInstructions: hideChoicesFromInstructions,
       onChange: this.handleBehaviorChange