@khanacademy/perseus-editor 18.2.3 → 20.0.0

package/dist/index.js

@@ -53,10 +53,10 @@ var arrowFatUp = require('@phosphor-icons/core/regular/arrow-fat-up.svg');
 var minusCircle = require('@phosphor-icons/core/regular/minus-circle.svg');
 var arrowCounterClockwise = require('@phosphor-icons/core/bold/arrow-counter-clockwise-bold.svg');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
+function _interopNamespaceCompat(e) {
+    if (e && typeof e === 'object' && 'default' in e) return e;
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -69,45 +69,48 @@ function _interopNamespace(e) {
             }
         });
     }
-    n["default"] = e;
+    n.default = e;
     return Object.freeze(n);
 }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
-var Clickable__default = /*#__PURE__*/_interopDefaultLegacy(Clickable);
-var $__default = /*#__PURE__*/_interopDefaultLegacy($);
-var katex__default = /*#__PURE__*/_interopDefaultLegacy(katex);
-var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
-var caretRight__default = /*#__PURE__*/_interopDefaultLegacy(caretRight);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
-var KAS__namespace = /*#__PURE__*/_interopNamespace(KAS);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Banner__default = /*#__PURE__*/_interopDefaultLegacy(Banner);
-var Pill__default = /*#__PURE__*/_interopDefaultLegacy(Pill);
-var plusCircle__default = /*#__PURE__*/_interopDefaultLegacy(plusCircle);
-var pencilCircle__default = /*#__PURE__*/_interopDefaultLegacy(pencilCircle);
-var IconButton__default = /*#__PURE__*/_interopDefaultLegacy(IconButton);
-var caretDoubleDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(caretDoubleDownIcon);
-var caretDoubleUpIcon__default = /*#__PURE__*/_interopDefaultLegacy(caretDoubleUpIcon);
-var caretDownIcon__default = /*#__PURE__*/_interopDefaultLegacy(caretDownIcon);
-var caretUpIcon__default = /*#__PURE__*/_interopDefaultLegacy(caretUpIcon);
-var trashIcon__default = /*#__PURE__*/_interopDefaultLegacy(trashIcon);
-var copyIcon__default = /*#__PURE__*/_interopDefaultLegacy(copyIcon);
-var autoPasteIcon__default = /*#__PURE__*/_interopDefaultLegacy(autoPasteIcon);
-var arrowFatDown__default = /*#__PURE__*/_interopDefaultLegacy(arrowFatDown);
-var arrowFatLeft__default = /*#__PURE__*/_interopDefaultLegacy(arrowFatLeft);
-var arrowFatRight__default = /*#__PURE__*/_interopDefaultLegacy(arrowFatRight);
-var arrowFatUp__default = /*#__PURE__*/_interopDefaultLegacy(arrowFatUp);
-var minusCircle__default = /*#__PURE__*/_interopDefaultLegacy(minusCircle);
-var arrowCounterClockwise__default = /*#__PURE__*/_interopDefaultLegacy(arrowCounterClockwise);
+var _extends__default = /*#__PURE__*/_interopDefaultCompat(_extends);
+var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+var ___default = /*#__PURE__*/_interopDefaultCompat(_);
+var Clickable__default = /*#__PURE__*/_interopDefaultCompat(Clickable);
+var $__default = /*#__PURE__*/_interopDefaultCompat($);
+var katex__default = /*#__PURE__*/_interopDefaultCompat(katex);
+var Switch__default = /*#__PURE__*/_interopDefaultCompat(Switch);
+var caretRight__default = /*#__PURE__*/_interopDefaultCompat(caretRight);
+var PropTypes__default = /*#__PURE__*/_interopDefaultCompat(PropTypes);
+var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
+var ReactDOM__default = /*#__PURE__*/_interopDefaultCompat(ReactDOM);
+var KAS__namespace = /*#__PURE__*/_interopNamespaceCompat(KAS);
+var Button__default = /*#__PURE__*/_interopDefaultCompat(Button);
+var Banner__default = /*#__PURE__*/_interopDefaultCompat(Banner);
+var Pill__default = /*#__PURE__*/_interopDefaultCompat(Pill);
+var plusCircle__default = /*#__PURE__*/_interopDefaultCompat(plusCircle);
+var pencilCircle__default = /*#__PURE__*/_interopDefaultCompat(pencilCircle);
+var IconButton__default = /*#__PURE__*/_interopDefaultCompat(IconButton);
+var caretDoubleDownIcon__default = /*#__PURE__*/_interopDefaultCompat(caretDoubleDownIcon);
+var caretDoubleUpIcon__default = /*#__PURE__*/_interopDefaultCompat(caretDoubleUpIcon);
+var caretDownIcon__default = /*#__PURE__*/_interopDefaultCompat(caretDownIcon);
+var caretUpIcon__default = /*#__PURE__*/_interopDefaultCompat(caretUpIcon);
+var trashIcon__default = /*#__PURE__*/_interopDefaultCompat(trashIcon);
+var copyIcon__default = /*#__PURE__*/_interopDefaultCompat(copyIcon);
+var autoPasteIcon__default = /*#__PURE__*/_interopDefaultCompat(autoPasteIcon);
+var arrowFatDown__default = /*#__PURE__*/_interopDefaultCompat(arrowFatDown);
+var arrowFatLeft__default = /*#__PURE__*/_interopDefaultCompat(arrowFatLeft);
+var arrowFatRight__default = /*#__PURE__*/_interopDefaultCompat(arrowFatRight);
+var arrowFatUp__default = /*#__PURE__*/_interopDefaultCompat(arrowFatUp);
+var minusCircle__default = /*#__PURE__*/_interopDefaultCompat(minusCircle);
+var arrowCounterClockwise__default = /*#__PURE__*/_interopDefaultCompat(arrowCounterClockwise);
 
 // This file is processed by a Rollup plugin (replace) to inject the production
+// version number during the release build.
+// In dev, you'll never see the version number.
+
 const libName = "@khanacademy/perseus-editor";
