@khanacademy/perseus-editor 2.12.0 → 2.13.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.0";
+const libVersion = "2.13.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -26772,12 +26772,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 +26819,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 +26859,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 +26878,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 +26900,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 +27010,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.