@khanacademy/perseus-editor 5.2.10 → 5.2.12

package/dist/index.js

@@ -66,7 +66,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 = "5.2.10";
+const libVersion = "5.2.12";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -23768,25 +23768,8 @@ class ItemExtrasEditor extends React__namespace.Component {
     tTable: false,
     zTable: false
   };
-  finCalcOptions = [];
-  state = {
-    financialCalculatorOptionsExpanded: false
-  };
-  constructor(props) {
-    super(props);
-    this.finCalcOptions = [props.financialCalculatorMonthlyPayment, props.financialCalculatorTotalAmount, props.financialCalculatorTimeToPayOff];
-    this.state = {
-      financialCalculatorOptionsExpanded: this.finCalcOptions.some(opt => opt === true)
-    };
-  }
-  componentDidUpdate() {
-    // If no financial calculator options are checked, uncheck the
-    // financial calculator option.
-    if (this.state.financialCalculatorOptionsExpanded && !this.finCalcOptions.some(option => option === true)) {
-      this.setState({
-        financialCalculatorOptionsExpanded: false
-      });
-    }
+  shouldShowFinancialCalculatorOptions() {
+    return this.props.financialCalculatorMonthlyPayment || this.props.financialCalculatorTotalAmount || this.props.financialCalculatorTimeToPayOff;
   }
   serialize = () => {
     const data = {
@@ -23814,11 +23797,8 @@ class ItemExtrasEditor extends React__namespace.Component {
     }), /*#__PURE__*/React__namespace.createElement(ItemExtraCheckbox, {
       label: "Show financial calculator:",
       infoTip: "This provides the student with the ability to view a financial calculator, e.g., for answering financial questions. Once checked, requires at least one of the three options below to be checked.",
-      checked: this.state.financialCalculatorOptionsExpanded,
+      checked: this.shouldShowFinancialCalculatorOptions(),
       onChange: e => {
-        this.setState({
-          financialCalculatorOptionsExpanded: e.target.checked
-        });
         // If the financial calculator is unchecked,
         // these need to be reset. All checked by
         // default.
@@ -23828,7 +23808,7 @@ class ItemExtrasEditor extends React__namespace.Component {
           financialCalculatorTimeToPayOff: e.target.checked
         });
       }
-    }), this.state.financialCalculatorOptionsExpanded && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(ItemExtraCheckbox, {
+    }), this.shouldShowFinancialCalculatorOptions() && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(ItemExtraCheckbox, {
       label: "Include monthly payment:",
       infoTip: "This provides the student with the ability to view a monthly payment calculator; e.g., given a loan amount, interest rate, and term, what is the monthly payment?",
       checked: this.props.financialCalculatorMonthlyPayment,