@khanacademy/perseus-editor 2.12.1 → 2.14.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @khanacademy/perseus-editor
 
+## 2.14.0
+
+### Minor Changes
+
+-   [#804](https://github.com/Khan/perseus/pull/804) [`954dbb96`](https://github.com/Khan/perseus/commit/954dbb96eda47946a15ed819fde73aa931f318bc) Thanks [@nixterrimus](https://github.com/nixterrimus)! - Add a preferred popover direction option to label image
+
+### Patch Changes
+
+-   [#856](https://github.com/Khan/perseus/pull/856) [`6c323dc3`](https://github.com/Khan/perseus/commit/6c323dc37e7cc972fe5a1ab7cbf90a23bf4dd3a0) Thanks [@nedredmond](https://github.com/nedredmond)! - Upgrade WB
+
+*   [#804](https://github.com/Khan/perseus/pull/804) [`07537aae`](https://github.com/Khan/perseus/commit/07537aae870866f4418055b5956e9387f85f72c4) Thanks [@nixterrimus](https://github.com/nixterrimus)! - Unchecking periodic table option unchecks key as well
+
+*   Updated dependencies [[`2c295e2c`](https://github.com/Khan/perseus/commit/2c295e2c26ff2bf15e1e8e82bcc34e04e4b9bab0), [`ce343147`](https://github.com/Khan/perseus/commit/ce343147f558c2f2a1dcbabae20bdba22c0de86d), [`1c8f2753`](https://github.com/Khan/perseus/commit/1c8f275391b02bef8e14d1daccef8fadea9066cd), [`6c323dc3`](https://github.com/Khan/perseus/commit/6c323dc37e7cc972fe5a1ab7cbf90a23bf4dd3a0), [`7433c91b`](https://github.com/Khan/perseus/commit/7433c91bb05ad0441475f40bcd05a3076e7e19f1), [`dd41dd0e`](https://github.com/Khan/perseus/commit/dd41dd0e8bc76a414bb5906bba4648f57547f188), [`53612027`](https://github.com/Khan/perseus/commit/536120272b8cae3b01cdbe09a59488cc4704329d), [`bb9cd667`](https://github.com/Khan/perseus/commit/bb9cd667dbb4a38724ae174063021fdf18040f9b), [`4553af79`](https://github.com/Khan/perseus/commit/4553af79a26fc0e635d7dc03be74f39cb00a05f6), [`07537aae`](https://github.com/Khan/perseus/commit/07537aae870866f4418055b5956e9387f85f72c4), [`bb81559e`](https://github.com/Khan/perseus/commit/bb81559e02359092ba4d48107010c476b5ae09d5), [`fd09014c`](https://github.com/Khan/perseus/commit/fd09014c26e33d2c83a1e6ae3672027ac9583d41), [`1f4e17ba`](https://github.com/Khan/perseus/commit/1f4e17ba77e1491523813655af18a70285a25989), [`f6be48a9`](https://github.com/Khan/perseus/commit/f6be48a96795858e009bea18cc1092d150f98b71), [`34f7696b`](https://github.com/Khan/perseus/commit/34f7696b537d28c4b2054a3995f567a9a6834f73), [`8857950b`](https://github.com/Khan/perseus/commit/8857950bdeeb6e13bc3766b1c6545289b21cbe2a), [`ded7af48`](https://github.com/Khan/perseus/commit/ded7af488d57e6309f7244ca4b897ac680754d74), [`6f530d58`](https://github.com/Khan/perseus/commit/6f530d58b4368fb3c38d62d4dcf1f63cecf67d90), [`1906ec5a`](https://github.com/Khan/perseus/commit/1906ec5afb7fd7332a6cabc6afc79ee1f779f8ec), [`5e4c21bd`](https://github.com/Khan/perseus/commit/5e4c21bda5717fb793386a810be3144d7b9a9011), [`30ce593a`](https://github.com/Khan/perseus/commit/30ce593a2f1d552338ce0818cf754c13c22af281), [`cccf1897`](https://github.com/Khan/perseus/commit/cccf1897da294e4b1fec804f2639c1c56bd68201)]:
+    -   @khanacademy/perseus@17.1.0
+    -   @khanacademy/perseus-core@1.4.1
+    -   @khanacademy/kas@0.3.7
+    -   @khanacademy/kmath@0.1.8
+
+## 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.14.0";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -23868,7 +23868,11 @@ class ItemExtrasEditor extends React.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.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.createElement("div", null, /*#__PURE__*/React.createElement("label", null, "Include key/legend with periodic table:", " ", /*#__PURE__*/React.createElement("input", {
@@ -23906,15 +23910,6 @@ class ItemExtrasEditor extends React.Component {
     })), /*#__PURE__*/React.createElement(InfoTip$m, null, "This provides the student with the ability to view a table of critical values for the chi-squared distribution, e.g. for answering statistics questions."))));
   }
 }
-ItemExtrasEditor.propTypes = {
-  calculator: PropTypes.bool,
-  chi2Table: PropTypes.bool,
-  onChange: PropTypes.func.isRequired,
-  periodicTable: PropTypes.bool,
-  periodicTableWithKey: PropTypes.bool,
-  tTable: PropTypes.bool,
-  zTable: PropTypes.bool
-};
 ItemExtrasEditor.defaultProps = {
   calculator: false,
   chi2Table: false,
@@ -26757,12 +26752,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 +26791,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 +26886,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 +26926,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 +26967,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 +26986,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 +27008,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: {
@@ -30806,6 +30775,7 @@ const {
 const Behavior = ({
   multipleAnswers,
   hideChoicesFromInstructions,
+  preferredPopoverDirection,
   onChange
 }) => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
   className: css(styles$5.title)
@@ -30827,7 +30797,28 @@ const Behavior = ({
   })
 }), /*#__PURE__*/React.createElement("span", {
   className: css(styles$5.label)
-}, "Do not display answer choices in instructions"))));
+}, "Do not display answer choices in instructions")), /*#__PURE__*/React.createElement("li", {
+  className: css(styles$5.option)
+}, /*#__PURE__*/React.createElement("span", {
+  className: css(styles$5.label)
+}, "Preferred pop-over direction"), /*#__PURE__*/React.createElement("select", {
+  value: preferredPopoverDirection,
+  onChange: e => {
+    onChange({
+      preferredPopoverDirection: e.target.value
+    });
+  }
+}, /*#__PURE__*/React.createElement("option", {
+  value: "NONE"
+}, " No Preference "), /*#__PURE__*/React.createElement("option", {
+  value: "UP"
+}, " Up "), /*#__PURE__*/React.createElement("option", {
+  value: "DOWN"
+}, " Down "), /*#__PURE__*/React.createElement("option", {
+  value: "LEFT"
+}, " Left "), /*#__PURE__*/React.createElement("option", {
+  value: "RIGHT"
+}, " Right ")))));
 const styles$5 = StyleSheet.create({
   title: _extends({}, typography$2.bodyXsmallBold, {
     marginBottom: 6,
@@ -31601,6 +31592,7 @@ class LabelImageEditor extends React.Component {
     }), /*#__PURE__*/React.createElement("div", {
       className: css(styles.largeSpacer)
     }), /*#__PURE__*/React.createElement(Behavior, {
+      preferredPopoverDirection: "NONE",
       multipleAnswers: multipleAnswers,
       hideChoicesFromInstructions: hideChoicesFromInstructions,
       onChange: this.handleBehaviorChange