-const libVersion = "18.2.3";
+const libVersion = "20.0.0";
 perseusUtils.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const devices = {
@@ -128,6 +131,7 @@ const perseusFrameBorderWidth = 1;
 /**
  * A component that displays its contents inside a device frame.
  */
+
 const SCREEN_SIZES = {
   phone: {
     width: 320,
@@ -190,6 +194,7 @@ const DeviceFramer = _ref => {
 };
 
 /* eslint-disable @babel/no-invalid-this */
+/* eslint-disable react/no-unsafe */
 class JsonEditor extends React__namespace.Component {
   static displayName;
   static defaultProps = {
@@ -209,7 +214,7 @@ class JsonEditor extends React__namespace.Component {
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const shouldReplaceContent = !this.state.valid || !___default["default"].isEqual(nextProps.value, JSON.parse(this.state.currentValue ? this.state.currentValue : ""));
+    const shouldReplaceContent = !this.state.valid || !___default.default.isEqual(nextProps.value, JSON.parse(this.state.currentValue ? this.state.currentValue : ""));
     if (shouldReplaceContent) {
       this.setState(this.getInitialState());
     }
@@ -234,7 +239,7 @@ class JsonEditor extends React__namespace.Component {
     try {
       let json = JSON.parse(nextString);
       // Some extra handling to allow copy-pasting from /api/vi
-      if (___default["default"].isString(json)) {
+      if (___default.default.isString(json)) {
         json = JSON.parse(json);
       }
       // This callback unfortunately causes multiple renders,
@@ -262,7 +267,7 @@ class JsonEditor extends React__namespace.Component {
     try {
       let json = JSON.parse(nextString);
       // Some extra handling to allow copy-pasting from /api/vi
-      if (___default["default"].isString(json)) {
+      if (___default.default.isString(json)) {
         json = JSON.parse(json);
       }
       // This callback unfortunately causes multiple renders,
@@ -304,7 +309,7 @@ class SectionControlButton extends React__namespace.Component {
       onClick,
       title
     } = this.props;
-    return /*#__PURE__*/React__namespace.createElement(Clickable__default["default"], {
+    return /*#__PURE__*/React__namespace.createElement(Clickable__default.default, {
       className: "section-control-button " + "simple-button " + "simple-button--small ",
       onClick: e => {
         e.preventDefault();
@@ -315,6 +320,11 @@ class SectionControlButton extends React__namespace.Component {
       "aria-label": title,
       style: styles$T.button
     }, _ref => {
+      let {
+        hovered,
+        focused,
+        pressed
+      } = _ref;
       return /*#__PURE__*/React__namespace.createElement(InlineIcon$9, icon);
     });
   }
@@ -3132,20 +3142,22 @@ var texify = {
 };
 
 /* -*- Mode: Javascript; indent-tabs-mode:nil; js-indent-level: 2 -*- */
+/* vim: set ts=2 et sw=2 tw=80: */
+
 
 // Add \ce, \pu, and \tripledash to the KaTeX macros.
 
-katex__default["default"].__defineMacro("\\ce", function (context) {
+katex__default.default.__defineMacro("\\ce", function (context) {
   return chemParse(context.consumeArgs(1)[0], "ce");
 });
-katex__default["default"].__defineMacro("\\pu", function (context) {
+katex__default.default.__defineMacro("\\pu", function (context) {
   return chemParse(context.consumeArgs(1)[0], "pu");
 });
 
 //  Needed for \bond for the ~ forms
 //  Raise by 2.56mu, not 2mu. We're raising a hyphen-minus, U+002D, not
 //  a mathematical minus, U+2212. So we need that extra 0.56.
-katex__default["default"].__defineMacro("\\tripledash", "{\\vphantom{-}\\raisebox{2.56mu}{$\\mkern2mu" + "\\tiny\\text{-}\\mkern1mu\\text{-}\\mkern1mu\\text{-}\\mkern2mu$}}");
+katex__default.default.__defineMacro("\\tripledash", "{\\vphantom{-}\\raisebox{2.56mu}{$\\mkern2mu" + "\\tiny\\text{-}\\mkern1mu\\text{-}\\mkern1mu\\text{-}\\mkern2mu$}}");
 
 class DragTarget extends React__namespace.Component {
   static defaultProps = {
@@ -3199,7 +3211,7 @@ class DragTarget extends React__namespace.Component {
       shouldDragHighlight,
       ...forwardProps
     } = this.props;
-    return /*#__PURE__*/React__namespace.createElement(Component, _extends__default["default"]({}, forwardProps, {
+    return /*#__PURE__*/React__namespace.createElement(Component, _extends__default.default({}, forwardProps, {
       style: Object.assign({}, this.props.style, opacity),
       onDrop: this.handleDrop,
       onDragEnd: this.handleDragEnd,
@@ -3252,7 +3264,7 @@ const {
 const _upgradeWidgetInfo = props => {
   // We can't call serialize here because this.refs.widget
   // doesn't exist before this component is mounted.
-  const filteredProps = ___default["default"].omit(props, perseus.WIDGET_PROP_DENYLIST);
+  const filteredProps = ___default.default.omit(props, perseus.WIDGET_PROP_DENYLIST);
   return perseusCore.upgradeWidgetInfoToLatestVersion(filteredProps);
 };
 
@@ -3375,7 +3387,7 @@ class WidgetEditor extends React__namespace.Component {
       title: "Remove image widget"
     })), /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-editor-content " + (this.state.showWidget ? "enter" : "leave")
-    }, Ed && /*#__PURE__*/React__namespace.createElement(Ed, _extends__default["default"]({
+    }, Ed && /*#__PURE__*/React__namespace.createElement(Ed, _extends__default.default({
       ref: this.widget,
       onChange: this._handleWidgetChange,
       static: widgetInfo.static,
@@ -3393,7 +3405,7 @@ function LabeledSwitch$1(props) {
     htmlFor: id
   }, label), /*#__PURE__*/React__namespace.createElement(wonderBlocksLayout.Strut, {
     size: wonderBlocksTokens.spacing.xxSmall_6
-  }), /*#__PURE__*/React__namespace.createElement(Switch__default["default"], _extends__default["default"]({
+  }), /*#__PURE__*/React__namespace.createElement(Switch__default.default, _extends__default.default({
     id: id
   }, switchProps)));
 }
@@ -3415,7 +3427,7 @@ class WidgetSelect extends React__namespace.Component {
   };
   render() {
     const widgets = perseus.Widgets.getPublicWidgets();
-    const orderedWidgetNames = ___default["default"].sortBy(___default["default"].keys(widgets), name => {
+    const orderedWidgetNames = ___default.default.sortBy(___default.default.keys(widgets), name => {
       return widgets[name].displayName;
     });
     const addWidgetString = "Add a widget\u2026";
@@ -3443,7 +3455,7 @@ class WidgetSelect extends React__namespace.Component {
 function ToggleableCaret(props) {
   const iconStyle = props.isExpanded ? styles$S.expanded : styles$S.collapsed;
   return /*#__PURE__*/React__namespace.createElement(wonderBlocksIcon.PhosphorIcon, {
-    icon: caretRight__default["default"],
+    icon: caretRight__default.default,
     style: iconStyle
   });
 }
@@ -3627,7 +3639,7 @@ class Editor extends React__namespace.Component {
     // are guaranteed to be up-to-date before componentDidMount or
     // componentDidUpdate fires.
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    $__default["default"](this.textarea.current)
+    $__default.default(this.textarea.current)
     // @ts-expect-error - TS2339 - Property 'on' does not exist on type 'JQueryStatic'.
     .on("copy cut", this._maybeCopyWidgets)
     // @ts-expect-error - TS2769 - No overload matches this call.
@@ -3686,7 +3698,7 @@ class Editor extends React__namespace.Component {
     // widget data before specifying the `key` prop, to ensure the
     // key overrides any `key` field on the widget (which might not
     // be unique.
-    , _extends__default["default"]({}, this.props.widgets[id], {
+    , _extends__default.default({}, this.props.widgets[id], {
       ref: id,
       id: id,
       key: id
@@ -3728,18 +3740,18 @@ class Editor extends React__namespace.Component {
 
     // Discard any images in our dimension table that no
     // longer exist in content.
-    const images = ___default["default"].pick(props.images, imageUrls);
+    const images = ___default.default.pick(props.images, imageUrls);
 
     // Only calculate sizes for images that were not present previously.
     // Most content edits shouldn't have new images.
     // This could get weird in the case of multiple images with the same
     // URL, if you've changed the backing image size, but given graphie
     // hashes it's probably an edge case.
-    const newImageUrls = ___default["default"].filter(imageUrls, url => !images[url]);
+    const newImageUrls = ___default.default.filter(imageUrls, url => !images[url]);
 
     // TODO(jack): Q promises would make this nicer and only
     // fire once.
-    ___default["default"].each(newImageUrls, url => {
+    ___default.default.each(newImageUrls, url => {
       perseus.Util.getImageSize(url, (width, height) => {
         // We keep modifying the same image object rather than a new
         // copy from this.props because all changes here are additive.
@@ -3752,7 +3764,7 @@ class Editor extends React__namespace.Component {
           height: height
         };
         props.onChange({
-          images: ___default["default"].clone(images)
+          images: ___default.default.clone(images)
         },
         // @ts-expect-error - TS2345 - Argument of type 'null' is not assignable to parameter of type '(() => unknown) | undefined'.
         null,
@@ -3809,11 +3821,11 @@ class Editor extends React__namespace.Component {
      * extended to recognize this sentinel and highlight it like for
      * widgets.
      */
-    ___default["default"](files).chain().map(function (file) {
+    ___default.default(files).chain().map(function (file) {
       if (!file.type.match("image.*")) {
         return null;
       }
-      const sentinel = "\u2603 " + ___default["default"].uniqueId("image_");
+      const sentinel = "\u2603 " + ___default.default.uniqueId("image_");
       // TODO(joel) - figure out how to temporarily include the image
       // before the server returns.
       content += "\n\n![](" + sentinel + ")";
@@ -3821,7 +3833,7 @@ class Editor extends React__namespace.Component {
         file: file,
         sentinel: sentinel
       };
-    }).reject(___default["default"].isNull).tap(() => {
+    }).reject(___default.default.isNull).tap(() => {
       // See componentDidUpdate() for how this flag is used
       this.lastUserValue = origContent;
       this.props.onChange({
@@ -3891,13 +3903,13 @@ class Editor extends React__namespace.Component {
     // is actually pasting something originally from Perseus later.
     const textarea = e.currentTarget;
     const selectedText = textarea.value.substring(textarea.selectionStart, textarea.selectionEnd);
-    const widgetNames = ___default["default"].map(
+    const widgetNames = ___default.default.map(
     // @ts-expect-error - TS2345 - Argument of type 'RegExpMatchArray | null' is not assignable to parameter of type 'Collection<any>'.
     selectedText.match(rWidgetSplit), syntax => {
       // @ts-expect-error - TS2531 - Object is possibly 'null'.
       return perseus.Util.rWidgetParts.exec(syntax)[1];
     });
-    const widgetData = ___default["default"].pick(this.serialize().widgets, widgetNames);
+    const widgetData = ___default.default.pick(this.serialize().widgets, widgetNames);
     localStorage.perseusLastCopiedText = selectedText;
     localStorage.perseusLastCopiedWidgets = JSON.stringify(widgetData);
     perseus.Log.log(`Widgets copied: ${localStorage.perseusLastCopiedWidgets}`);
@@ -3934,7 +3946,7 @@ class Editor extends React__namespace.Component {
       for (const [key, data] of Object.entries(widgetData)) {
         safeWidgetData[safeWidgetMapping[key]] = data;
       }
-      const newWidgets = ___default["default"].extend(safeWidgetData, this.props.widgets);
+      const newWidgets = ___default.default.extend(safeWidgetData, this.props.widgets);
 
       // Use safe widget name map to construct new text
       const safeText = lastCopiedText.replace(rWidgetSplit, syntax => {
@@ -3976,24 +3988,24 @@ class Editor extends React__namespace.Component {
     // see: LEMS-1845
 
     // List of widgets about to be pasted as [[name, number], ...]
-    const widgets = ___default["default"].keys(widgetData).map(name => name.split(" "));
-    const widgetTypes = ___default["default"].uniq(widgets.map(widget => widget[0]));
+    const widgets = ___default.default.keys(widgetData).map(name => name.split(" "));
+    const widgetTypes = ___default.default.uniq(widgets.map(widget => widget[0]));
 
     // List of existing widgets as [[name, number], ...]
-    const existingWidgets = ___default["default"].keys(this.props.widgets).map(name => name.split(" "));
+    const existingWidgets = ___default.default.keys(this.props.widgets).map(name => name.split(" "));
 
     // Mapping of widget type to a safe (non-conflicting) number
     // eg. { "image": 2, "dropdown": 1 }
     const safeWidgetNums = {};
-    ___default["default"].each(widgetTypes, type => {
-      safeWidgetNums[type] = ___default["default"].chain(existingWidgets).filter(existingWidget => existingWidget[0] === type).map(existingWidget => +existingWidget[1] + 1).max().value();
+    ___default.default.each(widgetTypes, type => {
+      safeWidgetNums[type] = ___default.default.chain(existingWidgets).filter(existingWidget => existingWidget[0] === type).map(existingWidget => +existingWidget[1] + 1).max().value();
       // If there are no existing widgets _.max returns -Infinity
       safeWidgetNums[type] = Math.max(safeWidgetNums[type], 1);
     });
 
     // Construct mapping, incrementing the vals in safeWidgetNums as we go
     const safeWidgetMapping = {};
-    ___default["default"].each(widgets, widget => {
+    ___default.default.each(widgets, widget => {
       const widgetName = widget.join(" ");
       const widgetType = widget[0];
       safeWidgetMapping[widgetName] = `${widgetType} ${safeWidgetNums[widgetType]}`;
@@ -4008,7 +4020,7 @@ class Editor extends React__namespace.Component {
     // because the results of a .match might be null if no
     // widgets were found.
     // @ts-expect-error - TS2345 - Argument of type 'RegExpMatchArray | null' is not assignable to parameter of type 'Collection<any>'.
-    const allWidgetIds = ___default["default"].map(oldContent.match(rWidgetSplit), syntax => {
+    const allWidgetIds = ___default.default.map(oldContent.match(rWidgetSplit), syntax => {
       const match = perseus.Util.rWidgetParts.exec(syntax);
       // @ts-expect-error - TS2531 - Object is possibly 'null'.
       const type = match[2];
@@ -4016,7 +4028,7 @@ class Editor extends React__namespace.Component {
       const num = +match[3];
       return [type, num];
     });
-    const widgetNum = ___default["default"].reduce(allWidgetIds, (currentNum, otherId) => {
+    const widgetNum = ___default.default.reduce(allWidgetIds, (currentNum, otherId) => {
       const [otherType, otherNum] = otherId;
       if (otherType === widgetType) {
         return Math.max(otherNum + 1, currentNum);
@@ -4108,13 +4120,13 @@ class Editor extends React__namespace.Component {
   };
   getSaveWarnings = () => {
     // eslint-disable-next-line react/no-string-refs
-    const widgetIds = ___default["default"].intersection(this.widgetIds, ___default["default"].keys(this.refs));
-    const warnings = ___default["default"](widgetIds).chain().map(id => {
+    const widgetIds = ___default.default.intersection(this.widgetIds, ___default.default.keys(this.refs));
+    const warnings = ___default.default(widgetIds).chain().map(id => {
       // eslint-disable-next-line react/no-string-refs
       // @ts-expect-error - TS2339 - Property 'getSaveWarnings' does not exist on type 'ReactInstance'.
       const issuesFunc = this.refs[id].getSaveWarnings;
       const issues = issuesFunc ? issuesFunc() : [];
-      return ___default["default"].map(issues, issue => id + ": " + issue);
+      return ___default.default.map(issues, issue => id + ": " + issue);
     }).flatten(true).value();
     return warnings;
   };
@@ -4138,8 +4150,8 @@ class Editor extends React__namespace.Component {
     // interactive-graph and plotter).
     const widgets = {};
     // eslint-disable-next-line react/no-string-refs
-    const widgetIds = ___default["default"].intersection(this.widgetIds, ___default["default"].keys(this.refs));
-    ___default["default"].each(widgetIds, id => {
+    const widgetIds = ___default.default.intersection(this.widgetIds, ___default.default.keys(this.refs));
+    ___default.default.each(widgetIds, id => {
       // eslint-disable-next-line react/no-string-refs
       // @ts-expect-error - TS2339 - Property 'serialize' does not exist on type 'ReactInstance'.
       widgets[id] = this.refs[id].serialize();
@@ -4153,7 +4165,7 @@ class Editor extends React__namespace.Component {
     //             have been fixed to only return props,
     //             and the above no longer applies.
     if (options && options.keepDeletedWidgets) {
-      ___default["default"].chain(this.props.widgets).keys().reject(id => ___default["default"].contains(widgetIds, id)).each(id => {
+      ___default.default.chain(this.props.widgets).keys().reject(id => ___default.default.contains(widgetIds, id)).each(id => {
         widgets[id] = this.props.widgets[id];
       });
     }
@@ -4198,7 +4210,7 @@ class Editor extends React__namespace.Component {
             if (node.type === "math" || node.type === "blockMath") {
               const content = perseus.preprocessTex(node.content);
               try {
-                katex__default["default"].renderToString(content, {
+                katex__default.default.renderToString(content, {
                   colorIsTextColor: true
                 });
               } catch (e) {
@@ -4249,7 +4261,7 @@ class Editor extends React__namespace.Component {
       //     }
       // }, this);
 
-      this.widgetIds = ___default["default"].keys(widgets);
+      this.widgetIds = ___default.default.keys(widgets);
       widgetsDropDown = /*#__PURE__*/React__namespace.createElement(WidgetSelect, {
         onChange: this._addWidget
       });
@@ -4546,6 +4558,7 @@ class ArticleEditor extends React__namespace.Component {
         paths: this.props.contentPaths
       },
       // @ts-expect-error - TS2339 - Property 'getSaveWarnings' does not exist on type 'ReactInstance'.
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       legacyPerseusLint: editor ? editor.getSaveWarnings() : []
     };
   }
@@ -4609,7 +4622,7 @@ class ArticleEditor extends React__namespace.Component {
           /* eslint-enable no-alert */
         },
         title: "Delete this section"
-      }))), /*#__PURE__*/React__namespace.createElement(Editor, _extends__default["default"]({}, section, {
+      }))), /*#__PURE__*/React__namespace.createElement(Editor, _extends__default.default({}, section, {
         apiOptions: apiOptions,
         imageUploader: imageUploader,
         onChange: newProps => this._handleEditorChange(i, newProps),
@@ -4706,7 +4719,7 @@ class ArticleEditor extends React__namespace.Component {
   _handleAddSectionAfter(i) {
     // We do a full serialization here because we
     // might be copying widgets:
-    const sections = ___default["default"].clone(this.serialize());
+    const sections = ___default.default.clone(this.serialize());
     // Here we do magic to allow you to copy-paste
     // things from the previous section into the new
     // section while preserving widgets.
@@ -5218,21 +5231,23 @@ const JSDiff = {
 const splitDiff = function (diffEntries) {
   const lines = [];
   let currentLine = [];
-  ___default["default"].each(diffEntries, entry => {
+  ___default.default.each(diffEntries, entry => {
     const values = entry.value.split("\n");
-    ___default["default"].each(values, (value, i) => {
+    ___default.default.each(values, (value, i) => {
       const isNewline = i > 0;
       if (isNewline) {
         // @ts-expect-error - TS2345 - Argument of type 'any[]' is not assignable to parameter of type 'never'.
         lines.push(currentLine);
         currentLine = [];
       }
-      const newEntry = ___default["default"].extend({}, entry, {
+      const newEntry = ___default.default.extend({}, entry, {
         value: value
       });
       currentLine.push(newEntry);
     });
   });
+
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (currentLine.length) {
     // @ts-expect-error - TS2345 - Argument of type 'any[]' is not assignable to parameter of type 'never'.
     lines.push(currentLine);
@@ -5253,7 +5268,7 @@ const statusFor = function (chunk) {
 
 // Turn a chunk (which contains an array of values and a status)
 // into an array of values, each with the same status
-const splitUpChunk = chunk => ___default["default"].map(chunk.value, value => {
+const splitUpChunk = chunk => ___default.default.map(chunk.value, value => {
   return {
     value: value,
     status: statusFor(chunk)
@@ -5263,7 +5278,7 @@ const splitUpChunk = chunk => ___default["default"].map(chunk.value, value => {
 // Apply `fn` to every element in `lst` and then concatenate all the results
 // http://clojuredocs.org/clojure_core/clojure.core/mapcat
 const mapcat = function (lst, fn) {
-  return ___default["default"].flatten(___default["default"].map(lst, fn), true /* only flatten one level */);
+  return ___default.default.flatten(___default.default.map(lst, fn), true /* only flatten one level */);
 };
 
 // > ArrayDiff.diff([1,2,3], [2,3,4]);
@@ -5273,12 +5288,12 @@ const mapcat = function (lst, fn) {
 //    { "value": [4],
 //      "added": true }]
 const ArrayDiff = new JSDiff.Diff();
-ArrayDiff.tokenize = array => ___default["default"].map(array, elem => [elem]);
+ArrayDiff.tokenize = array => ___default.default.map(array, elem => [elem]);
 // The default is `+` for string concatenation, which doesn't work for array
 // concatenation.
 ArrayDiff.join = (a, b) => a.concat(b);
 // By default jsDiff uses ===
-ArrayDiff.equals = ___default["default"].isEqual;
+ArrayDiff.equals = ___default.default.isEqual;
 
 // Take the output of jsdiff's function (which concatenates adjacent entries)
 // and make it just one entry per chunk
@@ -5300,8 +5315,8 @@ const stringArrayDiff = function (a, b) {
   const diffResult = ArrayDiff.diff(a, b);
   const flattened = flattenChunks(diffResult);
   return {
-    before: ___default["default"].filter(flattened, entry => entry.status !== "added"),
-    after: ___default["default"].filter(flattened, entry => entry.status !== "removed")
+    before: ___default.default.filter(flattened, entry => entry.status !== "added"),
+    after: ___default.default.filter(flattened, entry => entry.status !== "removed")
   };
 };
 
@@ -5326,11 +5341,11 @@ const classFor = function (entry, ifAdded, ifRemoved) {
 };
 class ImageDiffSide extends React__namespace.Component {
   static propTypes = {
-    images: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({})).isRequired
+    images: PropTypes__default.default.arrayOf(PropTypes__default.default.shape({})).isRequired
   };
   render() {
-    return /*#__PURE__*/React__namespace.createElement("div", null, ___default["default"].map(this.props.images, (entry, index) => {
-      const className = classNames__default["default"]({
+    return /*#__PURE__*/React__namespace.createElement("div", null, ___default.default.map(this.props.images, (entry, index) => {
+      const className = classNames__default.default({
         image: true,
         "image-unchanged": entry.status === "unchanged",
         "image-added": entry.status === "added",
@@ -5349,9 +5364,9 @@ class ImageDiffSide extends React__namespace.Component {
 }
 class TextDiff extends React__namespace.Component {
   static propTypes = {
-    after: PropTypes__default["default"].string,
-    before: PropTypes__default["default"].string,
-    title: PropTypes__default["default"].string.isRequired
+    after: PropTypes__default.default.string,
+    before: PropTypes__default.default.string,
+    title: PropTypes__default.default.string.isRequired
   };
   static defaultProps = {
     after: "",
@@ -5376,15 +5391,15 @@ class TextDiff extends React__namespace.Component {
     const beforeImages = imagesInString(this.props.before);
     const afterImages = imagesInString(this.props.after);
     const images = stringArrayDiff(beforeImages, afterImages);
-    const renderedLines = ___default["default"].map(lines, line => {
+    const renderedLines = ___default.default.map(lines, line => {
       const contents = {};
-      contents.before = ___default["default"](line).map(function (entry, i) {
+      contents.before = ___default.default(line).map(function (entry, i) {
         return /*#__PURE__*/React__namespace.createElement("span", {
           key: i,
           className: classFor(entry, "not-present", "removed dark")
         }, entry.value);
       });
-      contents.after = ___default["default"](line).map(function (entry, i) {
+      contents.after = ___default.default(line).map(function (entry, i) {
         return /*#__PURE__*/React__namespace.createElement("span", {
           key: i,
           className: classFor(entry, "added dark", "not-present")
@@ -5392,7 +5407,7 @@ class TextDiff extends React__namespace.Component {
       });
       return contents;
     });
-    const className = classNames__default["default"]({
+    const className = classNames__default.default({
       "diff-row": true,
       collapsed: this.state.collapsed
     });
@@ -5402,13 +5417,13 @@ class TextDiff extends React__namespace.Component {
       className: "diff-header"
     }, this.props.title), /*#__PURE__*/React__namespace.createElement("div", {
       className: "diff-body ui-helper-clearfix"
-    }, ___default["default"].map([BEFORE$1, AFTER$1], (side, index) => {
+    }, ___default.default.map([BEFORE$1, AFTER$1], (side, index) => {
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "diff-row " + side,
         key: index
-      }, !this.state.collapsed && ___default["default"].map(renderedLines, (line, lineNum) => {
+      }, !this.state.collapsed && ___default.default.map(renderedLines, (line, lineNum) => {
         const changed = line[side].length > 1;
-        const lineClass = classNames__default["default"]({
+        const lineClass = classNames__default.default({
           "diff-line": true,
           added: side === AFTER$1 && changed,
           removed: side === BEFORE$1 && changed
@@ -5420,7 +5435,7 @@ class TextDiff extends React__namespace.Component {
       }), !this.state.collapsed && /*#__PURE__*/React__namespace.createElement(ImageDiffSide, {
         images: images[side]
       }));
-    })), ___default["default"].map([BEFORE$1, AFTER$1], (side, index) => {
+    })), ___default.default.map([BEFORE$1, AFTER$1], (side, index) => {
       return (
         /*#__PURE__*/
         // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events -- TODO(LEMS-2871): Address a11y error
@@ -5465,10 +5480,10 @@ const valueEntry = function (before, after, key) {
 
 // For values which require a more granular diff (objects and arrays)
 const objectEntry = function (before, after, key) {
-  const beforeKeys = ___default["default"].isObject(before) ? ___default["default"](before).keys() : [];
-  const afterKeys = ___default["default"].isObject(after) ? ___default["default"](after).keys() : [];
-  const keys = ___default["default"].union(beforeKeys, afterKeys);
-  const children = ___default["default"].map(keys, function (key) {
+  const beforeKeys = ___default.default.isObject(before) ? ___default.default(before).keys() : [];
+  const afterKeys = ___default.default.isObject(after) ? ___default.default(after).keys() : [];
+  const keys = ___default.default.union(beforeKeys, afterKeys);
+  const children = ___default.default.map(keys, function (key) {
     return performDiff((before || {})[key], (after || {})[key], key);
   });
   let status;
@@ -5477,7 +5492,7 @@ const objectEntry = function (before, after, key) {
   } else if (after === undefined) {
     status = REMOVED;
   } else {
-    const changed = ___default["default"].any(children, function (child) {
+    const changed = ___default.default.any(children, function (child) {
       return child.status !== UNCHANGED$1;
     });
     status = changed ? CHANGED : UNCHANGED$1;
@@ -5508,15 +5523,15 @@ const AFTER = "after";
 const UNCHANGED = "unchanged";
 class DiffSide extends React__namespace.Component {
   static propTypes = {
-    className: PropTypes__default["default"].string.isRequired,
-    depth: PropTypes__default["default"].number.isRequired,
-    propKey: PropTypes__default["default"].string.isRequired,
-    showKey: PropTypes__default["default"].bool.isRequired,
-    side: PropTypes__default["default"].oneOf([BEFORE, AFTER]).isRequired,
-    value: PropTypes__default["default"].string
+    className: PropTypes__default.default.string.isRequired,
+    depth: PropTypes__default.default.number.isRequired,
+    propKey: PropTypes__default.default.string.isRequired,
+    showKey: PropTypes__default.default.bool.isRequired,
+    side: PropTypes__default.default.oneOf([BEFORE, AFTER]).isRequired,
+    value: PropTypes__default.default.string
   };
   render() {
-    const className = classNames__default["default"](this.props.className, {
+    const className = classNames__default.default(this.props.className, {
       "diff-row": true,
       before: this.props.side === BEFORE,
       after: this.props.side === AFTER
@@ -5534,8 +5549,8 @@ class DiffSide extends React__namespace.Component {
 }
 class CollapsedRow extends React__namespace.Component {
   static propTypes = {
-    depth: PropTypes__default["default"].number,
-    onClick: PropTypes__default["default"].func.isRequired
+    depth: PropTypes__default.default.number,
+    onClick: PropTypes__default.default.func.isRequired
   };
   static defaultProps = {
     depth: 0
@@ -5550,7 +5565,7 @@ class CollapsedRow extends React__namespace.Component {
         style: {
           clear: "both"
         }
-      }, ___default["default"].map([BEFORE, AFTER], function (side) {
+      }, ___default.default.map([BEFORE, AFTER], function (side) {
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "diff-row collapsed " + side,
           key: side
@@ -5567,14 +5582,14 @@ class CollapsedRow extends React__namespace.Component {
 // Component representing a single property that may be nested.
 class DiffEntry extends React__namespace.Component {
   static propTypes = {
-    depth: PropTypes__default["default"].number,
-    entry: PropTypes__default["default"].shape({
-      after: PropTypes__default["default"].string,
-      before: PropTypes__default["default"].string,
-      children: PropTypes__default["default"].arrayOf(PropTypes__default["default"].any),
-      key: PropTypes__default["default"].string
+    depth: PropTypes__default.default.number,
+    entry: PropTypes__default.default.shape({
+      after: PropTypes__default.default.string,
+      before: PropTypes__default.default.string,
+      children: PropTypes__default.default.arrayOf(PropTypes__default.default.any),
+      key: PropTypes__default.default.string
     }),
-    expanded: PropTypes__default["default"].bool
+    expanded: PropTypes__default.default.bool
   };
   static defaultProps = {
     depth: 0
@@ -5593,12 +5608,12 @@ class DiffEntry extends React__namespace.Component {
     const propertyAdded = entry.status === "added";
     const propertyChanged = entry.status === "changed";
     const hasChildren = entry.children.length > 0;
-    const leftClass = classNames__default["default"]({
+    const leftClass = classNames__default.default({
       removed: propertyDeleted || propertyChanged && !hasChildren,
       dark: propertyDeleted,
       "blank-space": propertyAdded
     });
-    const rightClass = classNames__default["default"]({
+    const rightClass = classNames__default.default({
       added: propertyAdded || propertyChanged && !hasChildren,
       dark: propertyAdded,
       "blank-space": propertyDeleted
@@ -5607,7 +5622,7 @@ class DiffEntry extends React__namespace.Component {
     if (this.state.expanded) {
       shownChildren = entry.children;
     } else {
-      shownChildren = ___default["default"](entry.children).select(function (child) {
+      shownChildren = ___default.default(entry.children).select(function (child) {
         return child.status !== UNCHANGED;
       });
     }
@@ -5637,7 +5652,7 @@ class DiffEntry extends React__namespace.Component {
       propKey: entry.key,
       showKey: !propertyDeleted,
       value: entry.after
-    })), ___default["default"].map(shownChildren, function (child) {
+    })), ___default.default.map(shownChildren, function (child) {
       return /*#__PURE__*/React__namespace.createElement(DiffEntry, {
         key: child.key,
         depth: self.props.depth + 1,
@@ -5654,11 +5669,11 @@ class DiffEntry extends React__namespace.Component {
 // For image widgets, show the actual image
 class ImageWidgetDiff extends React__namespace.Component {
   static propTypes = {
-    after: PropTypes__default["default"].shape({
-      options: PropTypes__default["default"].objectOf(PropTypes__default["default"].any)
+    after: PropTypes__default.default.shape({
+      options: PropTypes__default.default.objectOf(PropTypes__default.default.any)
     }).isRequired,
-    before: PropTypes__default["default"].shape({
-      options: PropTypes__default["default"].objectOf(PropTypes__default["default"].any)
+    before: PropTypes__default.default.shape({
+      options: PropTypes__default.default.objectOf(PropTypes__default.default.any)
     }).isRequired
   };
   render() {
@@ -5671,7 +5686,7 @@ class ImageWidgetDiff extends React__namespace.Component {
     return /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("div", {
       className: "diff-row before"
     }, beforeSrc && /*#__PURE__*/React__namespace.createElement("div", {
-      className: classNames__default["default"]({
+      className: classNames__default.default({
         image: true,
         "image-unchanged": beforeSrc === afterSrc,
         "image-removed": beforeSrc !== afterSrc
@@ -5682,7 +5697,7 @@ class ImageWidgetDiff extends React__namespace.Component {
     }))), /*#__PURE__*/React__namespace.createElement("div", {
       className: "diff-row after"
     }, afterSrc && /*#__PURE__*/React__namespace.createElement("div", {
-      className: classNames__default["default"]({
+      className: classNames__default.default({
         image: true,
         "image-unchanged": beforeSrc === afterSrc,
         "image-added": beforeSrc !== afterSrc
@@ -5695,14 +5710,14 @@ class ImageWidgetDiff extends React__namespace.Component {
 }
 class WidgetDiff extends React__namespace.Component {
   static propTypes = {
-    after: PropTypes__default["default"].shape({
-      options: PropTypes__default["default"].objectOf(PropTypes__default["default"].any)
+    after: PropTypes__default.default.shape({
+      options: PropTypes__default.default.objectOf(PropTypes__default.default.any)
     }),
-    before: PropTypes__default["default"].shape({
-      options: PropTypes__default["default"].objectOf(PropTypes__default["default"].any)
+    before: PropTypes__default.default.shape({
+      options: PropTypes__default.default.objectOf(PropTypes__default.default.any)
     }),
-    title: PropTypes__default["default"].string.isRequired,
-    type: PropTypes__default["default"].string
+    title: PropTypes__default.default.string.isRequired,
+    type: PropTypes__default.default.string
   };
   static defaultProps = {
     after: {},
@@ -5735,6 +5750,7 @@ class WidgetDiff extends React__namespace.Component {
 /**
  * A side by side diff view for Perseus renderers.
  */
+
 // In diffs, only show the widgetInfo props that can change
 const filterWidgetInfo = function (widgetInfo, showAlignmentOptions) {
   const {
@@ -5800,8 +5816,10 @@ class RendererDiff extends React__namespace.Component {
     }
     const beforeWidgets = Object.keys(before.widgets ?? {}).filter(widget => before.content.includes(widget));
     const afterWidgets = Object.keys(after.widgets ?? {}).filter(widget => after.content.includes(widget));
+
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (beforeWidgets.length || afterWidgets.length) {
-      const widgets = ___default["default"].union(beforeWidgets, afterWidgets);
+      const widgets = ___default.default.union(beforeWidgets, afterWidgets);
       widgetsDiff = widgets.map(widget => /*#__PURE__*/React__namespace.createElement(WidgetDiff, {
         before: filterWidgetInfo(before.widgets?.[widget], showAlignmentOptions),
         after: filterWidgetInfo(after.widgets?.[widget], showAlignmentOptions),
@@ -5817,17 +5835,21 @@ class RendererDiff extends React__namespace.Component {
 }
 
 /* eslint-disable react/no-unsafe */
-const rendererProps = PropTypes__default["default"].shape({
-  content: PropTypes__default["default"].string,
-  images: PropTypes__default["default"].objectOf(PropTypes__default["default"].any),
-  widgets: PropTypes__default["default"].objectOf(PropTypes__default["default"].any)
+/**
+ * A side by side diff view for Perseus articles.
+ */
+
+const rendererProps = PropTypes__default.default.shape({
+  content: PropTypes__default.default.string,
+  images: PropTypes__default.default.objectOf(PropTypes__default.default.any),
+  widgets: PropTypes__default.default.objectOf(PropTypes__default.default.any)
 });
 class ArticleDiff extends React__namespace.Component {
   static propTypes = {
     // TODO(alex): Check whether we still have any Perseus articles whose
     // top-level json is an object, not an array. If not, simplify here.
-    after: PropTypes__default["default"].oneOfType([rendererProps, PropTypes__default["default"].arrayOf(rendererProps)]).isRequired,
-    before: PropTypes__default["default"].oneOfType([rendererProps, PropTypes__default["default"].arrayOf(rendererProps)]).isRequired
+    after: PropTypes__default.default.oneOfType([rendererProps, PropTypes__default.default.arrayOf(rendererProps)]).isRequired,
+    before: PropTypes__default.default.oneOfType([rendererProps, PropTypes__default.default.arrayOf(rendererProps)]).isRequired
   };
   static _stateFromProps = props => {
     const {
@@ -5849,7 +5871,7 @@ class ArticleDiff extends React__namespace.Component {
       after
     } = this.state;
     const sectionCount = Math.max(before.length, after.length);
-    const sections = ___default["default"].times(sectionCount, n => /*#__PURE__*/React__namespace.createElement(RendererDiff, {
+    const sections = ___default.default.times(sectionCount, n => /*#__PURE__*/React__namespace.createElement(RendererDiff, {
       before: n < before.length ? before[n] : undefined,
       after: n < after.length ? after[n] : undefined,
       title: `Section ${n + 1}`,
@@ -5867,10 +5889,11 @@ class ArticleDiff extends React__namespace.Component {
  * A side by side diff view for Perseus exercise items
  * in the standard layout.
  */
-const itemProps = PropTypes__default["default"].shape({
-  question: PropTypes__default["default"].shape({}).isRequired,
-  answerArea: PropTypes__default["default"].shape({}).isRequired,
-  hints: PropTypes__default["default"].arrayOf(PropTypes__default["default"].any).isRequired
+
+const itemProps = PropTypes__default.default.shape({
+  question: PropTypes__default.default.shape({}).isRequired,
+  answerArea: PropTypes__default.default.shape({}).isRequired,
+  hints: PropTypes__default.default.arrayOf(PropTypes__default.default.any).isRequired
 });
 class ItemDiff extends React__namespace.Component {
   static propTypes = {
@@ -5895,7 +5918,7 @@ class ItemDiff extends React__namespace.Component {
       after: after.answerArea,
       title: "Question extras"
     });
-    const hints = ___default["default"].times(hintCount, function (n) {
+    const hints = ___default.default.times(hintCount, function (n) {
       return /*#__PURE__*/React__namespace.createElement(RendererDiff, {
         before: n < before.hints.length ? before.hints[n] : undefined,
         after: n < after.hints.length ? after.hints[n] : undefined,
@@ -5914,6 +5937,11 @@ class ItemDiff extends React__namespace.Component {
 }
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
+/* eslint-disable @babel/no-invalid-this */
+/**
+ * Collection of classes for rendering the hint editor area,
+ * hint editor boxes, and hint previews
+ */
 const {
   InfoTip: InfoTip$p,
   InlineIcon: InlineIcon$5
@@ -5978,11 +6006,11 @@ class HintEditor extends React__namespace.Component {
     }, /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: this.props.isLast ? "hidden" : "",
-      onClick: ___default["default"].partial(this.props.onMove, 1)
+      onClick: ___default.default.partial(this.props.onMove, 1)
     }, /*#__PURE__*/React__namespace.createElement(InlineIcon$5, iconCircleArrowDown)), " ", /*#__PURE__*/React__namespace.createElement("button", {
       type: "button",
       className: this.props.isFirst ? "hidden" : "",
-      onClick: ___default["default"].partial(this.props.onMove, -1)
+      onClick: ___default.default.partial(this.props.onMove, -1)
     }, /*#__PURE__*/React__namespace.createElement(InlineIcon$5, iconCircleArrowUp)), " ", this.props.isLast && /*#__PURE__*/React__namespace.createElement(InfoTip$p, null, /*#__PURE__*/React__namespace.createElement("p", null, "The last hint is automatically bolded."))), /*#__PURE__*/React__namespace.createElement("input", {
       type: "checkbox"
       // @ts-expect-error - TS2322 - Type 'boolean | null | undefined' is not assignable to type 'boolean | undefined'.
@@ -6086,7 +6114,7 @@ class CombinedHintsEditor extends React__namespace.Component {
   handleHintChange = (i, newProps, cb, silent) => {
     // TODO(joel) - lens
     const hints = [...this.props.hints];
-    hints[i] = ___default["default"].extend({}, this.serializeHint(i, {
+    hints[i] = ___default.default.extend({}, this.serializeHint(i, {
       keepDeletedWidgets: true
     }), newProps);
     this.props.onChange({
@@ -6132,8 +6160,8 @@ class CombinedHintsEditor extends React__namespace.Component {
     });
   };
   getSaveWarnings = () => {
-    return ___default["default"].chain(this.props.hints).map((hint, i) => {
-      return ___default["default"].map(
+    return ___default.default.chain(this.props.hints).map((hint, i) => {
+      return ___default.default.map(
       // eslint-disable-next-line react/no-string-refs
       // @ts-expect-error - TS2339 - Property 'getSaveWarnings' does not exist on type 'ReactInstance'.
       this.refs["hintEditor" + i].getSaveWarnings(), issue => "Hint " + (i + 1) + ": " + issue);
@@ -6154,7 +6182,7 @@ class CombinedHintsEditor extends React__namespace.Component {
       itemId,
       hints
     } = this.props;
-    const hintElems = ___default["default"].map(hints, function (hint, i) {
+    const hintElems = ___default.default.map(hints, function (hint, i) {
       return /*#__PURE__*/React__namespace.createElement(CombinedHintEditor, {
         ref: "hintEditor" + i,
         key: "hintEditor" + i,
@@ -6378,20 +6406,20 @@ class ItemEditor extends React__namespace.Component {
 
   // Notify the parent that the question or answer area has been updated.
   updateProps = (newProps, cb, silent) => {
-    const props = ___default["default"](this.props).pick("question", "answerArea");
-    this.props.onChange(___default["default"](props).extend(newProps), cb, silent);
+    const props = ___default.default(this.props).pick("question", "answerArea");
+    this.props.onChange(___default.default(props).extend(newProps), cb, silent);
   };
   triggerPreviewUpdate = newData => {
     this.frame.current?.sendNewData(newData);
   };
   handleEditorChange = (newProps, cb, silent) => {
-    const question = ___default["default"].extend({}, this.props.question, newProps);
+    const question = ___default.default.extend({}, this.props.question, newProps);
     this.updateProps({
       question
     }, cb, silent);
   };
   handleItemExtrasChange = (newProps, cb, silent) => {
-    const answerArea = ___default["default"].extend({}, this.props.answerArea, newProps);
+    const answerArea = ___default.default.extend({}, this.props.answerArea, newProps);
     this.updateProps({
       answerArea
     }, cb, silent);
@@ -6416,7 +6444,7 @@ class ItemEditor extends React__namespace.Component {
       className: "perseus-editor-left-cell"
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "pod-title"
-    }, "Question"), /*#__PURE__*/React__namespace.createElement(Editor, _extends__default["default"]({
+    }, "Question"), /*#__PURE__*/React__namespace.createElement(Editor, _extends__default.default({
       ref: this.questionEditor
       // Using the AssessmentItem content ID as the key
       // ensures that when the user navigates to another
@@ -6457,7 +6485,7 @@ class ItemEditor extends React__namespace.Component {
       className: "perseus-editor-left-cell"
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "pod-title"
-    }, "Question extras"), /*#__PURE__*/React__namespace.createElement(ItemExtrasEditor, _extends__default["default"]({
+    }, "Question extras"), /*#__PURE__*/React__namespace.createElement(ItemExtrasEditor, _extends__default.default({
       ref: this.itemExtrasEditor,
       onChange: this.handleItemExtrasChange
     }, this.props.answerArea))), /*#__PURE__*/React__namespace.createElement("div", {
@@ -6483,7 +6511,7 @@ class EditorPage extends React__namespace.Component {
     super(props);
     this.state = {
       // @ts-expect-error - TS2322 - Type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "hints" | "question" | "answerArea" | "itemDataVersion">' is not assignable to type 'PerseusJson'.
-      json: ___default["default"].pick(this.props, "question", "answerArea", "hints", "itemDataVersion"),
+      json: ___default.default.pick(this.props, "question", "answerArea", "hints", "itemDataVersion"),
       gradeMessage: "",
       wasAnswered: false,
       highlightLint: true,
@@ -6539,7 +6567,7 @@ class EditorPage extends React__namespace.Component {
     };
     this.itemEditor.current?.triggerPreviewUpdate({
       type: "question",
-      data: ___default["default"]({
+      data: ___default.default({
         item: this.serialize(),
         apiOptions: deviceBasedApiOptions,
         initialHintsVisible: 0,
@@ -6552,7 +6580,7 @@ class EditorPage extends React__namespace.Component {
         },
         reviewMode: true,
         legacyPerseusLint: this.itemEditor.current?.getSaveWarnings()
-      }).extend(___default["default"](this.props).pick("workAreaSelector", "solutionAreaSelector", "hintsAreaSelector", "problemNum"))
+      }).extend(___default.default(this.props).pick("workAreaSelector", "solutionAreaSelector", "hintsAreaSelector", "problemNum"))
     });
   }
   getApiOptions() {
@@ -6570,13 +6598,13 @@ class EditorPage extends React__namespace.Component {
     if (this.props.jsonMode) {
       return this.state.json;
     }
-    return ___default["default"].extend(this.itemEditor.current?.serialize(options), {
+    return ___default.default.extend(this.itemEditor.current?.serialize(options), {
       hints: this.hintsEditor.current?.serialize(options)
     });
   }
   handleChange = (toChange, cb, silent) => {
-    const newProps = ___default["default"](this.props).pick("question", "hints", "answerArea");
-    ___default["default"](newProps).extend(toChange);
+    const newProps = ___default.default(this.props).pick("question", "hints", "answerArea");
+    ___default.default(newProps).extend(toChange);
     this.props.onChange(newProps, cb, silent);
   };
   changeJSON = newJson => {
@@ -6680,7 +6708,7 @@ function ContentPreview(_ref) {
       keypadElement,
       setKeypadElement
     } = _ref2;
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(perseus.Renderer, _extends__default["default"]({
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(perseus.Renderer, _extends__default.default({
       strings: i18n.strings,
       apiOptions: {
         ...apiOptions,
@@ -6715,10 +6743,10 @@ class CategorizerEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
     apiOptions: perseus.ApiOptions.propTypes,
-    items: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
-    categories: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
-    values: PropTypes__default["default"].arrayOf(PropTypes__default["default"].number),
-    randomizeItems: PropTypes__default["default"].bool
+    items: PropTypes__default.default.arrayOf(PropTypes__default.default.string),
+    categories: PropTypes__default.default.arrayOf(PropTypes__default.default.string),
+    values: PropTypes__default.default.arrayOf(PropTypes__default.default.number),
+    randomizeItems: PropTypes__default.default.bool
   };
   static widgetName = "categorizer";
   static defaultProps = perseusCore.categorizerLogic.defaultWidgetOptions;
@@ -6766,7 +6794,7 @@ class CategorizerEditor extends React__namespace.Component {
           // is deleted from the middle. Inconvenient, but
           // it's at least possible for content creators to
           // catch and fix.
-          values: ___default["default"].first(this.props.values, items.length)
+          values: ___default.default.first(this.props.values, items.length)
         });
       },
       layout: "vertical"
@@ -6838,6 +6866,10 @@ class BlurInput extends React__namespace.Component {
 }
 
 /* eslint-disable no-useless-escape */
+/**
+ * This editor is for embedding Khan Academy CS programs.
+ */
+
 const {
   InfoTip: InfoTip$n
 } = perseus.components;
@@ -6847,11 +6879,11 @@ const DEFAULT_HEIGHT = 400;
 /**
  * This is used for editing a name/value pair.
  */
-class PairEditor$1 extends React__namespace.Component {
+let PairEditor$1 = class PairEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
-    name: PropTypes__default["default"].string,
-    value: PropTypes__default["default"].string
+    name: PropTypes__default.default.string,
+    value: PropTypes__default.default.string
   };
   static defaultProps = {
     name: "",
@@ -6880,17 +6912,17 @@ class PairEditor$1 extends React__namespace.Component {
       onChange: this.change("value")
     })));
   }
-}
+};
 
 /**
  * This is used for editing a set of name/value pairs.
  */
-class PairsEditor$1 extends React__namespace.Component {
+let PairsEditor$1 = class PairsEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
-    pairs: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-      name: PropTypes__default["default"].string,
-      value: PropTypes__default["default"].string
+    pairs: PropTypes__default.default.arrayOf(PropTypes__default.default.shape({
+      name: PropTypes__default.default.string,
+      value: PropTypes__default.default.string
     })).isRequired
   };
   change = (() => {
@@ -6919,7 +6951,7 @@ class PairsEditor$1 extends React__namespace.Component {
     return perseus.EditorJsonify.serialize.call(this);
   };
   render() {
-    const editors = ___default["default"].map(this.props.pairs, (pair, i) => {
+    const editors = ___default.default.map(this.props.pairs, (pair, i) => {
       return /*#__PURE__*/React__namespace.createElement(PairEditor$1, {
         key: i,
         name: pair.name,
@@ -6931,7 +6963,7 @@ class PairsEditor$1 extends React__namespace.Component {
     });
     return /*#__PURE__*/React__namespace.createElement("div", null, editors);
   }
-}
+};
 const KA_PROGRAM_URL = /khanacademy\.org\/computer-programming\/[^\/]+\/(\d+)/;
 
 /**
@@ -6979,7 +7011,7 @@ class CSProgramEditor extends React__namespace.Component {
     } = perseus.Dependencies.getDependencies();
     const host = isDevServer ? InitialRequestUrl.origin : "https://www.khanacademy.org";
     const baseUrl = `${host}/api/internal/scratchpads/${programID}`;
-    $__default["default"].getJSON(baseUrl).done(programInfo => {
+    $__default.default.getJSON(baseUrl).done(programInfo => {
       const programType = programInfo.userAuthoredContentType;
       this.change({
         width: programInfo.width,
@@ -7042,9 +7074,9 @@ const {
 class DefinitionEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
-    togglePrompt: PropTypes__default["default"].string,
-    definition: PropTypes__default["default"].string,
-    apiOptions: PropTypes__default["default"].any
+    togglePrompt: PropTypes__default.default.string,
+    definition: PropTypes__default.default.string,
+    apiOptions: PropTypes__default.default.any
   };
   static widgetName = "definition";
   static defaultProps = perseusCore.definitionLogic.defaultWidgetOptions;
@@ -7084,7 +7116,7 @@ class DefinitionEditor extends React__namespace.Component {
       placeholder: "definition goes here",
       onChange: props => {
         const newProps = {};
-        if (___default["default"].has(props, "content")) {
+        if (___default.default.has(props, "content")) {
           newProps.definition = props.content;
         }
         // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
@@ -7111,11 +7143,11 @@ const {
 } = perseus.components;
 class DropdownEditor extends React__namespace.Component {
   static propTypes = {
-    choices: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-      content: PropTypes__default["default"].string,
-      correct: PropTypes__default["default"].bool
+    choices: PropTypes__default.default.arrayOf(PropTypes__default.default.shape({
+      content: PropTypes__default.default.string,
+      correct: PropTypes__default.default.bool
     })),
-    placeholder: PropTypes__default["default"].string
+    placeholder: PropTypes__default.default.string
   };
   static widgetName = "dropdown";
   static defaultProps = perseusCore.dropdownLogic.defaultWidgetOptions;
@@ -7135,8 +7167,8 @@ class DropdownEditor extends React__namespace.Component {
     });
   };
   onCorrectChange = choiceIndex => {
-    const choices = ___default["default"].map(this.props.choices, function (choice, i) {
-      return ___default["default"].extend({}, choice, {
+    const choices = ___default.default.map(this.props.choices, function (choice, i) {
+      return ___default.default.extend({}, choice, {
         correct: i === choiceIndex
       });
     });
@@ -7146,7 +7178,7 @@ class DropdownEditor extends React__namespace.Component {
   };
   onContentChange = (choiceIndex, e) => {
     const choices = this.props.choices.slice();
-    const choice = ___default["default"].clone(choices[choiceIndex]);
+    const choice = ___default.default.clone(choices[choiceIndex]);
     choice.content = e.target.value;
     choices[choiceIndex] = choice;
     this.props.onChange({
@@ -7166,7 +7198,7 @@ class DropdownEditor extends React__namespace.Component {
   };
   removeChoice = (choiceIndex, e) => {
     e.preventDefault();
-    const choices = ___default["default"](this.props.choices).clone();
+    const choices = ___default.default(this.props.choices).clone();
     choices.splice(choiceIndex, 1);
     this.props.onChange({
       choices: choices
@@ -7174,14 +7206,14 @@ class DropdownEditor extends React__namespace.Component {
   };
   focus = i => {
     // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
-    ReactDOM__default["default"].findDOMNode(this.refs["editor" + i]).focus(); // eslint-disable-line react/no-string-refs
+    ReactDOM__default.default.findDOMNode(this.refs["editor" + i]).focus(); // eslint-disable-line react/no-string-refs
     return true;
   };
   serialize = () => {
     return perseus.EditorJsonify.serialize.call(this);
   };
   render() {
-    const dropdownGroupName = ___default["default"].uniqueId("perseus_dropdown_");
+    const dropdownGroupName = ___default.default.uniqueId("perseus_dropdown_");
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-dropdown"
     }, /*#__PURE__*/React__namespace.createElement("div", {
@@ -7264,17 +7296,18 @@ class DropdownEditor extends React__namespace.Component {
 }
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
+/* eslint-disable react/forbid-prop-types */
 const {
   TextInput: TextInput$6
 } = perseus.components;
 class ExplanationEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
-    showPrompt: PropTypes__default["default"].string,
-    hidePrompt: PropTypes__default["default"].string,
-    explanation: PropTypes__default["default"].string,
-    widgets: PropTypes__default["default"].object,
-    apiOptions: PropTypes__default["default"].any
+    showPrompt: PropTypes__default.default.string,
+    hidePrompt: PropTypes__default.default.string,
+    explanation: PropTypes__default.default.string,
+    widgets: PropTypes__default.default.object,
+    apiOptions: PropTypes__default.default.any
   };
   static widgetName = "explanation";
   static defaultProps = perseusCore.explanationLogic.defaultWidgetOptions;
@@ -7318,10 +7351,10 @@ class ExplanationEditor extends React__namespace.Component {
       immutableWidgets: false,
       onChange: props => {
         const newProps = {};
-        if (___default["default"].has(props, "content")) {
+        if (___default.default.has(props, "content")) {
           newProps.explanation = props.content;
         }
-        if (___default["default"].has(props, "widgets")) {
+        if (___default.default.has(props, "widgets")) {
           newProps.widgets = props.widgets;
         }
         // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
@@ -7639,7 +7672,7 @@ class SortableArea extends React__namespace.Component {
     this._dragItems = this._dragItems || [];
     const items =
     // @ts-expect-error - TS2531 - Object is possibly 'null'
-    ReactDOM__default["default"].findDOMNode(this).querySelectorAll("[draggable=true]");
+    ReactDOM__default.default.findDOMNode(this).querySelectorAll("[draggable=true]");
     const oldItems = [];
     const newItems = [];
     for (let i = 0; i < this._dragItems.length; i++) {
@@ -7815,7 +7848,7 @@ class ExpressionEditor extends React__namespace.Component {
       if (!hasCorrect) {
         issues.push("No correct answer specified");
       }
-      ___default["default"](this.props.answerForms).each((form, ix) => {
+      ___default.default(this.props.answerForms).each((form, ix) => {
         if (this.props.value === "") {
           issues.push(`Answer ${ix + 1} is empty`);
         } else {
@@ -7896,7 +7929,7 @@ class ExpressionEditor extends React__namespace.Component {
   }
   handleReorder = components => {
     const answerForms = components.map(component => {
-      const form = ___default["default"](component.props).pick("considered", "form", "simplify", "value");
+      const form = ___default.default(component.props).pick("considered", "form", "simplify", "value");
       // @ts-expect-error - TS2339 - Property 'key' does not exist on type 'Pick<any, "form" | "value" | "simplify" | "considered">'.
       form.key = component.key;
       return form;
@@ -8083,7 +8116,7 @@ class ExpressionEditor extends React__namespace.Component {
       style: {
         margin: "4px 0"
       }
-    }, "student responses area matched against these from top to bottom"), sortable, /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+    }, "student responses area matched against these from top to bottom"), sortable, /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement(Button__default.default, {
       size: "small",
       onClick: this.newAnswer
     }, "Add new answer")));
@@ -8129,17 +8162,17 @@ class AnswerOption extends React__namespace.Component {
     this.props.onChangeConsidered(newVal);
   };
   render() {
-    const removeButton = this.state.deleteFocused ? /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+    const removeButton = this.state.deleteFocused ? /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Button__default.default, {
       size: "small",
       onClick: this.handleImSure,
       color: "destructive"
     }, "I'm sure!"), /*#__PURE__*/React__namespace.createElement(wonderBlocksLayout.Strut, {
       size: wonderBlocksTokens.spacing.small_12
-    }), /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+    }), /*#__PURE__*/React__namespace.createElement(Button__default.default, {
       size: "small",
       onClick: this.handleCancelDelete,
       light: true
-    }, "Cancel")) : /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+    }, "Cancel")) : /*#__PURE__*/React__namespace.createElement(Button__default.default, {
       size: "small",
       onClick: this.handleDelete,
       color: "destructive",
@@ -8217,6 +8250,7 @@ const styles$N = aphrodite.StyleSheet.create({
 });
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
+/* eslint-disable react/forbid-prop-types */
 const {
   InlineIcon: InlineIcon$3,
   TextInput: TextInput$5
@@ -8224,10 +8258,10 @@ const {
 class GradedGroupEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
-    title: PropTypes__default["default"].string,
-    content: PropTypes__default["default"].string,
-    widgets: PropTypes__default["default"].object,
-    images: PropTypes__default["default"].object,
+    title: PropTypes__default.default.string,
+    content: PropTypes__default.default.string,
+    widgets: PropTypes__default.default.object,
+    images: PropTypes__default.default.object,
     apiOptions: perseus.ApiOptions.propTypes
   };
   static widgetName = "graded-group";
@@ -8345,8 +8379,8 @@ class GradedGroupSetEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
     apiOptions: perseus.ApiOptions.propTypes,
-    gradedGroups: PropTypes__default["default"].array,
-    onChange: PropTypes__default["default"].func.isRequired
+    gradedGroups: PropTypes__default.default.array,
+    onChange: PropTypes__default.default.func.isRequired
   };
   static widgetName = "graded-group-set";
   static defaultProps = perseusCore.gradedGroupSetLogic.defaultWidgetOptions;
@@ -8376,7 +8410,7 @@ class GradedGroupSetEditor extends React__namespace.Component {
     if (!this.props.gradedGroups) {
       return null;
     }
-    return this.props.gradedGroups.map((group, i) => /*#__PURE__*/React__namespace.createElement(GradedGroupEditor, _extends__default["default"]({
+    return this.props.gradedGroups.map((group, i) => /*#__PURE__*/React__namespace.createElement(GradedGroupEditor, _extends__default.default({
       key: i,
       ref: el => this._editors[i] = el
     }, group, {
@@ -8407,6 +8441,9 @@ class GradedGroupSetEditor extends React__namespace.Component {
 const setArrayItem = (list, i, value) => [...list.slice(0, i), value, ...list.slice(i + 1)];
 
 /* eslint-disable react/forbid-prop-types, react/no-unsafe */
+/**
+ * Used in the editors for the Grapher and Interaction widgets.
+ */
 const {
   ButtonGroup: ButtonGroup$6,
   InfoTip: InfoTip$k,
@@ -8461,10 +8498,10 @@ class GraphSettings extends React__namespace.Component {
     // TODO(scottgrant): This is a hack to remove the deprecated call to
     // this.isMounted() but is still considered an anti-pattern.
     this._isMounted = true;
-    this.changeGraph = ___default["default"].debounce(this.changeGraph, 300);
+    this.changeGraph = ___default.default.debounce(this.changeGraph, 300);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    if (!___default["default"].isEqual(this.props.labels, nextProps.labels) || !___default["default"].isEqual(this.props.gridStep, nextProps.gridStep) || !___default["default"].isEqual(this.props.snapStep, nextProps.snapStep) || !___default["default"].isEqual(this.props.step, nextProps.step) || !___default["default"].isEqual(this.props.range, nextProps.range) || !___default["default"].isEqual(this.props.backgroundImage, nextProps.backgroundImage)) {
+    if (!___default.default.isEqual(this.props.labels, nextProps.labels) || !___default.default.isEqual(this.props.gridStep, nextProps.gridStep) || !___default.default.isEqual(this.props.snapStep, nextProps.snapStep) || !___default.default.isEqual(this.props.step, nextProps.step) || !___default.default.isEqual(this.props.range, nextProps.range) || !___default.default.isEqual(this.props.backgroundImage, nextProps.backgroundImage)) {
       this.setState(this.stateFromProps(nextProps));
     }
   }
@@ -8478,7 +8515,7 @@ class GraphSettings extends React__namespace.Component {
       snapStepTextbox: props.snapStep,
       stepTextbox: props.step,
       rangeTextbox: props.range,
-      backgroundImage: ___default["default"].clone(props.backgroundImage)
+      backgroundImage: ___default.default.clone(props.backgroundImage)
     };
   }
 
@@ -8511,7 +8548,7 @@ class GraphSettings extends React__namespace.Component {
       return;
     }
     const setUrl = (url, width, height) => {
-      const image = ___default["default"].clone(this.props.backgroundImage);
+      const image = ___default.default.clone(this.props.backgroundImage);
       image.url = url;
       image.width = width;
       image.height = height;
@@ -8521,7 +8558,7 @@ class GraphSettings extends React__namespace.Component {
     };
 
     // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'value' does not exist on type 'Element | Text'.
-    const url = ReactDOM__default["default"].findDOMNode(this.refs["bg-url"]).value; // eslint-disable-line react/no-string-refs
+    const url = ReactDOM__default.default.findDOMNode(this.refs["bg-url"]).value; // eslint-disable-line react/no-string-refs
     if (url) {
       perseus.Util.getImageSize(url, (width, height) => {
         if (this._isMounted) {
@@ -8533,7 +8570,7 @@ class GraphSettings extends React__namespace.Component {
     }
   }
   renderLabelChoices(choices) {
-    return ___default["default"].map(choices, function (_ref) {
+    return ___default.default.map(choices, function (_ref) {
       let [name, value] = _ref;
       return /*#__PURE__*/React__namespace.createElement("option", {
         key: value,
@@ -8542,8 +8579,8 @@ class GraphSettings extends React__namespace.Component {
     });
   }
   validRange(range) {
-    const numbers = ___default["default"].every(range, function (num) {
-      return ___default["default"].isFinite(num);
+    const numbers = ___default.default.every(range, function (num) {
+      return ___default.default.isFinite(num);
     });
     if (!numbers) {
       return "Range must be a valid number";
@@ -8561,7 +8598,7 @@ class GraphSettings extends React__namespace.Component {
       minTicks,
       maxTicks
     } = settings;
-    if (!___default["default"].isFinite(step)) {
+    if (!___default.default.isFinite(step)) {
       return name + " must be a valid number";
     }
     const nSteps = numSteps$1(range, step);
@@ -8614,28 +8651,28 @@ class GraphSettings extends React__namespace.Component {
   validateGraphSettings(range, step, gridStep, snapStep, image) {
     const self = this;
     let msg;
-    const goodRange = ___default["default"].every(range, function (range) {
+    const goodRange = ___default.default.every(range, function (range) {
       msg = self.validRange(range);
       return msg === true;
     });
     if (!goodRange) {
       return msg;
     }
-    const goodStep = ___default["default"].every(step, function (step, i) {
+    const goodStep = ___default.default.every(step, function (step, i) {
       msg = self.validStep(step, range[i]);
       return msg === true;
     });
     if (!goodStep) {
       return msg;
     }
-    const goodGridStep = ___default["default"].every(gridStep, function (gridStep, i) {
+    const goodGridStep = ___default.default.every(gridStep, function (gridStep, i) {
       msg = self.validGridStep(gridStep, range[i]);
       return msg === true;
     });
     if (!goodGridStep) {
       return msg;
     }
-    const goodSnapStep = ___default["default"].every(snapStep, function (snapStep, i) {
+    const goodSnapStep = ___default.default.every(snapStep, function (snapStep, i) {
       msg = self.validSnapStep(snapStep, range[i]);
       return msg === true;
     });
@@ -8692,17 +8729,17 @@ class GraphSettings extends React__namespace.Component {
   changeGridStep(gridStep) {
     this.setState({
       gridStepTextbox: gridStep,
-      snapStepTextbox: ___default["default"].map(gridStep, function (step) {
+      snapStepTextbox: ___default.default.map(gridStep, function (step) {
         return step / 2;
       })
     }, this.changeGraph);
   }
   changeGraph() {
     const labels = this.state.labelsTextbox;
-    const range = ___default["default"].map(this.state.rangeTextbox, function (range) {
-      return ___default["default"].map(range, Number);
+    const range = ___default.default.map(this.state.rangeTextbox, function (range) {
+      return ___default.default.map(range, Number);
     });
-    const step = ___default["default"].map(this.state.stepTextbox, Number);
+    const step = ___default.default.map(this.state.stepTextbox, Number);
     const gridStep = this.state.gridStepTextbox;
     const snapStep = this.state.snapStepTextbox;
     const image = this.state.backgroundImage;
@@ -8735,7 +8772,7 @@ class GraphSettings extends React__namespace.Component {
     const {
       TeX
     } = perseus.Dependencies.getDependencies();
-    return /*#__PURE__*/React__namespace.createElement("div", null, ___default["default"].contains(this.props.editableSettings, "canvas") && /*#__PURE__*/React__namespace.createElement("div", {
+    return /*#__PURE__*/React__namespace.createElement("div", null, ___default.default.contains(this.props.editableSettings, "canvas") && /*#__PURE__*/React__namespace.createElement("div", {
       className: "graph-settings"
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-row"
@@ -8751,7 +8788,7 @@ class GraphSettings extends React__namespace.Component {
       }
     })), /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-row"
-    }, "Scale (px per div):", " ", /*#__PURE__*/React__namespace.createElement(TeX, null, "(" + scale[0] + ", " + scale[1] + ")"))), ___default["default"].contains(this.props.editableSettings, "graph") && /*#__PURE__*/React__namespace.createElement("div", {
+    }, "Scale (px per div):", " ", /*#__PURE__*/React__namespace.createElement(TeX, null, "(" + scale[0] + ", " + scale[1] + ")"))), ___default.default.contains(this.props.editableSettings, "graph") && /*#__PURE__*/React__namespace.createElement("div", {
       className: "graph-settings"
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-row"
@@ -8817,7 +8854,7 @@ class GraphSettings extends React__namespace.Component {
       id: "grid-step",
       value: this.state.gridStepTextbox,
       onChange: this.changeGridStep
-    }))), ___default["default"].contains(this.props.editableSettings, "snap") && /*#__PURE__*/React__namespace.createElement("div", {
+    }))), ___default.default.contains(this.props.editableSettings, "snap") && /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-row"
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-left-col"
@@ -8853,7 +8890,7 @@ class GraphSettings extends React__namespace.Component {
           showTooltips: value
         });
       }
-    }))), ___default["default"].contains(this.props.editableSettings, "image") && /*#__PURE__*/React__namespace.createElement("div", {
+    }))), ___default.default.contains(this.props.editableSettings, "image") && /*#__PURE__*/React__namespace.createElement("div", {
       className: "image-settings"
     }, /*#__PURE__*/React__namespace.createElement("div", null, "Background image:"), /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("label", {
       htmlFor: "bg-url"
@@ -8866,7 +8903,7 @@ class GraphSettings extends React__namespace.Component {
       ref: "bg-url",
       value: this.state.backgroundImage.url || "",
       onChange: e => {
-        const image = ___default["default"].clone(this.props.backgroundImage);
+        const image = ___default.default.clone(this.props.backgroundImage);
         image.url = e.target.value;
         this.setState({
           backgroundImage: image
@@ -8874,7 +8911,7 @@ class GraphSettings extends React__namespace.Component {
       },
       onKeyPress: this.changeBackgroundUrl,
       onBlur: this.changeBackgroundUrl
-    }), /*#__PURE__*/React__namespace.createElement(InfoTip$k, null, /*#__PURE__*/React__namespace.createElement("p", null, "Create an image in graphie, or use the \"Add image\" function to create a background.")))), ___default["default"].contains(this.props.editableSettings, "measure") && /*#__PURE__*/React__namespace.createElement("div", {
+    }), /*#__PURE__*/React__namespace.createElement(InfoTip$k, null, /*#__PURE__*/React__namespace.createElement("p", null, "Create an image in graphie, or use the \"Add image\" function to create a background.")))), ___default.default.contains(this.props.editableSettings, "measure") && /*#__PURE__*/React__namespace.createElement("div", {
       className: "misc-settings"
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-row"
@@ -8910,7 +8947,7 @@ class GraphSettings extends React__namespace.Component {
     }, this.renderLabelChoices([["inches", "in"], ["feet", "ft"], ["yards", "yd"], ["miles", "mi"]]))))), /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("label", null, " ", "Ruler ticks:", " ", /*#__PURE__*/React__namespace.createElement("select", {
       onChange: this.changeRulerTicks,
       value: this.props.rulerTicks
-    }, ___default["default"].map([1, 2, 4, 8, 10, 16], function (n) {
+    }, ___default.default.map([1, 2, 4, 8, 10, 16], function (n) {
       return /*#__PURE__*/React__namespace.createElement("option", {
         key: n,
         value: n
@@ -8950,7 +8987,7 @@ class GrapherEditor extends React__namespace.Component {
 
     // If the currently 'correct' type is removed from the list of types,
     // we need to change it to avoid impossible questions.
-    if (!___default["default"].contains(newAvailableTypes, this.props.correct.type)) {
+    if (!___default.default.contains(newAvailableTypes, this.props.correct.type)) {
       const graph = this.props.graph;
       const newType = chooseType(newAvailableTypes);
       correct = defaultPlotProps(newType, graph);
@@ -8961,8 +8998,8 @@ class GrapherEditor extends React__namespace.Component {
     });
   };
   serialize = () => {
-    return ___default["default"].chain(this.props).pick("correct", "availableTypes").extend({
-      graph: ___default["default"].omit(this.props.graph, "box")
+    return ___default.default.chain(this.props).pick("correct", "availableTypes").extend({
+      graph: ___default.default.omit(this.props.graph, "box")
     }).value();
   };
   render() {
@@ -8977,7 +9014,7 @@ class GrapherEditor extends React__namespace.Component {
         onChange: (newProps, cb) => {
           let correct = this.props.correct;
           if (correct.type === newProps.plot?.type) {
-            correct = ___default["default"].extend({}, correct, newProps.plot);
+            correct = ___default.default.extend({}, correct, newProps.plot);
           } else {
             // Clear options from previous graph
             correct = newProps.plot;
@@ -8994,7 +9031,7 @@ class GrapherEditor extends React__namespace.Component {
       // standard props that the Renderer provides normally (eg.
       // alignment, findWidgets, etc).
       // @ts-expect-error - TS2769 - No overload matches this call.
-      React__namespace.createElement(Grapher, _extends__default["default"]({}, graphProps, {
+      React__namespace.createElement(Grapher, _extends__default.default({}, graphProps, {
         apiOptions: this.props.apiOptions,
         containerSizeClass: sizeClass
       }));
@@ -9026,19 +9063,20 @@ class GrapherEditor extends React__namespace.Component {
     }, /*#__PURE__*/React__namespace.createElement("label", null, "Available functions: "), /*#__PURE__*/React__namespace.createElement(MultiButtonGroup, {
       allowEmpty: false,
       values: this.props.availableTypes,
-      buttons: ___default["default"].map(perseusCore.GrapherUtil.allTypes, typeToButton),
+      buttons: ___default.default.map(perseusCore.GrapherUtil.allTypes, typeToButton),
       onChange: this.handleAvailableTypesChange
     })), graph);
   }
 }
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
+/* eslint-disable react/forbid-prop-types */
 class GroupEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
-    content: PropTypes__default["default"].string,
-    widgets: PropTypes__default["default"].object,
-    images: PropTypes__default["default"].object,
+    content: PropTypes__default.default.string,
+    widgets: PropTypes__default.default.object,
+    images: PropTypes__default.default.object,
     apiOptions: perseus.ApiOptions.propTypes
   };
   static widgetName = "group";
@@ -9057,7 +9095,7 @@ class GroupEditor extends React__namespace.Component {
     return this.editor.current?.getSaveWarnings();
   };
   serialize = () => {
-    return ___default["default"].extend({}, this.editor.current?.serialize());
+    return ___default.default.extend({}, this.editor.current?.serialize());
   };
   render() {
     return /*#__PURE__*/React__namespace.createElement("div", {
@@ -9082,8 +9120,8 @@ class GroupEditor extends React__namespace.Component {
 class PairEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
-    name: PropTypes__default["default"].string,
-    value: PropTypes__default["default"].string
+    name: PropTypes__default.default.string,
+    value: PropTypes__default.default.string
   };
   static defaultProps = {
     name: "",
@@ -9117,9 +9155,9 @@ class PairEditor extends React__namespace.Component {
 class PairsEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
-    pairs: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
-      name: PropTypes__default["default"].string,
-      value: PropTypes__default["default"].string
+    pairs: PropTypes__default.default.arrayOf(PropTypes__default.default.shape({
+      name: PropTypes__default.default.string,
+      value: PropTypes__default.default.string
     })).isRequired
   };
   change = (() => {
@@ -9148,7 +9186,7 @@ class PairsEditor extends React__namespace.Component {
     return perseus.EditorJsonify.serialize.call(this);
   };
   render() {
-    const editors = ___default["default"].map(this.props.pairs, (pair, i) => {
+    const editors = ___default.default.map(this.props.pairs, (pair, i) => {
       return /*#__PURE__*/React__namespace.createElement(PairEditor, {
         key: i,
         name: pair.name,
@@ -9326,7 +9364,7 @@ class ImageEditor extends React__namespace.Component {
   }
   onCoordinateChange(labelIndex, newCoordinates) {
     const labels = this.props.labels.slice();
-    labels[labelIndex] = ___default["default"].extend({}, labels[labelIndex], {
+    labels[labelIndex] = ___default.default.extend({}, labels[labelIndex], {
       coordinates: newCoordinates
     });
     this.props.onChange({
@@ -9336,7 +9374,7 @@ class ImageEditor extends React__namespace.Component {
   onContentChange(labelIndex, e) {
     const newContent = e.target.value;
     const labels = this.props.labels.slice();
-    labels[labelIndex] = ___default["default"].extend({}, labels[labelIndex], {
+    labels[labelIndex] = ___default.default.extend({}, labels[labelIndex], {
       content: newContent
     });
     this.props.onChange({
@@ -9346,7 +9384,7 @@ class ImageEditor extends React__namespace.Component {
   onAlignmentChange(labelIndex, e) {
     const newAlignment = e.target.value;
     const labels = this.props.labels.slice();
-    labels[labelIndex] = ___default["default"].extend({}, labels[labelIndex], {
+    labels[labelIndex] = ___default.default.extend({}, labels[labelIndex], {
       alignment: newAlignment
     });
     this.props.onChange({
@@ -9362,7 +9400,7 @@ class ImageEditor extends React__namespace.Component {
     if (!this._isMounted) {
       return;
     }
-    const image = ___default["default"].clone(this.props.backgroundImage);
+    const image = ___default.default.clone(this.props.backgroundImage);
     image.url = url;
     image.width = width;
     image.height = height;
@@ -9486,7 +9524,7 @@ class InputNumberEditor extends React__namespace.Component {
     rightAlign: this.props.rightAlign
   });
   render() {
-    const answerTypeOptions = ___default["default"].map(perseusScore.inputNumberAnswerTypes, function (v, k) {
+    const answerTypeOptions = ___default.default.map(perseusScore.inputNumberAnswerTypes, function (v, k) {
       return /*#__PURE__*/React__namespace.createElement("option", {
         value: k,
         key: k
@@ -9571,6 +9609,7 @@ class InputNumberEditor extends React__namespace.Component {
 }
 
 /* eslint-disable jsx-a11y/anchor-is-valid */
+
 const {
   InlineIcon: InlineIcon$1
 } = perseus.components;
@@ -9627,7 +9666,7 @@ class ColorPicker extends React__namespace.Component {
     return /*#__PURE__*/React__namespace.createElement(ButtonGroup$5, {
       value: this.props.value,
       allowEmpty: false,
-      buttons: ___default["default"].map(colors, color => {
+      buttons: ___default.default.map(colors, color => {
         return {
           value: color,
           content: /*#__PURE__*/React__namespace.createElement("span", null, /*#__PURE__*/React__namespace.createElement("span", {
@@ -10389,16 +10428,16 @@ class InteractionEditor extends React__namespace.Component {
     });
   }
   _getAllVarSubscripts(elements) {
-    return ___default["default"].map(___default["default"].where(elements, {
+    return ___default.default.map(___default.default.where(elements, {
       type: "movable-point"
-    }), element => element.options.varSubscript).concat(___default["default"].map(___default["default"].where(elements, {
+    }), element => element.options.varSubscript).concat(___default.default.map(___default.default.where(elements, {
       type: "movable-line"
-    }), element => element.options.startSubscript)).concat(___default["default"].map(___default["default"].where(elements, {
+    }), element => element.options.startSubscript)).concat(___default.default.map(___default.default.where(elements, {
       type: "movable-line"
     }), element => element.options.endSubscript));
   }
   _getAllFunctionNames(elements) {
-    return ___default["default"].map(___default["default"].where(elements, {
+    return ___default.default.map(___default.default.where(elements, {
       type: "function"
     }), element => element.options.funcName);
   }
@@ -10407,7 +10446,7 @@ class InteractionEditor extends React__namespace.Component {
     // of step. Grr..
     // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
     this.change({
-      graph: ___default["default"].extend(___default["default"].omit(newProps, "step"), {
+      graph: ___default.default.extend(___default.default.omit(newProps, "step"), {
         tickStep: newProps.step
       })
     });
@@ -10421,15 +10460,15 @@ class InteractionEditor extends React__namespace.Component {
     const newElement = {
       type: elementType,
       key: elementType + "-" + (Math.random() * 0xffffff << 0).toString(16),
-      options: elementType === "point" ? ___default["default"].clone(PointEditor.defaultProps) : elementType === "line" ? ___default["default"].clone(LineEditor.defaultProps) : elementType === "movable-point" ? ___default["default"].clone(MovablePointEditor.defaultProps) : elementType === "movable-line" ? ___default["default"].clone(MovableLineEditor.defaultProps) : elementType === "function" ? ___default["default"].clone(FunctionEditor.defaultProps) : elementType === "parametric" ? ___default["default"].clone(ParametricEditor.defaultProps) : elementType === "label" ? ___default["default"].clone(LabelEditor.defaultProps) : elementType === "rectangle" ? ___default["default"].clone(RectangleEditor.defaultProps) : {}
+      options: elementType === "point" ? ___default.default.clone(PointEditor.defaultProps) : elementType === "line" ? ___default.default.clone(LineEditor.defaultProps) : elementType === "movable-point" ? ___default.default.clone(MovablePointEditor.defaultProps) : elementType === "movable-line" ? ___default.default.clone(MovableLineEditor.defaultProps) : elementType === "function" ? ___default.default.clone(FunctionEditor.defaultProps) : elementType === "parametric" ? ___default.default.clone(ParametricEditor.defaultProps) : elementType === "label" ? ___default.default.clone(LabelEditor.defaultProps) : elementType === "rectangle" ? ___default.default.clone(RectangleEditor.defaultProps) : {}
     };
     let nextSubscript;
     if (elementType === "movable-point") {
-      nextSubscript = ___default["default"].max([___default["default"].max(this.state.usedVarSubscripts), -1]) + 1;
+      nextSubscript = ___default.default.max([___default.default.max(this.state.usedVarSubscripts), -1]) + 1;
       // @ts-expect-error - TS2339 - Property 'varSubscript' does not exist on type '{}'.
       newElement.options.varSubscript = nextSubscript;
     } else if (elementType === "movable-line") {
-      nextSubscript = ___default["default"].max([___default["default"].max(this.state.usedVarSubscripts), -1]) + 1;
+      nextSubscript = ___default.default.max([___default.default.max(this.state.usedVarSubscripts), -1]) + 1;
       // @ts-expect-error - TS2339 - Property 'startSubscript' does not exist on type '{}'.
       newElement.options.startSubscript = nextSubscript;
       // @ts-expect-error - TS2339 - Property 'endSubscript' does not exist on type '{}'.
@@ -10437,7 +10476,7 @@ class InteractionEditor extends React__namespace.Component {
     } else if (elementType === "function") {
       // TODO(eater): The 22nd function added will be {(x) since '{'
       // comes after 'z'
-      const nextLetter = String.fromCharCode(___default["default"].max([___default["default"].max(___default["default"].map(this.state.usedFunctionNames, function (c) {
+      const nextLetter = String.fromCharCode(___default.default.max([___default.default.max(___default.default.map(this.state.usedFunctionNames, function (c) {
         return c.charCodeAt(0);
       })), "e".charCodeAt(0)]) + 1);
       // @ts-expect-error - TS2339 - Property 'funcName' does not exist on type '{}'.
@@ -10452,12 +10491,12 @@ class InteractionEditor extends React__namespace.Component {
     const element = this.props.elements[index];
     // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
     this.change({
-      elements: ___default["default"].without(this.props.elements, element)
+      elements: ___default.default.without(this.props.elements, element)
     });
   };
   _moveElementUp = index => {
     const element = this.props.elements[index];
-    const newElements = ___default["default"].without(this.props.elements, element);
+    const newElements = ___default.default.without(this.props.elements, element);
     newElements.splice(index - 1, 0, element);
     // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
     this.change({
@@ -10466,7 +10505,7 @@ class InteractionEditor extends React__namespace.Component {
   };
   _moveElementDown = index => {
     const element = this.props.elements[index];
-    const newElements = ___default["default"].without(this.props.elements, element);
+    const newElements = ___default.default.without(this.props.elements, element);
     newElements.splice(index + 1, 0, element);
     // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
     this.change({
@@ -10502,7 +10541,7 @@ class InteractionEditor extends React__namespace.Component {
       gridStep: this.props.graph.gridStep,
       markings: this.props.graph.markings,
       onChange: this._updateGraphProps
-    }), /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, this.props.graph.valid !== true && /*#__PURE__*/React__namespace.createElement("div", null, this.props.graph.valid))), ___default["default"].map(this.props.elements, function (element, n) {
+    }), /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, this.props.graph.valid !== true && /*#__PURE__*/React__namespace.createElement("div", null, this.props.graph.valid))), ___default.default.map(this.props.elements, function (element, n) {
       if (element.type === "movable-point") {
         return /*#__PURE__*/React__namespace.createElement(ElementContainer, {
           title: /*#__PURE__*/React__namespace.createElement("span", null, "Movable point", " ", /*#__PURE__*/React__namespace.createElement(TeX, null, "(x_{" + element.options.varSubscript + "}, y_{" + element.options.varSubscript + "})"))
@@ -10525,12 +10564,12 @@ class InteractionEditor extends React__namespace.Component {
           ,
           onDelete: this._deleteElement.bind(this, n),
           key: element.key
-        }, /*#__PURE__*/React__namespace.createElement(MovablePointEditor, _extends__default["default"]({}, element.options, {
+        }, /*#__PURE__*/React__namespace.createElement(MovablePointEditor, _extends__default.default({}, element.options, {
           onChange: newProps => {
             const elements = JSON.parse(JSON.stringify(
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.props.elements));
-            ___default["default"].extend(elements[n].options, newProps);
+            ___default.default.extend(elements[n].options, newProps);
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.change({
               elements: elements
@@ -10560,12 +10599,12 @@ class InteractionEditor extends React__namespace.Component {
           ,
           onDelete: this._deleteElement.bind(this, n),
           key: element.key
-        }, /*#__PURE__*/React__namespace.createElement(MovableLineEditor, _extends__default["default"]({}, element.options, {
+        }, /*#__PURE__*/React__namespace.createElement(MovableLineEditor, _extends__default.default({}, element.options, {
           onChange: newProps => {
             const elements = JSON.parse(JSON.stringify(
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.props.elements));
-            ___default["default"].extend(elements[n].options, newProps);
+            ___default.default.extend(elements[n].options, newProps);
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.change({
               elements: elements
@@ -10595,12 +10634,12 @@ class InteractionEditor extends React__namespace.Component {
           ,
           onDelete: this._deleteElement.bind(this, n),
           key: element.key
-        }, /*#__PURE__*/React__namespace.createElement(PointEditor, _extends__default["default"]({}, element.options, {
+        }, /*#__PURE__*/React__namespace.createElement(PointEditor, _extends__default.default({}, element.options, {
           onChange: newProps => {
             const elements = JSON.parse(JSON.stringify(
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.props.elements));
-            ___default["default"].extend(elements[n].options, newProps);
+            ___default.default.extend(elements[n].options, newProps);
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.change({
               elements: elements
@@ -10630,12 +10669,12 @@ class InteractionEditor extends React__namespace.Component {
           ,
           onDelete: this._deleteElement.bind(this, n),
           key: element.key
-        }, /*#__PURE__*/React__namespace.createElement(LineEditor, _extends__default["default"]({}, element.options, {
+        }, /*#__PURE__*/React__namespace.createElement(LineEditor, _extends__default.default({}, element.options, {
           onChange: newProps => {
             const elements = JSON.parse(JSON.stringify(
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.props.elements));
-            ___default["default"].extend(elements[n].options, newProps);
+            ___default.default.extend(elements[n].options, newProps);
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.change({
               elements: elements
@@ -10664,12 +10703,12 @@ class InteractionEditor extends React__namespace.Component {
           ,
           onDelete: this._deleteElement,
           key: element.key
-        }, /*#__PURE__*/React__namespace.createElement(FunctionEditor, _extends__default["default"]({}, element.options, {
+        }, /*#__PURE__*/React__namespace.createElement(FunctionEditor, _extends__default.default({}, element.options, {
           onChange: newProps => {
             const elements = JSON.parse(JSON.stringify(
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.props.elements));
-            ___default["default"].extend(elements[n].options, newProps);
+            ___default.default.extend(elements[n].options, newProps);
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.change({
               elements: elements
@@ -10698,12 +10737,12 @@ class InteractionEditor extends React__namespace.Component {
           ,
           onDelete: this._deleteElement,
           key: element.key
-        }, /*#__PURE__*/React__namespace.createElement(ParametricEditor, _extends__default["default"]({}, element.options, {
+        }, /*#__PURE__*/React__namespace.createElement(ParametricEditor, _extends__default.default({}, element.options, {
           onChange: newProps => {
             const elements = JSON.parse(JSON.stringify(
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.props.elements));
-            ___default["default"].extend(elements[n].options, newProps);
+            ___default.default.extend(elements[n].options, newProps);
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.change({
               elements: elements
@@ -10732,12 +10771,12 @@ class InteractionEditor extends React__namespace.Component {
           ,
           onDelete: this._deleteElement,
           key: element.key
-        }, /*#__PURE__*/React__namespace.createElement(LabelEditor, _extends__default["default"]({}, element.options, {
+        }, /*#__PURE__*/React__namespace.createElement(LabelEditor, _extends__default.default({}, element.options, {
           onChange: newProps => {
             const elements = JSON.parse(JSON.stringify(
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.props.elements));
-            ___default["default"].extend(elements[n].options, newProps);
+            ___default.default.extend(elements[n].options, newProps);
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.change({
               elements: elements
@@ -10766,12 +10805,12 @@ class InteractionEditor extends React__namespace.Component {
           ,
           onDelete: this._deleteElement,
           key: element.key
-        }, /*#__PURE__*/React__namespace.createElement(RectangleEditor, _extends__default["default"]({}, element.options, {
+        }, /*#__PURE__*/React__namespace.createElement(RectangleEditor, _extends__default.default({}, element.options, {
           onChange: newProps => {
             const elements = JSON.parse(JSON.stringify(
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.props.elements));
-            ___default["default"].extend(elements[n].options, newProps);
+            ___default.default.extend(elements[n].options, newProps);
             // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.change({
               elements: elements
@@ -10922,7 +10961,7 @@ function Heading(_ref) {
     isCollapsible,
     onToggle
   } = _ref;
-  return /*#__PURE__*/React__namespace.createElement(Clickable__default["default"], {
+  return /*#__PURE__*/React__namespace.createElement(Clickable__default.default, {
     style: [styles$I.container, !isCollapsible && styles$I.notClickable],
     disabled: !isCollapsible,
     onClick: () => isCollapsible && onToggle?.(!isOpen)
@@ -11077,6 +11116,9 @@ const styles$G = aphrodite.StyleSheet.create({
 });
 
 /* eslint-disable react/forbid-prop-types, react/no-unsafe */
+/**
+ * Used in the editor for the InteractiveGraph widget.
+ */
 const {
   ButtonGroup: ButtonGroup$1,
   InfoTip: InfoTip$g,
@@ -11134,10 +11176,10 @@ class InteractiveGraphSettings extends React__namespace.Component {
     // TODO(scottgrant): This is a hack to remove the deprecated call to
     // this.isMounted() but is still considered an anti-pattern.
     this._isMounted = true;
-    this.changeGraph = ___default["default"].debounce(this.changeGraph, 300);
+    this.changeGraph = ___default.default.debounce(this.changeGraph, 300);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    if (!___default["default"].isEqual(this.props.labels, nextProps.labels) || !___default["default"].isEqual(this.props.labelLocation, nextProps.labelLocation) || !___default["default"].isEqual(this.props.gridStep, nextProps.gridStep) || !___default["default"].isEqual(this.props.snapStep, nextProps.snapStep) || !___default["default"].isEqual(this.props.step, nextProps.step) || !___default["default"].isEqual(this.props.range, nextProps.range) || !___default["default"].isEqual(this.props.backgroundImage, nextProps.backgroundImage)) {
+    if (!___default.default.isEqual(this.props.labels, nextProps.labels) || !___default.default.isEqual(this.props.labelLocation, nextProps.labelLocation) || !___default.default.isEqual(this.props.gridStep, nextProps.gridStep) || !___default.default.isEqual(this.props.snapStep, nextProps.snapStep) || !___default.default.isEqual(this.props.step, nextProps.step) || !___default.default.isEqual(this.props.range, nextProps.range) || !___default.default.isEqual(this.props.backgroundImage, nextProps.backgroundImage)) {
       this.setState(InteractiveGraphSettings.stateFromProps(nextProps));
     }
   }
@@ -11188,8 +11230,8 @@ class InteractiveGraphSettings extends React__namespace.Component {
     }, nameAndValue[0]));
   };
   validRange = range => {
-    const numbers = ___default["default"].every(range, function (num) {
-      return ___default["default"].isFinite(num);
+    const numbers = ___default.default.every(range, function (num) {
+      return ___default.default.isFinite(num);
     });
     if (!numbers) {
       return "Range must be a valid number";
@@ -11257,28 +11299,28 @@ class InteractiveGraphSettings extends React__namespace.Component {
   validateGraphSettings = (range, step, gridStep, snapStep, image) => {
     const self = this;
     let msg;
-    const goodRange = ___default["default"].every(range, function (range) {
+    const goodRange = ___default.default.every(range, function (range) {
       msg = self.validRange(range);
       return msg === true;
     });
     if (!goodRange) {
       return msg;
     }
-    const goodStep = ___default["default"].every(step, function (step, i) {
+    const goodStep = ___default.default.every(step, function (step, i) {
       msg = self.validStep(step, range[i]);
       return msg === true;
     });
     if (!goodStep) {
       return msg;
     }
-    const goodGridStep = ___default["default"].every(gridStep, function (gridStep, i) {
+    const goodGridStep = ___default.default.every(gridStep, function (gridStep, i) {
       msg = self.validGridStep(gridStep, range[i]);
       return msg === true;
     });
     if (!goodGridStep) {
       return msg;
     }
-    const goodSnapStep = ___default["default"].every(snapStep, function (snapStep, i) {
+    const goodSnapStep = ___default.default.every(snapStep, function (snapStep, i) {
       msg = self.validSnapStep(snapStep, range[i]);
       return msg === true;
     });
@@ -11335,7 +11377,7 @@ class InteractiveGraphSettings extends React__namespace.Component {
   changeGridStep = gridStep => {
     this.setState({
       gridStepTextbox: gridStep,
-      snapStepTextbox: ___default["default"].map(gridStep, function (step) {
+      snapStepTextbox: ___default.default.map(gridStep, function (step) {
         return step / 2;
       })
     }, this.changeGraph);
@@ -11343,10 +11385,10 @@ class InteractiveGraphSettings extends React__namespace.Component {
   changeGraph = () => {
     const labels = this.state.labelsTextbox;
     const labelLocation = this.state.labelLocation;
-    const range = ___default["default"].map(this.state.rangeTextbox, function (range) {
-      return ___default["default"].map(range, Number);
+    const range = ___default.default.map(this.state.rangeTextbox, function (range) {
+      return ___default.default.map(range, Number);
     });
-    const step = ___default["default"].map(this.state.stepTextbox, Number);
+    const step = ___default.default.map(this.state.stepTextbox, Number);
     const gridStep = this.state.gridStepTextbox;
     const snapStep = this.state.snapStepTextbox;
     const image = this.state.backgroundImage;
@@ -11532,7 +11574,7 @@ class InteractiveGraphSettings extends React__namespace.Component {
         });
       },
       style: styles$F.resetSpaceTop
-    })), this.props.showProtractor && /*#__PURE__*/React__namespace.createElement(Banner__default["default"], {
+    })), this.props.showProtractor && /*#__PURE__*/React__namespace.createElement(Banner__default.default, {
       layout: "floating",
       text: "The protractor is not accessible. Please consider an alternate approach.",
       kind: "warning"
@@ -11638,7 +11680,7 @@ function SRTree(props) {
     }
   }, elementArias.map((aria, index) => /*#__PURE__*/React__namespace.createElement("li", {
     key: index
-  }, showTags && /*#__PURE__*/React__namespace.createElement(Pill__default["default"], {
+  }, showTags && /*#__PURE__*/React__namespace.createElement(Pill__default.default, {
     size: "small",
     kind: "success",
     style: styles$E.smallSpaceRight
@@ -11646,7 +11688,7 @@ function SRTree(props) {
     style: styles$E.indentListLeft
   }, aria.attributes.map((value, index) => /*#__PURE__*/React__namespace.createElement("li", {
     key: index
-  }, /*#__PURE__*/React__namespace.createElement(Pill__default["default"], {
+  }, /*#__PURE__*/React__namespace.createElement(Pill__default.default, {
     size: "small",
     kind: value.name === "label" ? "info" : "neutral",
     style: styles$E.smallSpaceRight
@@ -11681,7 +11723,7 @@ function InteractiveGraphSRTree(_ref) {
     isCollapsible: true
   }), isExpanded && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: [styles$E.row, styles$E.tagSwitch]
-  }, /*#__PURE__*/React__namespace.createElement(Switch__default["default"], {
+  }, /*#__PURE__*/React__namespace.createElement(Switch__default.default, {
     id: switchId,
     checked: showTags,
     onChange: setShowTags
@@ -11729,7 +11771,7 @@ const SegmentCountSelector = _ref => {
       onChange(num);
     },
     style: styles$D.singleSelectShort
-  }, ___default["default"].range(1, 7).map(n => /*#__PURE__*/React__namespace.createElement(wonderBlocksDropdown.OptionItem, {
+  }, ___default.default.range(1, 7).map(n => /*#__PURE__*/React__namespace.createElement(wonderBlocksDropdown.OptionItem, {
     key: n,
     value: `${n}`,
     label: `${n} segment${n > 1 ? "s" : ""}`
@@ -11822,7 +11864,7 @@ const ScrolllessNumberTextField = props => {
       ref?.removeEventListener("wheel", ignoreScroll);
     };
   }, [inputRef]);
-  return /*#__PURE__*/React__namespace.createElement(wonderBlocksForm.TextField, _extends__default["default"]({}, restOfProps, {
+  return /*#__PURE__*/React__namespace.createElement(wonderBlocksForm.TextField, _extends__default.default({}, restOfProps, {
     type: "number",
     value: focused ? wipValue : value,
     onChange: newValue => {
@@ -12191,9 +12233,9 @@ function LockedFigureAria(props) {
     placeholder: "Ex. Point at (x, y)",
     rows: 1,
     resizeType: "vertical"
-  }), /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+  }), /*#__PURE__*/React__namespace.createElement(Button__default.default, {
     kind: "tertiary",
-    startIcon: pencilCircle__default["default"],
+    startIcon: pencilCircle__default.default,
     style: styles$u.button,
     onClick: () => {
       setLoading(true);
@@ -12232,32 +12274,32 @@ const LockedFigureSettingsActions = props => {
   } = props;
   return /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$t.container
-  }, /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
-    startIcon: trashIcon__default["default"],
+  }, /*#__PURE__*/React__namespace.createElement(Button__default.default, {
+    startIcon: trashIcon__default.default,
     "aria-label": `Delete locked ${figureType}`,
     onClick: onRemove,
     kind: "tertiary",
     style: styles$t.deleteButton
-  }, "Delete"), onMove && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(wonderBlocksLayout.Spring, null), /*#__PURE__*/React__namespace.createElement(IconButton__default["default"], {
-    icon: caretDoubleUpIcon__default["default"],
+  }, "Delete"), onMove && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(wonderBlocksLayout.Spring, null), /*#__PURE__*/React__namespace.createElement(IconButton__default.default, {
+    icon: caretDoubleUpIcon__default.default,
     size: "small",
     "aria-label": `Move locked ${figureType} to the back`,
     onClick: () => onMove("back"),
     style: styles$t.iconButton
-  }), /*#__PURE__*/React__namespace.createElement(IconButton__default["default"], {
-    icon: caretUpIcon__default["default"],
+  }), /*#__PURE__*/React__namespace.createElement(IconButton__default.default, {
+    icon: caretUpIcon__default.default,
     size: "small",
     "aria-label": `Move locked ${figureType} backward`,
     onClick: () => onMove("backward"),
     style: styles$t.iconButton
-  }), /*#__PURE__*/React__namespace.createElement(IconButton__default["default"], {
-    icon: caretDownIcon__default["default"],
+  }), /*#__PURE__*/React__namespace.createElement(IconButton__default.default, {
+    icon: caretDownIcon__default.default,
     size: "small",
     "aria-label": `Move locked ${figureType} forward`,
     onClick: () => onMove("forward"),
     style: styles$t.iconButton
-  }), /*#__PURE__*/React__namespace.createElement(IconButton__default["default"], {
-    icon: caretDoubleDownIcon__default["default"],
+  }), /*#__PURE__*/React__namespace.createElement(IconButton__default.default, {
+    icon: caretDoubleDownIcon__default.default,
     size: "small",
     "aria-label": `Move locked ${figureType} to the front`,
     onClick: () => onMove("front"),
@@ -12729,7 +12771,7 @@ const LockedEllipseSettings = props => {
     style: styles$r.horizontalRule
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksLayout.Strut, {
     size: wonderBlocksTokens.spacing.small_12
-  }), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, null, "Visible labels"), labels?.map((label, labelIndex) => /*#__PURE__*/React__namespace.createElement(LockedLabelSettings, _extends__default["default"]({}, label, {
+  }), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, null, "Visible labels"), labels?.map((label, labelIndex) => /*#__PURE__*/React__namespace.createElement(LockedLabelSettings, _extends__default.default({}, label, {
     key: labelIndex,
     expanded: true,
     onChangeProps: newLabel => {
@@ -12739,9 +12781,9 @@ const LockedEllipseSettings = props => {
       handleLabelRemove(labelIndex);
     },
     containerStyle: styles$r.labelContainer
-  }))), /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+  }))), /*#__PURE__*/React__namespace.createElement(Button__default.default, {
     kind: "tertiary",
-    startIcon: plusCircle__default["default"],
+    startIcon: plusCircle__default.default,
     onClick: () => {
       const newLabel = {
         ...getDefaultFigureForType("label"),
@@ -13053,7 +13095,7 @@ const LockedFunctionSettings = props => {
     style: styles$p.horizontalRule
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksLayout.Strut, {
     size: wonderBlocksTokens.spacing.small_12
-  }), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, null, "Visible labels"), labels.map((label, labelIndex, allLabels) => /*#__PURE__*/React__namespace.createElement(LockedLabelSettings, _extends__default["default"]({
+  }), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, null, "Visible labels"), labels.map((label, labelIndex, allLabels) => /*#__PURE__*/React__namespace.createElement(LockedLabelSettings, _extends__default.default({
     key: labelIndex
   }, label, {
     expanded: true,
@@ -13064,9 +13106,9 @@ const LockedFunctionSettings = props => {
       handleLabelRemove(labelIndex);
     },
     containerStyle: styles$p.labelContainer
-  }))), /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+  }))), /*#__PURE__*/React__namespace.createElement(Button__default.default, {
     kind: "tertiary",
-    startIcon: plusCircle__default["default"],
+    startIcon: plusCircle__default.default,
     onClick: () => {
       const newLabel = {
         ...getDefaultFigureForType("label"),
@@ -13098,15 +13140,15 @@ const ExampleItem = props => {
   return /*#__PURE__*/React__namespace.createElement("li", {
     key: `${category}-${index}`,
     className: aphrodite.css(styles$p.exampleRow)
-  }, /*#__PURE__*/React__namespace.createElement(IconButton__default["default"], {
-    icon: autoPasteIcon__default["default"],
+  }, /*#__PURE__*/React__namespace.createElement(IconButton__default.default, {
+    icon: autoPasteIcon__default.default,
     "aria-label": "paste example",
     "aria-describedby": exampleId,
     onClick: () => pasteEquationFn("equation", example),
     size: "medium",
     style: styles$p.copyPasteButton
-  }), /*#__PURE__*/React__namespace.createElement(IconButton__default["default"], {
-    icon: copyIcon__default["default"],
+  }), /*#__PURE__*/React__namespace.createElement(IconButton__default.default, {
+    icon: copyIcon__default.default,
     "aria-label": "copy example",
     "aria-describedby": exampleId,
     onClick: () => navigator.clipboard.writeText(example),
@@ -13231,7 +13273,7 @@ const LabeledSwitch = props => {
   const switchId = React.useId();
   return /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: [styles$o.row, style]
-  }, /*#__PURE__*/React__namespace.createElement(Switch__default["default"], {
+  }, /*#__PURE__*/React__namespace.createElement(Switch__default.default, {
     id: switchId,
     checked: checked,
     onChange: onChange
@@ -13395,7 +13437,7 @@ const LockedPointSettings = props => {
     style: styles$n.horizontalRule
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksLayout.Strut, {
     size: wonderBlocksTokens.spacing.small_12
-  }), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, null, "Visible labels"), labels?.map((label, labelIndex) => /*#__PURE__*/React__namespace.createElement(LockedLabelSettings, _extends__default["default"]({}, label, {
+  }), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, null, "Visible labels"), labels?.map((label, labelIndex) => /*#__PURE__*/React__namespace.createElement(LockedLabelSettings, _extends__default.default({}, label, {
     key: labelIndex,
     containerStyle: !isDefiningPoint && styles$n.lockedPointLabelContainer,
     expanded: true,
@@ -13405,9 +13447,9 @@ const LockedPointSettings = props => {
     onRemove: () => {
       handleLabelRemove(labelIndex);
     }
-  }))), /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+  }))), /*#__PURE__*/React__namespace.createElement(Button__default.default, {
     kind: "tertiary",
-    startIcon: plusCircle__default["default"],
+    startIcon: plusCircle__default.default,
     onClick: () => {
       const newLabel = {
         ...getDefaultFigureForType("label"),
@@ -13624,7 +13666,7 @@ const LockedLineSettings = props => {
     })
   })), isInvalid && /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, {
     style: styles$m.errorText
-  }, lengthZeroStr), /*#__PURE__*/React__namespace.createElement(LockedPointSettings, _extends__default["default"]({
+  }, lengthZeroStr), /*#__PURE__*/React__namespace.createElement(LockedPointSettings, _extends__default.default({
     headerLabel: "Point 1",
     expanded: true,
     showPoint: showPoint1,
@@ -13634,7 +13676,7 @@ const LockedLineSettings = props => {
       showPoint1: newValue
     }),
     onChangeProps: newProps => handleChangePoint(newProps, 0)
-  })), /*#__PURE__*/React__namespace.createElement(LockedPointSettings, _extends__default["default"]({
+  })), /*#__PURE__*/React__namespace.createElement(LockedPointSettings, _extends__default.default({
     headerLabel: "Point 2",
     expanded: true,
     showPoint: showPoint2,
@@ -13660,7 +13702,7 @@ const LockedLineSettings = props => {
     style: styles$m.horizontalRule
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksLayout.Strut, {
     size: wonderBlocksTokens.spacing.small_12
-  }), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, null, "Visible labels"), labels?.map((label, labelIndex) => /*#__PURE__*/React__namespace.createElement(LockedLabelSettings, _extends__default["default"]({}, label, {
+  }), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, null, "Visible labels"), labels?.map((label, labelIndex) => /*#__PURE__*/React__namespace.createElement(LockedLabelSettings, _extends__default.default({}, label, {
     key: labelIndex,
     expanded: true,
     onChangeProps: newLabel => {
@@ -13670,9 +13712,9 @@ const LockedLineSettings = props => {
       handleLabelRemove(labelIndex);
     },
     containerStyle: styles$m.labelContainer
-  }))), /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+  }))), /*#__PURE__*/React__namespace.createElement(Button__default.default, {
     kind: "tertiary",
-    startIcon: plusCircle__default["default"],
+    startIcon: plusCircle__default.default,
     onClick: () => {
       // Additional vertical offset for each label so
       // they don't overlap.
@@ -13956,9 +13998,9 @@ const LockedPolygonSettings = props => {
     // Only show the minus (delete) buttons if there are
     // more than 3 points. 3 points is the minimum number
     // of points for a polygon (triangle).
-    points.length > 3 && /*#__PURE__*/React__namespace.createElement(IconButton__default["default"], {
+    points.length > 3 && /*#__PURE__*/React__namespace.createElement(IconButton__default.default, {
       "aria-label": `Delete polygon point ${pointLabel}`,
-      icon: minusCircle__default["default"],
+      icon: minusCircle__default.default,
       color: "destructive",
       onClick: () => {
         const newPoints = [...points];
@@ -13971,9 +14013,9 @@ const LockedPolygonSettings = props => {
     }));
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: [styles$k.row, styles$k.polygonActionsContainer]
-  }, /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+  }, /*#__PURE__*/React__namespace.createElement(Button__default.default, {
     kind: "tertiary",
-    startIcon: plusCircle__default["default"],
+    startIcon: plusCircle__default.default,
     onClick: () => {
       props.onChangeProps({
         points: [...points, [0, 0]]
@@ -13981,31 +14023,31 @@ const LockedPolygonSettings = props => {
     }
   }, "Add point"), /*#__PURE__*/React__namespace.createElement(wonderBlocksLayout.Spring, null), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$k.movementButtonsContainer
-  }, /*#__PURE__*/React__namespace.createElement(IconButton__default["default"], {
+  }, /*#__PURE__*/React__namespace.createElement(IconButton__default.default, {
     "aria-label": "Move polygon up",
     style: styles$k.iconButton,
     size: "small",
-    icon: arrowFatUp__default["default"],
+    icon: arrowFatUp__default.default,
     onClick: () => handlePolygonMove("up")
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles$k.row
-  }, /*#__PURE__*/React__namespace.createElement(IconButton__default["default"], {
+  }, /*#__PURE__*/React__namespace.createElement(IconButton__default.default, {
     "aria-label": "Move polygon left",
     style: styles$k.iconButton,
     size: "small",
-    icon: arrowFatLeft__default["default"],
+    icon: arrowFatLeft__default.default,
     onClick: () => handlePolygonMove("left")
-  }), /*#__PURE__*/React__namespace.createElement(IconButton__default["default"], {
+  }), /*#__PURE__*/React__namespace.createElement(IconButton__default.default, {
     "aria-label": "Move polygon down",
     style: styles$k.iconButton,
     size: "small",
-    icon: arrowFatDown__default["default"],
+    icon: arrowFatDown__default.default,
     onClick: () => handlePolygonMove("down")
-  }), /*#__PURE__*/React__namespace.createElement(IconButton__default["default"], {
+  }), /*#__PURE__*/React__namespace.createElement(IconButton__default.default, {
     "aria-label": "Move polygon right",
     style: styles$k.iconButton,
     size: "small",
-    icon: arrowFatRight__default["default"],
+    icon: arrowFatRight__default.default,
     onClick: () => handlePolygonMove("right")
   }))))), /*#__PURE__*/React__namespace.createElement(wonderBlocksLayout.Strut, {
     size: wonderBlocksTokens.spacing.small_12
@@ -14023,7 +14065,7 @@ const LockedPolygonSettings = props => {
     style: styles$k.horizontalRule
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksLayout.Strut, {
     size: wonderBlocksTokens.spacing.small_12
-  }), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, null, "Visible labels"), labels?.map((label, labelIndex) => /*#__PURE__*/React__namespace.createElement(LockedLabelSettings, _extends__default["default"]({}, label, {
+  }), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, null, "Visible labels"), labels?.map((label, labelIndex) => /*#__PURE__*/React__namespace.createElement(LockedLabelSettings, _extends__default.default({}, label, {
     key: labelIndex,
     expanded: true,
     onChangeProps: newLabel => {
@@ -14033,9 +14075,9 @@ const LockedPolygonSettings = props => {
       handleLabelRemove(labelIndex);
     },
     containerStyle: styles$k.labelContainer
-  }))), /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+  }))), /*#__PURE__*/React__namespace.createElement(Button__default.default, {
     kind: "tertiary",
-    startIcon: plusCircle__default["default"],
+    startIcon: plusCircle__default.default,
     onClick: () => {
       const newLabel = {
         ...getDefaultFigureForType("label"),
@@ -14252,7 +14294,7 @@ const LockedVectorSettings = props => {
     style: styles$j.horizontalRule
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksLayout.Strut, {
     size: wonderBlocksTokens.spacing.small_12
-  }), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, null, "Visible labels"), labels?.map((label, labelIndex) => /*#__PURE__*/React__namespace.createElement(LockedLabelSettings, _extends__default["default"]({}, label, {
+  }), /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, null, "Visible labels"), labels?.map((label, labelIndex) => /*#__PURE__*/React__namespace.createElement(LockedLabelSettings, _extends__default.default({}, label, {
     key: labelIndex,
     expanded: true,
     onChangeProps: newLabel => {
@@ -14262,9 +14304,9 @@ const LockedVectorSettings = props => {
       handleLabelRemove(labelIndex);
     },
     containerStyle: styles$j.labelContainer
-  }))), /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+  }))), /*#__PURE__*/React__namespace.createElement(Button__default.default, {
     kind: "tertiary",
-    startIcon: plusCircle__default["default"],
+    startIcon: plusCircle__default.default,
     onClick: () => {
       // Additional vertical offset for each label so
       // they don't overlap.
@@ -14325,6 +14367,7 @@ const styles$j = aphrodite.StyleSheet.create({
  * Used in the interactive graph editor's locked figures section.
  */
 
+
 // Union this type with other locked figure types when they are added.
 
 const LockedFigureSettings = props => {
@@ -14449,7 +14492,7 @@ const LockedFiguresSection = props => {
     onToggle: () => setIsExpanded(!isExpanded),
     isCollapsible: true
   }), isExpanded && /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, null, figures?.map((figure, index) => {
-    return /*#__PURE__*/React__namespace.createElement(LockedFigureSettings, _extends__default["default"]({
+    return /*#__PURE__*/React__namespace.createElement(LockedFigureSettings, _extends__default.default({
       key: `${uniqueId}-locked-${figure}-${index}`,
       expanded: expandedStates[index],
       onToggle: newValue => {
@@ -14469,7 +14512,7 @@ const LockedFiguresSection = props => {
     onChange: addLockedFigure
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksLayout.Strut, {
     size: wonderBlocksTokens.spacing.small_12
-  }), showExpandButton && /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+  }), showExpandButton && /*#__PURE__*/React__namespace.createElement(Button__default.default, {
     kind: "secondary",
     onClick: () => toggleExpanded(allCollapsed),
     style: styles$i.button
@@ -15056,8 +15099,8 @@ const StartCoordsSettings = props => {
     onToggle: () => setIsOpen(!isOpen)
   }), isOpen && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(StartCoordsSettingsInner, props), /*#__PURE__*/React__namespace.createElement(wonderBlocksLayout.Strut, {
     size: wonderBlocksTokens.spacing.small_12
-  }), /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
-    startIcon: arrowCounterClockwise__default["default"],
+  }), /*#__PURE__*/React__namespace.createElement(Button__default.default, {
+    startIcon: arrowCounterClockwise__default.default,
     kind: "tertiary",
     size: "small",
     onClick: () => {
@@ -15070,7 +15113,7 @@ const {
   InfoTip: InfoTip$b
 } = perseus.components;
 const InteractiveGraph = perseus.InteractiveGraphWidget.widget;
-const POLYGON_SIDES = ___default["default"].map(___default["default"].range(3, 13), function (value) {
+const POLYGON_SIDES = ___default.default.map(___default.default.range(3, 13), function (value) {
   return /*#__PURE__*/React__namespace.createElement(wonderBlocksDropdown.OptionItem, {
     key: `polygon-sides-${value}`,
     value: `${value}`,
@@ -15109,22 +15152,24 @@ class InteractiveGraphEditor extends React__namespace.Component {
   // is copied from the question editor and pasted into the hint editor
   // (double brackets in the markdown).
   serialize() {
-    const json = ___default["default"].pick(this.props, "step", "backgroundImage", "markings", "labels", "labelLocation", "showProtractor", "showTooltips", "range", "gridStep", "snapStep", "lockedFigures", "fullGraphAriaLabel", "fullGraphAriaDescription");
+    const json = ___default.default.pick(this.props, "step", "backgroundImage", "markings", "labels", "labelLocation", "showProtractor", "showTooltips", "range", "gridStep", "snapStep", "lockedFigures", "fullGraphAriaLabel", "fullGraphAriaDescription");
 
     // eslint-disable-next-line react/no-string-refs
     const graph = this.refs.graph;
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (graph) {
       // @ts-expect-error TS2339 Property 'getUserInput' does not exist on type 'ReactInstance'. Property 'getUserInput' does not exist on type 'Component<any, {}, any>'.
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       const correct = graph && graph.getUserInput();
-      ___default["default"].extend(json, {
+      ___default.default.extend(json, {
         graph: {
           type: correct.type,
           startCoords: this.props.graph && getStartCoords(this.props.graph)
         },
         correct: correct
       });
-      ___default["default"].each(["allowReflexAngles", "angleOffsetDeg", "numPoints", "numSides", "numSegments", "showAngles", "showSides", "snapTo", "snapDegrees"], function (key) {
-        if (___default["default"].has(correct, key)) {
+      ___default.default.each(["allowReflexAngles", "angleOffsetDeg", "numPoints", "numSides", "numSegments", "showAngles", "showSides", "snapTo", "snapDegrees"], function (key) {
+        if (___default.default.has(correct, key)) {
           // @ts-expect-error - TS2339 - Property 'graph' does not exist on type 'Pick<any, "step" | "range" | "backgroundImage" | "snapStep" | "labels" | "showTooltips" | "markings" | "gridStep" | "showProtractor">'.
           json.graph[key] = correct[key];
         }
@@ -15152,8 +15197,12 @@ class InteractiveGraphEditor extends React__namespace.Component {
   render() {
     let graph;
     let equationString;
-    const gridStep = this.props.gridStep || perseus.Util.getGridStep(this.props.range, this.props.step, perseus.interactiveSizes.defaultBoxSize);
-    const snapStep = this.props.snapStep || perseus.Util.snapStepFromGridStep(gridStep);
+    const gridStep =
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    this.props.gridStep || perseus.Util.getGridStep(this.props.range, this.props.step, perseus.interactiveSizes.defaultBoxSize);
+    const snapStep =
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    this.props.snapStep || perseus.Util.snapStepFromGridStep(gridStep);
     const sizeClass = perseus.containerSizeClass.SMALL;
     if (this.props.valid === true) {
       const correct = this.props.correct;
@@ -15203,7 +15252,7 @@ class InteractiveGraphEditor extends React__namespace.Component {
       // getWidgetProps() and widget-container.jsx that the editors don't
       // bother passing.
       // @ts-expect-error - TS2769 - No overload matches this call.
-      React__namespace.createElement(InteractiveGraph, _extends__default["default"]({}, graphProps, {
+      React__namespace.createElement(InteractiveGraph, _extends__default.default({}, graphProps, {
         containerSizeClass: sizeClass,
         apiOptions: {
           ...this.props.apiOptions,
@@ -15308,7 +15357,9 @@ class InteractiveGraphEditor extends React__namespace.Component {
       label: "Number of sides:"
     }, /*#__PURE__*/React__namespace.createElement(wonderBlocksDropdown.SingleSelect, {
       key: "polygon-select",
-      selectedValue: this.props.correct?.numSides ? `${this.props.correct.numSides}` : "3",
+      selectedValue:
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+      this.props.correct?.numSides ? `${this.props.correct.numSides}` : "3",
       placeholder: "",
       onChange: newValue => {
         invariant(this.props.graph?.type === "polygon");
@@ -15432,7 +15483,7 @@ class InteractiveGraphEditor extends React__namespace.Component {
           }
         });
       }
-    })), this.props.graph?.type && shouldShowStartCoordsUI(this.props.graph, this.props.static) && /*#__PURE__*/React__namespace.createElement(StartCoordsSettings, _extends__default["default"]({}, this.props.graph, {
+    })), this.props.graph?.type && shouldShowStartCoordsUI(this.props.graph, this.props.static) && /*#__PURE__*/React__namespace.createElement(StartCoordsSettings, _extends__default.default({}, this.props.graph, {
       range: this.props.range,
       step: this.props.step,
       onChange: this.changeStartCoords
@@ -15676,12 +15727,18 @@ class FormWrappedTextField extends React__namespace.Component {
     } = this.state;
     const extraStyles = {};
     const spanStyle = [styles$9.input, styles$9.container];
+
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (width) {
       extraStyles.width = width;
     }
+
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (grow) {
       extraStyles.flexGrow = grow === true ? 1 : grow;
     }
+
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (shrink || shrink === 0) {
       extraStyles.flexShrink = shrink === true ? 0 : shrink;
     }
@@ -15710,7 +15767,7 @@ class FormWrappedTextField extends React__namespace.Component {
       // @ts-expect-error - TS2322 - Type '((arg1: ChangeEvent<HTMLInputElement>) => unknown) | ((e: Event) => void)' is not assignable to type 'FormEventHandler<HTMLFormElement> | undefined'.
       ,
       onSubmit: onSubmit || this.disableDefault
-    }, leftSideIcon && wrappedIcon, /*#__PURE__*/React__namespace.createElement("input", _extends__default["default"]({}, allProps, {
+    }, leftSideIcon && wrappedIcon, /*#__PURE__*/React__namespace.createElement("input", _extends__default.default({}, allProps, {
       onFocus: this.handleFocus,
       onBlur: this.handleBlur,
       type: type,
@@ -15777,7 +15834,7 @@ const styles$9 = aphrodite.StyleSheet.create({
     justifyContent: "center"
   }
 });
-var FormWrappedTextField$1 = /*#__PURE__*/React__namespace.forwardRef((props, ref) => /*#__PURE__*/React__namespace.createElement(FormWrappedTextField, _extends__default["default"]({}, props, {
+var FormWrappedTextField$1 = /*#__PURE__*/React__namespace.forwardRef((props, ref) => /*#__PURE__*/React__namespace.createElement(FormWrappedTextField, _extends__default.default({}, props, {
   forwardedRef: ref
 })));
 
@@ -15890,6 +15947,7 @@ const styles$8 = aphrodite.StyleSheet.create({
 /**
  * Controlled list of answer choices, handles adding and removing answers.
  */
+
 const {
   Icon: Icon$1
 } = perseus.components;
@@ -16233,7 +16291,7 @@ class Checkbox extends React__namespace.Component {
       let {
         focused
       } = _ref;
-      return /*#__PURE__*/React__namespace.createElement("div", _extends__default["default"]({}, handlers, {
+      return /*#__PURE__*/React__namespace.createElement("div", _extends__default.default({}, handlers, {
         className: aphrodite.css(styles$6.container, focused && styles$6.focused),
         style: style,
         "data-testid": dataTestId,
@@ -16336,6 +16394,7 @@ const styles$6 = aphrodite.StyleSheet.create({
 /**
  * Controlled component to display and change widget options.
  */
+
 const Behavior = _ref => {
   let {
     multipleAnswers,
@@ -16448,13 +16507,20 @@ function focusWithChromeStickyFocusBugWorkaround(element) {
 }
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
+/**
+ * The Option is an item to be used in the Select components and the
+ * derivations such as MultiSelect, CheckList, and CheckBoxList. Also includes
+ * OptionGroup which is an internal component used in the dropdowns to house
+ * a list of options.
+ **/
 const {
   Icon
 } = perseus.components;
 const findAndFocusElement = component => {
-  const DOMNode = ReactDOM__default["default"].findDOMNode(component);
+  const DOMNode = ReactDOM__default.default.findDOMNode(component);
   const button = DOMNode;
   // @ts-expect-error - TS2774 - This condition will always return true since this function is always defined. Did you mean to call it instead?
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (button.focus) {
     focusWithChromeStickyFocusBugWorkaround(button);
   }
@@ -16540,6 +16606,7 @@ class OptionGroup extends React__namespace.Component {
   // @ts-expect-error - TS2564 - Property 'focusedElement' has no initializer and is not definitely assigned in the constructor.
   focusedElement;
   componentDidMount() {
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (this.focusedElement) {
       findAndFocusElement(this.focusedElement);
     }
@@ -16636,6 +16703,14 @@ const styles$4 = aphrodite.StyleSheet.create({
 });
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
+/* eslint-disable react/no-unsafe */
+/**
+ * Controlled editor image marker on the question image.
+ *
+ * Allows to select which label choices are the answers for each marker, using
+ * the dropdown component.
+ */
+
 class Marker extends React__namespace.Component {
   _marker;
   constructor(props) {
@@ -16912,7 +16987,7 @@ class QuestionMarkers extends React__namespace.Component {
       className: aphrodite.css(styles$2.image),
       src: staticUrl(perseus.Util.getRealImageUrl(imageUrl)),
       onDoubleClick: this.handleImageDoubleClick
-    }), markers.map((marker, index) => /*#__PURE__*/React__namespace.createElement(Marker, _extends__default["default"]({}, marker, {
+    }), markers.map((marker, index) => /*#__PURE__*/React__namespace.createElement(Marker, _extends__default.default({}, marker, {
       choices: choices,
       key: `${marker.x}.${marker.y}`
       // Update marker in the list.
@@ -16956,6 +17031,7 @@ const styles$2 = aphrodite.StyleSheet.create({
 /**
  * Controlled component for selecting the question image, for answer labeling.
  */
+
 const SelectImage = _ref => {
   let {
     onChange,
@@ -16972,7 +17048,7 @@ const SelectImage = _ref => {
     value: url
   }), /*#__PURE__*/React__namespace.createElement("div", {
     className: aphrodite.css(styles$1.spacer)
-  }), /*#__PURE__*/React__namespace.createElement(Button__default["default"]
+  }), /*#__PURE__*/React__namespace.createElement(Button__default.default
   // TODO(michaelpolyak): Design calls for uploading an image from
   // the widget. This functionality already exists in
   // `perseus-one-package/item-controls.jsx`, it's not obvious if
@@ -17011,6 +17087,7 @@ const styles$1 = aphrodite.StyleSheet.create({
  * that involve the use of images, and enable learners to demonstrate their
  * knowledge by directly interacting with the image.
  */
+
 class LabelImageEditor extends React__namespace.Component {
   _questionMarkers;
   static defaultProps = perseusCore.labelImageLogic.defaultWidgetOptions;
@@ -17026,6 +17103,7 @@ class LabelImageEditor extends React__namespace.Component {
 
     // Automatically reveal their dropdowns as a prompt to the content
     // creator to select answers and set the ARIA label.
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (newIndices.length && this._questionMarkers) {
       this._questionMarkers.openDropdownForMarkerIndices(newIndices);
     }
@@ -17046,12 +17124,15 @@ class LabelImageEditor extends React__namespace.Component {
     } else if (!imageAlt) {
       warnings.push("Question image has no alt text");
     }
+
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (!markers.length) {
       warnings.push("Question has no markers, to label answers on image");
     } else {
       let numNoAnswers = 0;
       let numNoLabels = 0;
       for (const marker of markers) {
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
         if (!marker.answers.length) {
           numNoAnswers++;
         }
@@ -17059,9 +17140,13 @@ class LabelImageEditor extends React__namespace.Component {
           numNoLabels++;
         }
       }
+
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (numNoAnswers) {
         warnings.push(`Question has ${numNoAnswers} markers with no ` + "answers selected");
       }
+
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       if (numNoLabels) {
         warnings.push(`Question has ${numNoLabels} markers with no ` + "ARIA label");
       }
@@ -17139,7 +17224,9 @@ class LabelImageEditor extends React__namespace.Component {
     }), /*#__PURE__*/React__namespace.createElement("div", {
       className: aphrodite.css(styles.largeSpacer)
     }), /*#__PURE__*/React__namespace.createElement(QuestionMarkers, {
-      choices: choices,
+      choices: choices
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+      ,
       imageUrl: imageSelected ? imageUrl : "",
       imageWidth: imageWidth,
       imageHeight: imageHeight,
@@ -17177,16 +17264,16 @@ const {
 } = perseus.components;
 class MatcherEditor extends React__namespace.Component {
   static propTypes = {
-    left: PropTypes__default["default"].array,
-    right: PropTypes__default["default"].array,
-    labels: PropTypes__default["default"].array,
-    orderMatters: PropTypes__default["default"].bool,
-    padding: PropTypes__default["default"].bool
+    left: PropTypes__default.default.array,
+    right: PropTypes__default.default.array,
+    labels: PropTypes__default.default.array,
+    orderMatters: PropTypes__default.default.bool,
+    padding: PropTypes__default.default.bool
   };
   static widgetName = "matcher";
   static defaultProps = perseusCore.matcherLogic.defaultWidgetOptions;
   onLabelChange = (index, e) => {
-    const labels = ___default["default"].clone(this.props.labels);
+    const labels = ___default.default.clone(this.props.labels);
     labels[index] = e.target.value;
     this.props.onChange({
       labels: labels
@@ -17199,7 +17286,7 @@ class MatcherEditor extends React__namespace.Component {
     return [];
   };
   serialize = () => {
-    return ___default["default"].pick(this.props, "left", "right", "labels", "orderMatters", "padding");
+    return ___default.default.pick(this.props, "left", "right", "labels", "orderMatters", "padding");
   };
   render() {
     return /*#__PURE__*/React__namespace.createElement("div", {
@@ -17265,11 +17352,11 @@ const MAX_BOARD_SIZE = 6;
 class MatrixEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
-    matrixBoardSize: PropTypes__default["default"].arrayOf(PropTypes__default["default"].number).isRequired,
-    answers: PropTypes__default["default"].arrayOf(PropTypes__default["default"].arrayOf(PropTypes__default["default"].number)),
-    prefix: PropTypes__default["default"].string,
-    suffix: PropTypes__default["default"].string,
-    cursorPosition: PropTypes__default["default"].arrayOf(PropTypes__default["default"].number)
+    matrixBoardSize: PropTypes__default.default.arrayOf(PropTypes__default.default.number).isRequired,
+    answers: PropTypes__default.default.arrayOf(PropTypes__default.default.arrayOf(PropTypes__default.default.number)),
+    prefix: PropTypes__default.default.string,
+    suffix: PropTypes__default.default.string,
+    cursorPosition: PropTypes__default.default.arrayOf(PropTypes__default.default.number)
   };
   static widgetName = "matrix";
   static defaultProps = perseusCore.matrixLogic.defaultWidgetOptions;
@@ -17286,8 +17373,8 @@ class MatrixEditor extends React__namespace.Component {
     const matrixSize = perseusCore.getMatrixSize(this.props.answers);
     if (range[0] !== null && range[1] !== null) {
       range = [Math.round(Math.min(Math.max(range[0], 1), MAX_BOARD_SIZE)), Math.round(Math.min(Math.max(range[1], 1), MAX_BOARD_SIZE))];
-      const answers = ___default["default"](Math.min(range[0], matrixSize[0])).times(row => {
-        return ___default["default"](Math.min(range[1], matrixSize[1])).times(col => {
+      const answers = ___default.default(Math.min(range[0], matrixSize[0])).times(row => {
+        return ___default.default(Math.min(range[1], matrixSize[1])).times(col => {
           return this.props.answers[row][col];
         });
       });
@@ -17301,7 +17388,7 @@ class MatrixEditor extends React__namespace.Component {
     return perseus.EditorJsonify.serialize.call(this);
   };
   render() {
-    const matrixProps = ___default["default"].extend({
+    const matrixProps = ___default.default.extend({
       numericInput: true,
       onBlur: () => {},
       onFocus: () => {},
@@ -17367,18 +17454,18 @@ class MeasurerEditor extends React__namespace.Component {
   static widgetName = "measurer";
   static propTypes = {
     ...perseus.Changeable.propTypes,
-    box: PropTypes__default["default"].arrayOf(PropTypes__default["default"].number),
-    image: PropTypes__default["default"].shape({
-      url: PropTypes__default["default"].string,
-      top: PropTypes__default["default"].number,
-      left: PropTypes__default["default"].number
+    box: PropTypes__default.default.arrayOf(PropTypes__default.default.number),
+    image: PropTypes__default.default.shape({
+      url: PropTypes__default.default.string,
+      top: PropTypes__default.default.number,
+      left: PropTypes__default.default.number
     }),
-    showProtractor: PropTypes__default["default"].bool,
-    showRuler: PropTypes__default["default"].bool,
-    rulerLabel: PropTypes__default["default"].string,
-    rulerTicks: PropTypes__default["default"].number,
-    rulerPixels: PropTypes__default["default"].number,
-    rulerLength: PropTypes__default["default"].number
+    showProtractor: PropTypes__default.default.bool,
+    showRuler: PropTypes__default.default.bool,
+    rulerLabel: PropTypes__default.default.string,
+    rulerTicks: PropTypes__default.default.number,
+    rulerPixels: PropTypes__default.default.number,
+    rulerLength: PropTypes__default.default.number
   };
   static defaultProps = perseusCore.measurerLogic.defaultWidgetOptions;
   className = "perseus-widget-measurer";
@@ -17401,13 +17488,13 @@ class MeasurerEditor extends React__namespace.Component {
     this._changeImage("left", newLeft);
   };
   _changeImage = (subProp, newValue) => {
-    const image = ___default["default"].clone(this.props.image);
+    const image = ___default.default.clone(this.props.image);
     image[subProp] = newValue;
     // @ts-expect-error - TS2554 - Expected 3 arguments, but got 2.
     this.change("image", image);
   };
   renderLabelChoices = choices => {
-    return ___default["default"].map(choices, function (nameAndValue) {
+    return ___default.default.map(choices, function (nameAndValue) {
       const [name, value] = nameAndValue;
       return /*#__PURE__*/React__namespace.createElement("option", {
         key: value,
@@ -17419,7 +17506,7 @@ class MeasurerEditor extends React__namespace.Component {
     return perseus.EditorJsonify.serialize.call(this);
   };
   render() {
-    const image = ___default["default"].extend({}, defaultImage, this.props.image);
+    const image = ___default.default.extend({}, defaultImage, this.props.image);
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-measurer"
     }, /*#__PURE__*/React__namespace.createElement("div", null, "Image displayed under protractor and/or ruler:"), /*#__PURE__*/React__namespace.createElement("div", null, "URL:", " ", /*#__PURE__*/React__namespace.createElement("input", {
@@ -17490,7 +17577,7 @@ class MeasurerEditor extends React__namespace.Component {
       // @ts-expect-error - TS2554 - Expected 3 arguments, but got 2.
       this.change("rulerTicks", +e.target.value),
       value: this.props.rulerTicks
-    }, ___default["default"].map([1, 2, 4, 8, 10, 16], function (n) {
+    }, ___default.default.map([1, 2, 4, 8, 10, 16], function (n) {
       return /*#__PURE__*/React__namespace.createElement("option", {
         key: n,
         value: n
@@ -17520,8 +17607,8 @@ const {
 class MoleculeWidgetEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
-    rotationAngle: PropTypes__default["default"].number,
-    smiles: PropTypes__default["default"].string
+    rotationAngle: PropTypes__default.default.number,
+    smiles: PropTypes__default.default.string
   };
   static widgetName = "molecule-renderer";
   change = (() => {
@@ -17613,12 +17700,13 @@ class NumberLineEditor extends React__namespace.Component {
     const divRange = this.props.divisionRange.slice();
 
     // Don't allow a fraction for the number of divisions
-    numDivisions = ___default["default"].isFinite(numDivisions) ? Math.round(numDivisions) : 0;
+    numDivisions = ___default.default.isFinite(numDivisions) ? Math.round(numDivisions) : 0;
 
     // Don't allow negative numbers for the number of divisions
     numDivisions = numDivisions < 0 ? numDivisions * -1 : numDivisions;
 
     // If the number of divisions isn't blank, update the number line
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (numDivisions) {
       // Constrain numDivisions to be within the allowed range
       numDivisions = Math.min(divRange[1], Math.max(divRange[0], numDivisions));
@@ -17664,6 +17752,7 @@ class NumberLineEditor extends React__namespace.Component {
     let step;
     if (!isTickCtrl) {
       // this will help constrain the answer to what is reachable
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       step = tickStep ? tickStep / snapDivisions : width / numDivisions / snapDivisions;
     } else {
       // but if tickCtrl is on, the range of what is reachable is
@@ -17803,7 +17892,9 @@ class NumberLineEditor extends React__namespace.Component {
       }
     })), /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-row"
-    }, isTickCtrl && /*#__PURE__*/React__namespace.createElement("span", null, /*#__PURE__*/React__namespace.createElement("label", null, "Start num divisions at", " ", /*#__PURE__*/React__namespace.createElement(NumberInput$5, {
+    }, isTickCtrl && /*#__PURE__*/React__namespace.createElement("span", null, /*#__PURE__*/React__namespace.createElement("label", null, "Start num divisions at", " ", /*#__PURE__*/React__namespace.createElement(NumberInput$5
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    , {
       value: this.props.numDivisions || null,
       format: "decimal",
       onChange: this.onNumDivisionsChange,
@@ -17812,7 +17903,9 @@ class NumberLineEditor extends React__namespace.Component {
       },
       placeholder: width / this.props.tickStep,
       useArrowKeys: true
-    })), /*#__PURE__*/React__namespace.createElement(InfoTip$8, null, /*#__PURE__*/React__namespace.createElement("p", null, "This controls the number (and position) of the tick marks. The number of divisions is constrained to", " " + divisionRange[0] + EN_DASH + divisionRange[1], ".", /*#__PURE__*/React__namespace.createElement("br", null), /*#__PURE__*/React__namespace.createElement("strong", null, "Note:"), " The user will be able to specify the number of divisions in a number input."))), !isTickCtrl && /*#__PURE__*/React__namespace.createElement("span", null, /*#__PURE__*/React__namespace.createElement("label", null, "Num divisions:", " ", /*#__PURE__*/React__namespace.createElement(NumberInput$5, {
+    })), /*#__PURE__*/React__namespace.createElement(InfoTip$8, null, /*#__PURE__*/React__namespace.createElement("p", null, "This controls the number (and position) of the tick marks. The number of divisions is constrained to", " " + divisionRange[0] + EN_DASH + divisionRange[1], ".", /*#__PURE__*/React__namespace.createElement("br", null), /*#__PURE__*/React__namespace.createElement("strong", null, "Note:"), " The user will be able to specify the number of divisions in a number input."))), !isTickCtrl && /*#__PURE__*/React__namespace.createElement("span", null, /*#__PURE__*/React__namespace.createElement("label", null, "Num divisions:", " ", /*#__PURE__*/React__namespace.createElement(NumberInput$5
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    , {
       value: this.props.numDivisions || null,
       format: "decimal",
       onChange: this.onNumDivisionsChange,
@@ -17821,7 +17914,9 @@ class NumberLineEditor extends React__namespace.Component {
       },
       placeholder: width / this.props.tickStep,
       useArrowKeys: true
-    })), " ", /*#__PURE__*/React__namespace.createElement("label", null, "or tick step:", " ", /*#__PURE__*/React__namespace.createElement(NumberInput$5, {
+    })), " ", /*#__PURE__*/React__namespace.createElement("label", null, "or tick step:", " ", /*#__PURE__*/React__namespace.createElement(NumberInput$5
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    , {
       value: this.props.tickStep || null,
       format: this.props.labelStyle,
       onChange: this.onTickStepChange,
@@ -17982,8 +18077,8 @@ class NumericInputEditor extends React__namespace.Component {
     });
   };
   updateAnswer = (choiceIndex, update) => {
-    if (!___default["default"].isObject(update)) {
-      return ___default["default"].partial((choiceIndex, key, value) => {
+    if (!___default.default.isObject(update)) {
+      return ___default.default.partial((choiceIndex, key, value) => {
         const update = {};
         update[key] = value;
         this.updateAnswer(choiceIndex, update);
@@ -18000,7 +18095,7 @@ class NumericInputEditor extends React__namespace.Component {
       const lastAnswer = initAnswer(this.state.lastStatus);
       answers = answers.concat(lastAnswer);
     }
-    answers[choiceIndex] = ___default["default"].extend({}, answers[choiceIndex], update);
+    answers[choiceIndex] = ___default.default.extend({}, answers[choiceIndex], update);
     this.props.onChange({
       answers: answers
     });
@@ -18021,7 +18116,7 @@ class NumericInputEditor extends React__namespace.Component {
     const warnings = [];
     // TODO(emily): This doesn't actually work, because the value is either
     // null or undefined when undefined, probably.
-    if (___default["default"].contains(___default["default"].pluck(this.props.answers, "value"), "")) {
+    if (___default.default.contains(___default.default.pluck(this.props.answers, "value"), "")) {
       // @ts-expect-error - TS2345 - Argument of type 'string' is not assignable to parameter of type 'never'.
       warnings.push("One or more answers is empty");
     }
@@ -18062,7 +18157,7 @@ class NumericInputEditor extends React__namespace.Component {
         role: role,
         onClick: onClick
       };
-      return /*#__PURE__*/React__namespace.createElement(Pill__default["default"], pillProps, children);
+      return /*#__PURE__*/React__namespace.createElement(Pill__default.default, pillProps, children);
     };
     const RadioOption = props => {
       const {
@@ -18134,12 +18229,12 @@ class NumericInputEditor extends React__namespace.Component {
       className: "perseus-widget-row"
     }, /*#__PURE__*/React__namespace.createElement("legend", {
       className: "inline-options"
-    }, "Width: "), /*#__PURE__*/React__namespace.createElement(Pill__default["default"], _extends__default["default"]({}, commonOptionProps, {
+    }, "Width: "), /*#__PURE__*/React__namespace.createElement(Pill__default.default, _extends__default.default({}, commonOptionProps, {
       kind: this.props.size === "normal" ? "accent" : "transparent",
       onClick: () => {
         this.change("size")("normal");
       }
-    }), "Normal (80px)"), /*#__PURE__*/React__namespace.createElement(Pill__default["default"], _extends__default["default"]({}, commonOptionProps, {
+    }), "Normal (80px)"), /*#__PURE__*/React__namespace.createElement(Pill__default.default, _extends__default.default({}, commonOptionProps, {
       kind: this.props.size === "small" ? "accent" : "transparent",
       onClick: () => {
         this.change("size")("small");
@@ -18149,14 +18244,14 @@ class NumericInputEditor extends React__namespace.Component {
       className: "perseus-widget-row"
     }, /*#__PURE__*/React__namespace.createElement("legend", {
       className: "inline-options"
-    }, "Alignment: "), /*#__PURE__*/React__namespace.createElement(Pill__default["default"], _extends__default["default"]({}, commonOptionProps, {
+    }, "Alignment: "), /*#__PURE__*/React__namespace.createElement(Pill__default.default, _extends__default.default({}, commonOptionProps, {
       kind: this.props.rightAlign ? "transparent" : "accent",
       onClick: () => {
         this.props.onChange({
           rightAlign: false
         });
       }
-    }), "Left"), /*#__PURE__*/React__namespace.createElement(Pill__default["default"], _extends__default["default"]({}, commonOptionProps, {
+    }), "Left"), /*#__PURE__*/React__namespace.createElement(Pill__default.default, _extends__default.default({}, commonOptionProps, {
       kind: this.props.rightAlign ? "accent" : "transparent",
       onClick: () => {
         this.props.onChange({
@@ -18175,14 +18270,14 @@ class NumericInputEditor extends React__namespace.Component {
       className: "perseus-widget-row"
     }, /*#__PURE__*/React__namespace.createElement("legend", {
       className: "inline-options"
-    }, "Number style: "), /*#__PURE__*/React__namespace.createElement(Pill__default["default"], _extends__default["default"]({}, commonOptionProps, {
+    }, "Number style: "), /*#__PURE__*/React__namespace.createElement(Pill__default.default, _extends__default.default({}, commonOptionProps, {
       kind: this.props.coefficient ? "transparent" : "accent",
       onClick: () => {
         this.props.onChange({
           coefficient: false
         });
       }
-    }), "Standard"), /*#__PURE__*/React__namespace.createElement(Pill__default["default"], _extends__default["default"]({}, commonOptionProps, {
+    }), "Standard"), /*#__PURE__*/React__namespace.createElement(Pill__default.default, _extends__default.default({}, commonOptionProps, {
       kind: this.props.coefficient ? "accent" : "transparent",
       onClick: () => {
         this.props.onChange({
@@ -18230,7 +18325,7 @@ class NumericInputEditor extends React__namespace.Component {
         value: answer.value,
         className: "numeric-input-value",
         placeholder: "answer",
-        format: ___default["default"].last(answer.answerForms || []),
+        format: ___default.default.last(answer.answerForms || []),
         onFormatChange: (newValue, format) => {
           // NOTE(charlie): The mobile web expression
           // editor relies on this automatic answer
@@ -18269,7 +18364,7 @@ class NumericInputEditor extends React__namespace.Component {
         className: "max-error-input-value",
         placeholder: 0,
         value: answers[i]["maxError"],
-        format: ___default["default"].last(answer.answerForms || []),
+        format: ___default.default.last(answer.answerForms || []),
         onChange: this.updateAnswer(i, "maxError")
       })), /*#__PURE__*/React__namespace.createElement("fieldset", {
         className: "perseus-widget-row"
@@ -18298,8 +18393,8 @@ class NumericInputEditor extends React__namespace.Component {
         }
       }, "Ungraded")), unsimplifiedAnswers(i), /*#__PURE__*/React__namespace.createElement("div", {
         className: "perseus-widget-row"
-      }, "(Articles only) Message shown to user:"), editor, suggestedAnswerTypes(i), /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
-        startIcon: trashIcon__default["default"],
+      }, "(Articles only) Message shown to user:"), editor, suggestedAnswerTypes(i), /*#__PURE__*/React__namespace.createElement(Button__default.default, {
+        startIcon: trashIcon__default.default,
         "aria-label": `Delete ${answerHeading}`,
         className: "delete-item-button",
         onClick: () => {
@@ -18328,7 +18423,7 @@ class NumericInputEditor extends React__namespace.Component {
       className: `perseus-editor-accordion-container ${this.state.showAnswers ? "expanded" : "collapsed"}`
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-editor-accordion-content"
-    }, generateInputAnswerEditors(), /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+    }, generateInputAnswerEditors(), /*#__PURE__*/React__namespace.createElement(Button__default.default, {
       kind: "tertiary",
       onClick: this.addAnswer
     }, "Add new answer"))));
@@ -18336,6 +18431,7 @@ class NumericInputEditor extends React__namespace.Component {
 }
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
+/* eslint-disable react/forbid-prop-types */
 const {
   InfoTip: InfoTip$6,
   TextListEditor: TextListEditor$2
@@ -18346,17 +18442,17 @@ const HORIZONTAL$1 = "horizontal";
 const VERTICAL$1 = "vertical";
 class OrdererEditor extends React__namespace.Component {
   static propTypes = {
-    correctOptions: PropTypes__default["default"].array,
-    otherOptions: PropTypes__default["default"].array,
-    height: PropTypes__default["default"].oneOf([NORMAL, AUTO]),
-    layout: PropTypes__default["default"].oneOf([HORIZONTAL$1, VERTICAL$1]),
-    onChange: PropTypes__default["default"].func.isRequired
+    correctOptions: PropTypes__default.default.array,
+    otherOptions: PropTypes__default.default.array,
+    height: PropTypes__default.default.oneOf([NORMAL, AUTO]),
+    layout: PropTypes__default.default.oneOf([HORIZONTAL$1, VERTICAL$1]),
+    onChange: PropTypes__default.default.func.isRequired
   };
   static widgetName = "orderer";
   static defaultProps = perseusCore.ordererLogic.defaultWidgetOptions;
   onOptionsChange = (whichOptions, options, cb) => {
     const props = {};
-    props[whichOptions] = ___default["default"].map(options, function (option) {
+    props[whichOptions] = ___default.default.map(options, function (option) {
       return {
         content: option
       };
@@ -18377,7 +18473,7 @@ class OrdererEditor extends React__namespace.Component {
     // We combine the correct answer and the other cards by merging them,
     // removing duplicates and empty cards, and sorting them into
     // categories based on their content
-    const options = ___default["default"].chain(___default["default"].pluck(this.props.correctOptions, "content")).union(___default["default"].pluck(this.props.otherOptions, "content")).uniq().reject(function (content) {
+    const options = ___default.default.chain(___default.default.pluck(this.props.correctOptions, "content")).union(___default.default.pluck(this.props.otherOptions, "content")).uniq().reject(function (content) {
       return content === "";
     }).sort().sortBy(function (content) {
       if (/\d/.test(content)) {
@@ -18404,13 +18500,13 @@ class OrdererEditor extends React__namespace.Component {
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-orderer"
     }, /*#__PURE__*/React__namespace.createElement("div", null, " ", "Correct answer:", " ", /*#__PURE__*/React__namespace.createElement(InfoTip$6, null, /*#__PURE__*/React__namespace.createElement("p", null, "Place the cards in the correct order. The same card can be used more than once in the answer but will only be displayed once at the top of a stack of identical cards."))), /*#__PURE__*/React__namespace.createElement(TextListEditor$2, {
-      options: ___default["default"].pluck(this.props.correctOptions, "content")
+      options: ___default.default.pluck(this.props.correctOptions, "content")
       // eslint-disable-next-line react/jsx-no-bind
       ,
       onChange: this.onOptionsChange.bind(this, "correctOptions"),
       layout: this.props.layout
     }), /*#__PURE__*/React__namespace.createElement("div", null, " ", "Other cards:", " ", /*#__PURE__*/React__namespace.createElement(InfoTip$6, null, /*#__PURE__*/React__namespace.createElement("p", null, "Create cards that are not part of the answer."))), /*#__PURE__*/React__namespace.createElement(TextListEditor$2, {
-      options: ___default["default"].pluck(this.props.otherOptions, "content")
+      options: ___default.default.pluck(this.props.otherOptions, "content")
       // eslint-disable-next-line react/jsx-no-bind
       ,
       onChange: this.onOptionsChange.bind(this, "otherOptions"),
@@ -18443,10 +18539,10 @@ const {
 class PassageEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
-    passageTitle: PropTypes__default["default"].string,
-    passageText: PropTypes__default["default"].string,
-    footnotes: PropTypes__default["default"].string,
-    showLineNumbers: PropTypes__default["default"].bool
+    passageTitle: PropTypes__default.default.string,
+    passageText: PropTypes__default.default.string,
+    footnotes: PropTypes__default.default.string,
+    showLineNumbers: PropTypes__default.default.bool
   };
   static widgetName = "passage";
   static defaultProps = perseusCore.passageLogic.defaultWidgetOptions;
@@ -18528,9 +18624,9 @@ const {
 class PassageRefEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
-    passageNumber: PropTypes__default["default"].number,
-    referenceNumber: PropTypes__default["default"].number,
-    summaryText: PropTypes__default["default"].string
+    passageNumber: PropTypes__default.default.number,
+    referenceNumber: PropTypes__default.default.number,
+    summaryText: PropTypes__default.default.string
   };
   static widgetName = "passage-ref";
   static defaultProps = perseusCore.passageRefLogic.defaultWidgetOptions;
@@ -18569,7 +18665,7 @@ class PassageRefEditor extends React__namespace.Component {
 class PassageRefTargetEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
-    content: PropTypes__default["default"].string
+    content: PropTypes__default.default.string
   };
   static widgetName = "passage-ref-target";
   static defaultProps = perseusCore.passageRefTargetLogic.defaultWidgetOptions;
@@ -18648,7 +18744,7 @@ const CORRECT = "correct";
 const editingStates = [STARTING, CORRECT];
 // Return a copy of array with length n, padded with given value
 function padArray(array, n, value) {
-  const copy = ___default["default"].clone(array);
+  const copy = ___default.default.clone(array);
   copy.length = n;
   for (let i = array.length; i < n; i++) {
     copy[i] = value;
@@ -18742,13 +18838,13 @@ class PlotterEditor extends React__namespace.Component {
     }
     if (categories) {
       // eslint-disable-next-line react/no-string-refs
-      const node = ReactDOM__default["default"].findDOMNode(this.refs.categories);
+      const node = ReactDOM__default.default.findDOMNode(this.refs.categories);
       // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'value' does not exist on type 'Element | Text'.
       node.value = categories.join(", ");
     }
   };
   changeLabel = (i, e) => {
-    const labels = ___default["default"].clone(this.props.labels);
+    const labels = ___default.default.clone(this.props.labels);
     labels[i] = e.target.value;
     this.props.onChange({
       labels: labels
@@ -18778,6 +18874,7 @@ class PlotterEditor extends React__namespace.Component {
   };
   changeScale = e => {
     const oldScale = this.props.scaleY;
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     const newScale = +e.target.value || editorDefaults.scaleY;
     const scale = function (value) {
       return value * newScale / oldScale;
@@ -18786,20 +18883,22 @@ class PlotterEditor extends React__namespace.Component {
     this.props.onChange({
       scaleY: newScale,
       maxY: maxY,
-      correct: ___default["default"].map(this.props.correct, scale),
-      starting: ___default["default"].map(this.props.starting, scale)
+      correct: ___default.default.map(this.props.correct, scale),
+      starting: ___default.default.map(this.props.starting, scale)
     });
 
     // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'value' does not exist on type 'Element | Text'.
-    ReactDOM__default["default"].findDOMNode(this.refs.maxY).value = maxY; // eslint-disable-line react/no-string-refs
+    ReactDOM__default.default.findDOMNode(this.refs.maxY).value = maxY; // eslint-disable-line react/no-string-refs
   };
   changeMax = e => {
     this.props.onChange({
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       maxY: +e.target.value || editorDefaults.maxY
     });
   };
   changeSnaps = e => {
     this.props.onChange({
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       snapsPerLine: +e.target.value || editorDefaults.snapsPerLine
     });
   };
@@ -18816,22 +18915,22 @@ class PlotterEditor extends React__namespace.Component {
     let categories;
     if (this.props.type === "histogram" || this.props.type === "dotplot") {
       // Ranges for histogram and dotplot labels should start at zero
-      categories = ___default["default"].range(0, length + scale, scale);
+      categories = ___default.default.range(0, length + scale, scale);
     } else {
-      categories = ___default["default"].range(scale, length + scale, scale);
+      categories = ___default.default.range(scale, length + scale, scale);
     }
-    categories = ___default["default"].map(categories, num => num + min);
-    categories = ___default["default"].map(categories, formatNumber);
+    categories = ___default.default.map(categories, num => num + min);
+    categories = ___default.default.map(categories, formatNumber);
     this.changeCategories(categories);
 
     // eslint-disable-next-line react/no-string-refs
-    const node = ReactDOM__default["default"].findDOMNode(this.refs.categories);
+    const node = ReactDOM__default.default.findDOMNode(this.refs.categories);
 
     // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'value' does not exist on type 'Element | Text'.
     node.value = categories.join(", ");
   };
   serialize = () => {
-    const json = ___default["default"].pick(this.props, "correct", "starting", "type", "labels", "categories", "scaleY", "maxY", "snapsPerLine", "labelInterval");
+    const json = ___default.default.pick(this.props, "correct", "starting", "type", "labels", "categories", "scaleY", "maxY", "snapsPerLine", "labelInterval");
     if (this.props.type === "pic") {
       // @ts-expect-error - TS2339 - Property 'picUrl' does not exist on type 'Pick<Readonly<any> & Readonly<{ children?: ReactNode; }>, "type" | "correct" | "labels" | "categories" | "starting" | "scaleY" | "maxY" | "snapsPerLine" | "labelInterval">'.
       json.picUrl = this.props.picUrl;
@@ -18839,8 +18938,8 @@ class PlotterEditor extends React__namespace.Component {
     return json;
   };
   render() {
-    const setFromScale = ___default["default"].contains(["line", "histogram", "dotplot"], this.props.type);
-    const canChangeSnaps = !___default["default"].contains(["pic", "dotplot"], this.props.type);
+    const setFromScale = ___default.default.contains(["line", "histogram", "dotplot"], this.props.type);
+    const canChangeSnaps = !___default.default.contains(["pic", "dotplot"], this.props.type);
     const props = {
       trackInteraction: () => {},
       ...this.props
@@ -18854,14 +18953,14 @@ class PlotterEditor extends React__namespace.Component {
         type: "radio",
         name: "chart-type",
         checked: this.props.type === type,
-        onChange: ___default["default"].partial(this.changeType, type)
+        onChange: ___default.default.partial(this.changeType, type)
       }), type);
     }, this)), /*#__PURE__*/React__namespace.createElement("div", null, "Labels:", " ", ["x", "y"].map((axis, i) => {
       return /*#__PURE__*/React__namespace.createElement("label", {
         key: axis
       }, axis + ":", /*#__PURE__*/React__namespace.createElement("input", {
         type: "text",
-        onChange: ___default["default"].partial(this.changeLabel, i),
+        onChange: ___default.default.partial(this.changeLabel, i),
         defaultValue: this.props.labels[i]
       }));
     }, this)), setFromScale && /*#__PURE__*/React__namespace.createElement("div", {
@@ -18919,7 +19018,7 @@ class PlotterEditor extends React__namespace.Component {
       disabled: editing === CORRECT && this.props.static,
       checked: this.props.static ? editing === STARTING : this.state.editing === editing,
       onChange: e => this.changeEditing(editing)
-    }), editing)), /*#__PURE__*/React__namespace.createElement(InfoTip$3, null, /*#__PURE__*/React__namespace.createElement("p", null, "Use this toggle to switch between editing the correct answer (what the student will be graded on) and the starting values (what the student will see plotted when they start the problem). Note: These cannot be the same."), /*#__PURE__*/React__namespace.createElement("p", null, "In static mode, the starting values are rendered out to the displayed widget."))), /*#__PURE__*/React__namespace.createElement(Plotter, _extends__default["default"]({}, props, {
+    }), editing)), /*#__PURE__*/React__namespace.createElement(InfoTip$3, null, /*#__PURE__*/React__namespace.createElement("p", null, "Use this toggle to switch between editing the correct answer (what the student will be graded on) and the starting values (what the student will see plotted when they start the problem). Note: These cannot be the same."), /*#__PURE__*/React__namespace.createElement("p", null, "In static mode, the starting values are rendered out to the displayed widget."))), /*#__PURE__*/React__namespace.createElement(Plotter, _extends__default.default({}, props, {
       starting: this.props[this.state.editing],
       onChange: this.handlePlotterChange
     })));
@@ -19048,12 +19147,12 @@ class RadioEditor extends React__namespace.Component {
   })();
   onMultipleSelectChange = allowMultiple => {
     allowMultiple = allowMultiple.multipleSelect;
-    const numCorrect = ___default["default"].reduce(this.props.choices, function (memo, choice) {
+    const numCorrect = ___default.default.reduce(this.props.choices, function (memo, choice) {
       return choice.correct ? memo + 1 : memo;
     }, 0);
     if (!allowMultiple && numCorrect > 1) {
-      const choices = ___default["default"].map(this.props.choices, function (choice) {
-        return ___default["default"].defaults({
+      const choices = ___default.default.map(this.props.choices, function (choice) {
+        return ___default.default.defaults({
           correct: false
         }, choice);
       });
@@ -19097,7 +19196,7 @@ class RadioEditor extends React__namespace.Component {
   };
   onContentChange = (choiceIndex, newContent) => {
     const choices = this.props.choices.slice();
-    choices[choiceIndex] = ___default["default"].extend({}, choices[choiceIndex], {
+    choices[choiceIndex] = ___default.default.extend({}, choices[choiceIndex], {
       content: newContent
     });
     this.props.onChange({
@@ -19106,7 +19205,7 @@ class RadioEditor extends React__namespace.Component {
   };
   onClueChange(choiceIndex, newClue) {
     const choices = this.props.choices.slice();
-    choices[choiceIndex] = ___default["default"].extend({}, choices[choiceIndex], {
+    choices[choiceIndex] = ___default.default.extend({}, choices[choiceIndex], {
       clue: newClue
     });
     if (newClue === "") {
@@ -19155,7 +19254,7 @@ class RadioEditor extends React__namespace.Component {
     return true;
   };
   getSaveWarnings = () => {
-    if (!___default["default"].some(___default["default"].pluck(this.props.choices, "correct"))) {
+    if (!___default.default.some(___default.default.pluck(this.props.choices, "correct"))) {
       return ["No choice is marked as correct."];
     }
     return [];
@@ -19187,7 +19286,7 @@ class RadioEditor extends React__namespace.Component {
     };
   }
   render() {
-    const numCorrect = ___default["default"].reduce(this.props.choices, function (memo, choice) {
+    const numCorrect = ___default.default.reduce(this.props.choices, function (memo, choice) {
       return choice.correct ? memo + 1 : memo;
     }, 0);
     return /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("div", {
@@ -19279,6 +19378,7 @@ class RadioEditor extends React__namespace.Component {
 }
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
+/* eslint-disable react/forbid-prop-types */
 const {
   InfoTip: InfoTip$2,
   TextListEditor
@@ -19287,9 +19387,9 @@ const HORIZONTAL = "horizontal";
 const VERTICAL = "vertical";
 class SorterEditor extends React__namespace.Component {
   static propTypes = {
-    correct: PropTypes__default["default"].array,
-    layout: PropTypes__default["default"].oneOf([HORIZONTAL, VERTICAL]),
-    padding: PropTypes__default["default"].bool
+    correct: PropTypes__default.default.array,
+    layout: PropTypes__default.default.oneOf([HORIZONTAL, VERTICAL]),
+    padding: PropTypes__default.default.bool
   };
   static widgetName = "sorter";
   static defaultProps = perseusCore.sorterLogic.defaultWidgetOptions;
@@ -19299,7 +19399,7 @@ class SorterEditor extends React__namespace.Component {
     });
   };
   serialize = () => {
-    return ___default["default"].pick(this.props, "correct", "layout", "padding");
+    return ___default.default.pick(this.props, "correct", "layout", "padding");
   };
   render() {
     const editor = this;
@@ -19341,10 +19441,10 @@ const {
 const Table = perseus.TableWidget.widget;
 class TableEditor extends React__namespace.Component {
   static propTypes = {
-    rows: PropTypes__default["default"].number,
-    columns: PropTypes__default["default"].number,
-    headers: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
-    answers: PropTypes__default["default"].arrayOf(PropTypes__default["default"].arrayOf(PropTypes__default["default"].string))
+    rows: PropTypes__default.default.number,
+    columns: PropTypes__default.default.number,
+    headers: PropTypes__default.default.arrayOf(PropTypes__default.default.string),
+    answers: PropTypes__default.default.arrayOf(PropTypes__default.default.arrayOf(PropTypes__default.default.string))
   };
   static widgetName = "table";
   static defaultProps = perseusCore.tableLogic.defaultWidgetOptions;
@@ -19353,7 +19453,9 @@ class TableEditor extends React__namespace.Component {
     this.numberOfColumns.current?.focus();
   };
   onSizeInput = (numRawRows, numRawColumns) => {
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     let rows = +numRawRows || 0;
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     let columns = +numRawColumns || 0;
     rows = Math.min(Math.max(1, rows), 30);
     columns = Math.min(Math.max(1, columns), 6);
@@ -19364,7 +19466,7 @@ class TableEditor extends React__namespace.Component {
     if (rows <= oldRows) {
       answers.length = rows;
     } else {
-      ___default["default"](rows - oldRows).times(function () {
+      ___default.default(rows - oldRows).times(function () {
         answers.push(perseus.Util.stringArrayOfSize(oldColumns));
       });
     }
@@ -19373,14 +19475,14 @@ class TableEditor extends React__namespace.Component {
       if (columns <= oldColumns) {
         array.length = columns;
       } else {
-        ___default["default"](columns - oldColumns).times(function () {
+        ___default.default(columns - oldColumns).times(function () {
           array.push("");
         });
       }
     }
     const headers = this.props.headers;
     fixColumnSizing(headers);
-    ___default["default"].each(answers, fixColumnSizing);
+    ___default.default.each(answers, fixColumnSizing);
     this.props.onChange({
       rows: rows,
       columns: columns,
@@ -19389,9 +19491,9 @@ class TableEditor extends React__namespace.Component {
     });
   };
   serialize = () => {
-    const json = ___default["default"].pick(this.props, "headers", "rows", "columns");
-    return ___default["default"].extend({}, json, {
-      answers: ___default["default"].map(this.props.answers, ___default["default"].clone)
+    const json = ___default.default.pick(this.props, "headers", "rows", "columns");
+    return ___default.default.extend({}, json, {
+      answers: ___default.default.map(this.props.answers, ___default.default.clone)
     });
   };
   render() {
@@ -19455,8 +19557,8 @@ function getSlugFromUrl(url) {
 class VideoEditor extends React__namespace.Component {
   static propTypes = {
     ...perseus.Changeable.propTypes,
-    location: PropTypes__default["default"].string,
-    onChange: PropTypes__default["default"].func
+    location: PropTypes__default.default.string,
+    onChange: PropTypes__default.default.func
   };
   static widgetName = "video";
   static defaultProps = perseusCore.videoLogic.defaultWidgetOptions;
@@ -19495,7 +19597,7 @@ perseus.Widgets.registerWidgets(perseus.widgets);
 perseus.Widgets.replaceDeprecatedWidgets();
 perseus.Widgets.replaceDeprecatedEditors();
 
-Object.defineProperty(exports, 'widgets', {
+Object.defineProperty(exports, "widgets", {
     enumerable: true,
     get: function () { return perseus.widgets; }
 });