@khanacademy/perseus-editor 5.2.10 → 5.2.12

package/dist/es/index.js

@@ -28,7 +28,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 = "5.2.10";
+const libVersion = "5.2.12";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -23762,12 +23762,8 @@ const {
   InfoTip: InfoTip$k
 } = components;
 class ItemExtrasEditor extends React.Component {
-  constructor(props) {
-    super(props);
-    this.finCalcOptions = [];
-    this.state = {
-      financialCalculatorOptionsExpanded: false
-    };
+  constructor(...args) {
+    super(...args);
     this.serialize = () => {
       const data = _extends({}, ItemExtrasEditor.defaultProps);
       for (const key of ItemExtras) {
@@ -23775,19 +23771,9 @@ class ItemExtrasEditor extends React.Component {
       }
       return data;
     };
-    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;
   }
   render() {
     return /*#__PURE__*/React.createElement("div", {
@@ -23806,11 +23792,8 @@ class ItemExtrasEditor extends React.Component {
     }), /*#__PURE__*/React.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.
@@ -23820,7 +23803,7 @@ class ItemExtrasEditor extends React.Component {
           financialCalculatorTimeToPayOff: e.target.checked
         });
       }
-    }), this.state.financialCalculatorOptionsExpanded && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ItemExtraCheckbox, {
+    }), this.shouldShowFinancialCalculatorOptions() && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.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,