@khanacademy/perseus-editor 2.12.1 → 2.13.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @khanacademy/perseus-editor
 
+## 2.13.0
+
+### Minor Changes
+
+-   [#838](https://github.com/Khan/perseus/pull/838) [`233fc9fc`](https://github.com/Khan/perseus/commit/233fc9fcd4c65d2ff0c8f1ebd1cb1b17b76cbe0c) Thanks [@handeyeco](https://github.com/handeyeco)! - Remove TexButtons and update ExpressionEditor
+
+### Patch Changes
+
+-   Updated dependencies [[`2e2f2cc1`](https://github.com/Khan/perseus/commit/2e2f2cc1afe99613eb688ab1e4e1fccad0c8df57), [`204788f8`](https://github.com/Khan/perseus/commit/204788f8f583bda5ff94d74fd70ec542fedd3d6e), [`233fc9fc`](https://github.com/Khan/perseus/commit/233fc9fcd4c65d2ff0c8f1ebd1cb1b17b76cbe0c)]:
+    -   @khanacademy/perseus@17.0.0
+
 ## 2.12.1
 
 ### Patch Changes

package/dist/es/index.js

@@ -24,7 +24,7 @@ import * as i18n$1 from '@khanacademy/wonder-blocks-i18n';
 
 // 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.13.0";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -26757,12 +26757,12 @@ const SortableItem = createReactClass({
 
 const {
   InfoTip: InfoTip$j,
-  PropCheckBox: PropCheckBox$b,
-  TexButtons
+  PropCheckBox: PropCheckBox$b
 } = components;
 
 // types for iterables
 
+const buttonSetsList = ["basic", "trig", "prealgebra", "logarithms", "basic relations", "advanced relations"];
 const parseAnswerKey = ({
   key
 }) => {
@@ -26796,13 +26796,8 @@ const _makeNewKey = answerForms => {
   return usedKeys.length;
 };
 class ExpressionEditor extends React.Component {
-  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.
+  constructor(...args) {
+    super(...args);
     this.serialize = () => {
       const formSerializables = ["value", "form", "simplify", "considered",
       // it's a little weird to serialize the react key, but saves some
@@ -26896,7 +26891,7 @@ class ExpressionEditor extends React.Component {
     };
     // called when the selected buttonset changes
     this.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.
@@ -26936,22 +26931,6 @@ class ExpressionEditor extends React.Component {
       newProps.functions = e.target.value.split(/[ ,]+/).filter(isTruthy);
       this.props.onChange(newProps);
     };
-    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(...args) {
     return Changeable.change.apply(this, args);
@@ -26993,14 +26972,13 @@ class ExpressionEditor extends React.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.createElement("label", {
-        className: className,
+        className: "button-set-label",
         key: name
       }, /*#__PURE__*/React.createElement("input", {
         type: "checkbox",
@@ -27013,7 +26991,8 @@ class ExpressionEditor extends React.Component {
       TeX
     } = Dependencies.getDependencies(); // OldExpression only
 
-    buttonSetChoices.splice(1, 1, /*#__PURE__*/React.createElement("label", {
+    buttonSetChoices.unshift( /*#__PURE__*/React.createElement("label", {
+      className: "button-set-label",
       key: "show-div"
     }, /*#__PURE__*/React.createElement("input", {
       type: "checkbox",
@@ -27034,12 +27013,7 @@ class ExpressionEditor extends React.Component {
       type: "text",
       defaultValue: this.props.functions.join(" "),
       onChange: this.handleFunctions
-    })), /*#__PURE__*/React.createElement(InfoTip$j, null, /*#__PURE__*/React.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.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "Button sets:"), buttonSetChoices), this.state.isTex && /*#__PURE__*/React.createElement(TexButtons, {
-      className: "math-input-buttons",
-      sets: this.props.buttonSets,
-      convertDotToTimes: this.props.times,
-      onInsert: this.handleTexInsert
-    }), /*#__PURE__*/React.createElement("h3", {
+    })), /*#__PURE__*/React.createElement(InfoTip$j, null, /*#__PURE__*/React.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.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "Button sets:"), buttonSetChoices), /*#__PURE__*/React.createElement("h3", {
       className: "expression-editor-h3"
     }, "Answers"), /*#__PURE__*/React.createElement("p", {
       style: {