@khanacademy/perseus-editor 2.12.1 → 2.14.0

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.12.1";
+const libVersion = "2.14.0";
 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", {
@@ -26772,12 +26767,12 @@ const SortableItem = createReactClass__default["default"]({
 
 const {
   InfoTip: InfoTip$j,
-  PropCheckBox: PropCheckBox$b,
-  TexButtons
+  PropCheckBox: PropCheckBox$b
 } = perseus.components;
 
 // types for iterables
 
+const buttonSetsList = ["basic", "trig", "prealgebra", "logarithms", "basic relations", "advanced relations"];
 const parseAnswerKey = _ref => {
   let {
     key
@@ -26819,31 +26814,6 @@ class ExpressionEditor extends React__namespace.Component {
     buttonSets: ["basic"],
     functions: ["f", "g", "h"]
   };
-  constructor(props) {
-    super(props);
-    // Is the format of `value` TeX or plain text?
-    // TODO(alex): Remove after backfilling everything to TeX
-    // TODO(joel) - sucks if you edit some expression without
-    // backslashes or curly braces, then come back to the question and
-    // it's surprisingly not TeX anymore.
-
-    let isTex;
-    // default to TeX if new;
-    if (props.answerForms.length === 0) {
-      isTex = true;
-    } else {
-      isTex = props.answerForms.some(form => {
-        const {
-          value
-        } = form;
-        // only TeX has backslashes and curly braces
-        return value.indexOf("\\") !== -1 || value.indexOf("{") !== -1;
-      });
-    }
-    this.state = {
-      isTex
-    };
-  }
   change() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -26884,14 +26854,13 @@ class ExpressionEditor extends React__namespace.Component {
     });
 
     // checkboxes to choose which sets of input buttons are shown
-    const buttonSetChoices = Object.keys(TexButtons.buttonSets).map(name => {
+    const buttonSetChoices = buttonSetsList.map(name => {
       // The first one gets special cased to always be checked, disabled,
       // and float left.
       const isFirst = name === "basic";
       const checked = this.props.buttonSets.includes(name) || isFirst;
-      const className = isFirst ? "button-set-label-float" : "button-set-label";
       return /*#__PURE__*/React__namespace.createElement("label", {
-        className: className,
+        className: "button-set-label",
         key: name
       }, /*#__PURE__*/React__namespace.createElement("input", {
         type: "checkbox",
@@ -26904,7 +26873,8 @@ class ExpressionEditor extends React__namespace.Component {
       TeX
     } = perseus.Dependencies.getDependencies(); // OldExpression only
 
-    buttonSetChoices.splice(1, 1, /*#__PURE__*/React__namespace.createElement("label", {
+    buttonSetChoices.unshift( /*#__PURE__*/React__namespace.createElement("label", {
+      className: "button-set-label",
       key: "show-div"
     }, /*#__PURE__*/React__namespace.createElement("input", {
       type: "checkbox",
@@ -26925,12 +26895,7 @@ class ExpressionEditor extends React__namespace.Component {
       type: "text",
       defaultValue: this.props.functions.join(" "),
       onChange: this.handleFunctions
-    })), /*#__PURE__*/React__namespace.createElement(InfoTip$j, null, /*#__PURE__*/React__namespace.createElement("p", null, "Single-letter variables listed here will be interpreted as functions. This let us know that f(x) means \"f of x\" and not \"f times x\"."))), /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("div", null, "Button sets:"), buttonSetChoices), this.state.isTex && /*#__PURE__*/React__namespace.createElement(TexButtons, {
-      className: "math-input-buttons",
-      sets: this.props.buttonSets,
-      convertDotToTimes: this.props.times,
-      onInsert: this.handleTexInsert
-    }), /*#__PURE__*/React__namespace.createElement("h3", {
+    })), /*#__PURE__*/React__namespace.createElement(InfoTip$j, null, /*#__PURE__*/React__namespace.createElement("p", null, "Single-letter variables listed here will be interpreted as functions. This let us know that f(x) means \"f of x\" and not \"f times x\"."))), /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("div", null, "Button sets:"), buttonSetChoices), /*#__PURE__*/React__namespace.createElement("h3", {
       className: "expression-editor-h3"
     }, "Answers"), /*#__PURE__*/React__namespace.createElement("p", {
       style: {
@@ -27040,7 +27005,7 @@ class ExpressionEditor extends React__namespace.Component {
 
   // called when the selected buttonset changes
   handleButtonSet = changingName => {
-    const buttonSetNames = Object.keys(TexButtons.buttonSets);
+    const buttonSetNames = buttonSetsList;
 
     // Filter to preserve order - using .union and .difference would always
     // move the last added button set to the end.
@@ -30941,6 +30906,7 @@ const Behavior = _ref => {
   let {
     multipleAnswers,
     hideChoicesFromInstructions,
+    preferredPopoverDirection,
     onChange
   } = _ref;
   return /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("div", {
@@ -30963,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: {
@@ -31752,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