@khanacademy/perseus 0.2.8 → 0.3.0

package/dist/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var KAS = require('@khanacademy/kas');
 var mathInput = require('@khanacademy/math-input');
-var Gorgon = require('@khanacademy/perseus-linter');
+var PerseusLinter = require('@khanacademy/perseus-linter');
 var i18n = require('@khanacademy/wonder-blocks-i18n');
 var classNames = require('classnames');
 var React = require('react');
@@ -22,12 +22,11 @@ var Color = require('@khanacademy/wonder-blocks-color');
 var wonderBlocksTypography = require('@khanacademy/wonder-blocks-typography');
 require('intersection-observer');
 var wonderBlocksCore = require('@khanacademy/wonder-blocks-core');
+var Button = require('@khanacademy/wonder-blocks-button');
+var wonderBlocksPopover = require('@khanacademy/wonder-blocks-popover');
 var Spacing = require('@khanacademy/wonder-blocks-spacing');
-var Tooltip$1 = require('@khanacademy/wonder-blocks-tooltip');
 var wonderBlocksDropdown = require('@khanacademy/wonder-blocks-dropdown');
-var Button = require('@khanacademy/wonder-blocks-button');
 var debounce = require('lodash.debounce');
-var wonderBlocksPopover = require('@khanacademy/wonder-blocks-popover');
 var wonderBlocksProgressSpinner = require('@khanacademy/wonder-blocks-progress-spinner');
 var wonderBlocksLayout = require('@khanacademy/wonder-blocks-layout');
 var Link = require('@khanacademy/wonder-blocks-link');
@@ -53,7 +52,7 @@ function _interopNamespace(e) {
 }
 
 var KAS__namespace = /*#__PURE__*/_interopNamespace(KAS);
-var Gorgon__namespace = /*#__PURE__*/_interopNamespace(Gorgon);
+var PerseusLinter__namespace = /*#__PURE__*/_interopNamespace(PerseusLinter);
 var i18n__namespace = /*#__PURE__*/_interopNamespace(i18n);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
@@ -66,9 +65,8 @@ var createReactClass__default = /*#__PURE__*/_interopDefaultLegacy(createReactCl
 var SimpleMarkdown__default = /*#__PURE__*/_interopDefaultLegacy(SimpleMarkdown);
 var MathQuill__default = /*#__PURE__*/_interopDefaultLegacy(MathQuill);
 var Color__default = /*#__PURE__*/_interopDefaultLegacy(Color);
-var Spacing__default = /*#__PURE__*/_interopDefaultLegacy(Spacing);
-var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip$1);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Spacing__default = /*#__PURE__*/_interopDefaultLegacy(Spacing);
 var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
 
@@ -9892,26 +9890,6 @@ GraphUtils.createGraphie = function (el) {
 
 /* eslint-disable */
 
-/*
- * jQuery Mobile Framework : "mouse" plugin
- * Copyright (c) jQuery Project
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- */
-// This plugin is an experiment for abstracting away the touch and mouse
-// events so that developers don't have to worry about which method of input
-// the device their document is loaded on supports.
-//
-// The idea here is to allow the developer to register listeners for the
-// basic mouse events, such as mousedown, mousemove, mouseup, and click,
-// and the plugin will take care of registering the correct listeners
-// behind the scenes to invoke the listener at the fastest possible time
-// for that device, while still retaining the order of event firing in
-// the traditional mouse environment, should multiple handlers be registered
-// on the same element for different events.
-//
-// The current version exposes the following virtual events to jQuery bind methods:
-// "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel"
 (function ($, window, document, undefined$1) {
   if (typeof $ === "undefined") {
     return;
@@ -10373,7 +10351,7 @@ GraphUtils.createGraphie = function (el) {
       }
     }, true);
   }
-})(window.jQuery, window, document);
+})($__default["default"], window, document);
 
 /**
  * A work-in-progress of _ methods for objects.
@@ -17827,109 +17805,6 @@ var JiptParagraphs = {
   joinFromArray: joinFromArray
 };
 
-/**
- * NotGorgon asynchronously calls Khan Academy's poentry linter.
- *
- * The poentry linter checks for issues that prevent content from being
- * translated. This linter is KA-specific and so NotGorgon does not do anything
- * in non-KA environments.
- *
- * NotGorgon is named as such because it is not Gorgon, Perseus' built-in
- * linter.
- */
-// A LintCB is called once the linter has been run.
-
-// msec to wait before we actually call the linter after receiving the
-// last call. The timer is reset if the lint is called during the wait.
-const DEBOUNCE_TIMEOUT = 1000;
-class NotGorgon {
-  constructor() {
-    _defineProperty(this, "previousContent", null);
-
-    _defineProperty(this, "runLinter", _.debounce((perseusStr, onLintErrorsGenerated) => {
-      // $FlowFixMe[cannot-resolve-name] -- TODO(joshuan): use an api flag instead?
-      if (typeof KA === "undefined") {
-        return;
-      }
-
-      if (perseusStr === this.previousContent) {
-        return;
-      }
-
-      this.previousContent = perseusStr;
-
-      if (perseusStr === "") {
-        onLintErrorsGenerated([]);
-        return;
-      }
-
-      fetch("/api/internal/translations/lint_poentry?preview=1&lang=en", {
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          // The poentry linter verifies that the translation from
-          // the original text to the translated text is sane. We
-          // want to ensure that the translation from English to
-          // English is sane, so msgid === mstr.
-          msgid: perseusStr,
-          // msgid is the original text
-          msgstr: perseusStr,
-          // msgstr is the translated text
-          format: "perseus_text",
-          filename: ""
-        }),
-        method: "POST"
-      }).then(response => {
-        if (response.status >= 400) {
-          return {
-            status: "error",
-            message: "Could not run i18n linter."
-          };
-        }
-
-        return response.json();
-      }, rejection => {
-        return {
-          status: "error",
-          message: "Could not run i18n linter."
-        };
-      }).then(json => {
-        if (json.status === "error") {
-          onLintErrorsGenerated(["Some part of this text makes it untranslatable. " + "The specific message from the i18n linter was: " + json.message.replace(/\n/g, " ")]);
-        } else {
-          onLintErrorsGenerated([]);
-        }
-      });
-    }, DEBOUNCE_TIMEOUT));
-  }
-
-  /**
-   * Applies an array of errors generated by linters without position
-   * information (NotGorgon and the legacy getSaveWarnings()) to the top
-   * of a Perseus tree.
-   */
-  applyLintErrors(parsedMarkdown, notGorgonLintErrors) {
-    // These lint errors do not have position data associated with
-    // them, so we just plop them at the top.
-    if (notGorgonLintErrors.length) {
-      const errorText = notGorgonLintErrors.join("\n\n");
-      parsedMarkdown.unshift({
-        content: {
-          type: "text",
-          content: ""
-        },
-        insideTable: false,
-        message: errorText,
-        ruleName: "legacy-error",
-        severity: Gorgon.Rule.Severity.ERROR,
-        type: "lint"
-      });
-    }
-  }
-
-}
-
 const exclamationIcon = {
   path: "M6 11a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0-9a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1z",
   height: 12,
@@ -18378,7 +18253,8 @@ const rules$1 = { ...pureMarkdown.pureMarkdownRules,
 
         // The `table` in this node is actually a `lint` node,
         // not the expected `table` node. This is due to the linter
-        // implementation "reparenting" the `table` node, see gorgon.js
+        // implementation "reparenting" the `table` node, see
+        // perseus-linter/src/index.js
         if (((_node$table$content = node.table.content) === null || _node$table$content === void 0 ? void 0 : _node$table$content.type) === "table") {
           // And the `content` of this lint node is the `table` node
           // which we actually want to render. Thus, we perform
@@ -18682,6 +18558,106 @@ class QuestionParagraph extends React__namespace.Component {
 
 }
 
+/**
+ * TranslationLinter asynchronously calls Khan Academy's poentry linter.
+ *
+ * The poentry linter checks for issues that prevent content from being
+ * translated. This linter is KA-specific and so TranslationLinter does not do
+ * anything in non-KA environments.
+ */
+// A LintCB is called once the linter has been run.
+
+// msec to wait before we actually call the linter after receiving the
+// last call. The timer is reset if the lint is called during the wait.
+const DEBOUNCE_TIMEOUT = 1000;
+class TranslationLinter {
+  constructor() {
+    _defineProperty(this, "previousContent", null);
+
+    _defineProperty(this, "runLinter", _.debounce((perseusStr, onLintErrorsGenerated) => {
+      // $FlowFixMe[cannot-resolve-name] -- TODO(joshuan): use an api flag instead?
+      if (typeof KA === "undefined") {
+        return;
+      }
+
+      if (perseusStr === this.previousContent) {
+        return;
+      }
+
+      this.previousContent = perseusStr;
+
+      if (perseusStr === "") {
+        onLintErrorsGenerated([]);
+        return;
+      }
+
+      fetch("/api/internal/translations/lint_poentry?preview=1&lang=en", {
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          // The poentry linter verifies that the translation from
+          // the original text to the translated text is sane. We
+          // want to ensure that the translation from English to
+          // English is sane, so msgid === mstr.
+          msgid: perseusStr,
+          // msgid is the original text
+          msgstr: perseusStr,
+          // msgstr is the translated text
+          format: "perseus_text",
+          filename: ""
+        }),
+        method: "POST"
+      }).then(response => {
+        if (response.status >= 400) {
+          return {
+            status: "error",
+            message: "Could not run i18n linter."
+          };
+        }
+
+        return response.json();
+      }, rejection => {
+        return {
+          status: "error",
+          message: "Could not run i18n linter."
+        };
+      }).then(json => {
+        if (json.status === "error") {
+          onLintErrorsGenerated(["Some part of this text makes it untranslatable. " + "The specific message from the i18n linter was: " + json.message.replace(/\n/g, " ")]);
+        } else {
+          onLintErrorsGenerated([]);
+        }
+      });
+    }, DEBOUNCE_TIMEOUT));
+  }
+
+  /**
+   * Applies an array of errors generated by linters without position
+   * information (TranslationLinter and the legacy getSaveWarnings()) to the
+   * top of a Perseus tree.
+   */
+  applyLintErrors(parsedMarkdown, translationLintErrors) {
+    // These lint errors do not have position data associated with
+    // them, so we just plop them at the top.
+    if (translationLintErrors.length) {
+      const errorText = translationLintErrors.join("\n\n");
+      parsedMarkdown.unshift({
+        content: {
+          type: "text",
+          content: ""
+        },
+        insideTable: false,
+        message: errorText,
+        ruleName: "legacy-error",
+        severity: PerseusLinter.Rule.Severity.ERROR,
+        type: "lint"
+      });
+    }
+  }
+
+}
+
 /**
  * Preprocess TeX code to convert things that KaTeX doesn't know how to handle
  * to things is does.
@@ -19245,7 +19221,7 @@ class WidgetContainer extends React__namespace.Component {
 }
 
 _defineProperty(WidgetContainer, "defaultProps", {
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 const {
@@ -19295,7 +19271,7 @@ class Renderer extends React__namespace.Component {
 
     _defineProperty(this, "_isTwoColumn", void 0);
 
-    _defineProperty(this, "_notGorgon", void 0);
+    _defineProperty(this, "_translationLinter", void 0);
 
     _defineProperty(this, "lastRenderedMarkdown", void 0);
 
@@ -19393,7 +19369,7 @@ class Renderer extends React__namespace.Component {
           type: type,
           initialProps: this.getWidgetProps(id),
           shouldHighlight: shouldHighlight,
-          linterContext: Gorgon__namespace.pushContextStack(this.props.linterContext, "widget")
+          linterContext: PerseusLinter__namespace.pushContextStack(this.props.linterContext, "widget")
         }));
       }
 
@@ -20411,23 +20387,23 @@ class Renderer extends React__namespace.Component {
       return examples[0];
     });
 
-    _defineProperty(this, "handleNotGorgonLintErrors", lintErrors => {
+    _defineProperty(this, "handletranslationLintErrors", lintErrors => {
       if (!this._isMounted) {
         return;
       }
 
       this.setState({
-        notGorgonLintErrors: lintErrors
+        translationLintErrors: lintErrors
       });
     });
 
-    this._notGorgon = new NotGorgon();
+    this._translationLinter = new TranslationLinter();
     this.state = {
       jiptContent: null,
-      // NotGorgon is async and currently does not contain a location.
-      // This is a list of error strings NotGorgon detected on its last
-      // run.
-      notGorgonLintErrors: [],
+      // TranslationLinter is async and currently does not contain a
+      // location. This is a list of error strings TranslationLinter
+      // detected on its last run.
+      translationLintErrors: [],
       // The ID of the last widget the user interacted with. We'll
       // use this to set the `isLastUsedWidget` flag on the
       // corresponding widget.
@@ -20452,7 +20428,7 @@ class Renderer extends React__namespace.Component {
     if (this.props.linterContext.highlightLint) {
       // Get i18n lint errors asynchronously. If there are lint errors,
       // this component will be rerendered.
-      this._notGorgon.runLinter(this.props.content, this.handleNotGorgonLintErrors);
+      this._translationLinter.runLinter(this.props.content, this.handletranslationLintErrors);
     }
   }
 
@@ -20504,7 +20480,7 @@ class Renderer extends React__namespace.Component {
     // "shouldComponentUpdate" -- can we just remove this
     // componentWillUpdate and the reuseMarkdown attr?
 
-    this.reuseMarkdown = !oldJipt && !newJipt && oldContent === newContent && ___default["default"].isEqual(this.state.notGorgonLintErrors, nextState.notGorgonLintErrors) && ( // If we are running the linter then we need to know when
+    this.reuseMarkdown = !oldJipt && !newJipt && oldContent === newContent && ___default["default"].isEqual(this.state.translationLintErrors, nextState.translationLintErrors) && ( // If we are running the linter then we need to know when
     // widgets have changed because we need for force the linter to
     // run when that happens. Note: don't do identity comparison here:
     // it can cause frequent re-renders that break MathJax somehow
@@ -20542,7 +20518,7 @@ class Renderer extends React__namespace.Component {
     if (this.props.linterContext.highlightLint) {
       // Get i18n lint errors asynchronously. If lint errors have changed
       // since the last run, this component will be rerendered.
-      this._notGorgon.runLinter(this.props.content, this.handleNotGorgonLintErrors);
+      this._translationLinter.runLinter(this.props.content, this.handletranslationLintErrors);
     }
   }
 
@@ -20648,10 +20624,10 @@ class Renderer extends React__namespace.Component {
         widgets: this.props.widgets,
         ...this.props.linterContext
       };
-      Gorgon__namespace.runLinter(parsedMarkdown, context, true); // Apply the lint errors from the last NotGorgon run.
+      PerseusLinter__namespace.runLinter(parsedMarkdown, context, true); // Apply the lint errors from the last TranslationLinter run.
       // TODO(joshuan): Support overlapping dots.
 
-      this._notGorgon.applyLintErrors(parsedMarkdown, [...this.state.notGorgonLintErrors, ...(this.props.legacyPerseusLint || [])]);
+      this._translationLinter.applyLintErrors(parsedMarkdown, [...this.state.translationLintErrors, ...(this.props.legacyPerseusLint || [])]);
     } // Render the linted markdown parse tree with React components
 
 
@@ -20687,7 +20663,7 @@ _defineProperty(Renderer, "defaultProps", {
   reviewMode: false,
   serializedState: null,
   onSerializedStateUpdated: () => {},
-  linterContext: Gorgon__namespace.linterContextDefault
+  linterContext: PerseusLinter__namespace.linterContextDefault
 });
 
 const styles$C = {
@@ -22114,7 +22090,7 @@ class InputWithExamples extends React__namespace.Component {
       id: this._getUniqueId()
     }, /*#__PURE__*/React__namespace.createElement(Renderer, {
       content: examplesContent,
-      linterContext: Gorgon__namespace.pushContextStack(this.props.linterContext, "input-with-examples")
+      linterContext: PerseusLinter__namespace.pushContextStack(this.props.linterContext, "input-with-examples")
     })));
   }
 
@@ -22136,7 +22112,7 @@ _defineProperty(InputWithExamples, "propTypes", {
   disabled: PropTypes__default["default"].bool,
   // A unique string identifying this InputWithExamples
   id: PropTypes__default["default"].string.isRequired,
-  linterContext: Gorgon__namespace.linterContextProps
+  linterContext: PerseusLinter__namespace.linterContextProps
 });
 
 _defineProperty(InputWithExamples, "defaultProps", {
@@ -22145,7 +22121,7 @@ _defineProperty(InputWithExamples, "defaultProps", {
   onFocus: function () {},
   onBlur: function () {},
   disabled: false,
-  linterContext: Gorgon__namespace.linterContextDefault
+  linterContext: PerseusLinter__namespace.linterContextDefault
 });
 
 /**
@@ -22713,7 +22689,7 @@ _defineProperty(Expression, "defaultProps", {
   onFocus: () => {},
   onBlur: () => {},
   apiOptions: ApiOptions.defaults,
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 const keypadConfigurationForProps = widgetOptions => {
@@ -23217,7 +23193,7 @@ _defineProperty(InputNumber, "defaultProps", {
   // NOTE(kevinb): renderer.jsx should be provide this so we probably don't
   // need to include it in defaultProps.
   apiOptions: ApiOptions.defaults,
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 const propTransform$4 = widgetOptions => {
@@ -23666,7 +23642,7 @@ _defineProperty(NumericInput, "defaultProps", {
   coefficient: false,
   answerForms: [],
   labelText: "",
-  linterContext: Gorgon.linterContextDefault,
+  linterContext: PerseusLinter.linterContextDefault,
   multipleNumberInput: false
 });
 
@@ -29213,7 +29189,7 @@ _defineProperty(Radio$1, "defaultProps", {
   multipleSelect: false,
   countChoices: false,
   deselectEnabled: false,
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 const {
@@ -29491,7 +29467,7 @@ _defineProperty(Categorizer, "defaultProps", {
   items: [],
   categories: [],
   values: [],
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 const pageMargin = 16; // Stylesheets aren't directly testable
@@ -29813,30 +29789,6 @@ var CSProgram$1 = {
   hidden: true
 };
 
-class DefinitionContent extends React__namespace.Component {
-  componentDidMount() {
-    this.props.trackInteraction();
-  }
-
-  render() {
-    return /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
-      style: styles$o.tooltipBody
-    }, /*#__PURE__*/React__namespace.createElement(Renderer, {
-      apiOptions: this.props.apiOptions,
-      content: this.props.content,
-      widgets: this.props.widgets
-    }));
-  }
-
-}
-
-_defineProperty(DefinitionContent, "propTypes", {
-  apiOptions: ApiOptions.propTypes,
-  content: PropTypes__default["default"].string,
-  trackInteraction: PropTypes__default["default"].func.isRequired,
-  widgets: PropTypes__default["default"].objectOf(PropTypes__default["default"].any)
-});
-
 class Definition extends React__namespace.Component {
   constructor() {
     super(...arguments);
@@ -29860,25 +29812,32 @@ class Definition extends React__namespace.Component {
   }
 
   render() {
-    const content = /*#__PURE__*/React__namespace.createElement(DefinitionContent, {
-      apiOptions: this.props.apiOptions,
-      content: this.props.definition,
-      key: this.props.definition,
-      trackInteraction: this.props.trackInteraction,
-      widgets: this.props.widgets
-    });
-    return (
-      /*#__PURE__*/
-      // $FlowFixMe[incompatible-type]: content prop
-      React__namespace.createElement(Tooltip__default["default"], {
-        content: content,
-        placement: "top"
-      }, /*#__PURE__*/React__namespace.createElement("span", {
+    return /*#__PURE__*/React__namespace.createElement(wonderBlocksPopover.Popover, {
+      content: /*#__PURE__*/React__namespace.createElement(wonderBlocksPopover.PopoverContentCore, {
+        color: "white",
+        style: styles$o.tooltipBody,
+        closeButtonVisible: true
+      }, /*#__PURE__*/React__namespace.createElement(Renderer, {
+        apiOptions: this.props.apiOptions,
+        content: this.props.definition,
+        widgets: this.props.widgets
+      })),
+      placement: "top"
+    }, _ref => {
+      let {
+        open
+      } = _ref;
+      return /*#__PURE__*/React__namespace.createElement("span", {
         className: "perseus-widget-definition"
-      }, /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
-        style: styles$o.definitionLink
-      }, this.props.togglePrompt)))
-    );
+      }, /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+        size: "small",
+        kind: "tertiary",
+        onClick: () => {
+          this.props.trackInteraction();
+          open();
+        }
+      }, this.props.togglePrompt));
+    });
   }
 
 }
@@ -29896,13 +29855,6 @@ const styles$o = {
     fontWeight: 500,
     lineHeight: "30px",
     margin: Spacing__default["default"].xSmall_8
-  },
-  definitionLink: {
-    borderBottom: "dashed 1px ".concat(Color__default["default"].blue),
-    color: Color__default["default"].blue,
-    cursor: "pointer",
-    display: "inline-block",
-    textDecoration: "none"
   }
 };
 var Definition$1 = {
@@ -29911,7 +29863,7 @@ var Definition$1 = {
   accessible: true,
   defaultAlignment: "inline",
   widget: Definition,
-  transform: ___default["default"].identity
+  transform: x => x
 };
 
 class Dropdown extends React__namespace.Component {
@@ -30152,7 +30104,7 @@ _defineProperty(Explanation, "defaultProps", {
   hidePrompt: "Hide explanation",
   explanation: "explanation goes here\n\nmore explanation",
   widgets: {},
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 const leftBorderSpacing = 23;
@@ -30603,7 +30555,7 @@ _defineProperty(GradedGroup$1, "defaultProps", {
   images: {},
   hint: null,
   hasHint: false,
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 const traverseChildWidgets$3 = function (props, traverseRenderer) {
@@ -30831,7 +30783,7 @@ class GradedGroupSet extends React__namespace.Component {
 
 _defineProperty(GradedGroupSet, "defaultProps", {
   gradedGroups: [],
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 const traverseChildWidgets$2 = function (props, traverseRenderer) {
@@ -32208,7 +32160,7 @@ _defineProperty(Group, "defaultProps", {
   content: "",
   widgets: {},
   images: {},
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 const traverseChildWidgets$1 = function (props, traverseRenderer) {
@@ -32619,7 +32571,7 @@ _defineProperty(ImageWidget, "defaultProps", {
   labels: [],
   alt: "",
   caption: "",
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 const styles$i = aphrodite.StyleSheet.create({
@@ -37593,7 +37545,7 @@ class Draggable extends React__namespace.Component {
       onTouchCancel: this.onMouseUp
     }, /*#__PURE__*/React__namespace.createElement(Renderer, {
       content: this.props.content,
-      linterContext: Gorgon__namespace.pushContextStack(this.props.linterContext, "draggable"),
+      linterContext: PerseusLinter__namespace.pushContextStack(this.props.linterContext, "draggable"),
       onRender: this.props.onRender
     }));
   }
@@ -37631,13 +37583,13 @@ _defineProperty(Draggable, "propTypes", {
   onMouseUp: PropTypes__default["default"].func.isRequired,
   onRender: PropTypes__default["default"].func.isRequired,
   type: PropTypes__default["default"].oneOf([STATIC, DRAGGING, ANIMATING, DISABLED]),
-  linterContext: Gorgon__namespace.linterContextProps
+  linterContext: PerseusLinter__namespace.linterContextProps
 });
 
 _defineProperty(Draggable, "defaultProps", {
   includePadding: true,
   type: STATIC,
-  linterContext: Gorgon__namespace.linterContextDefault
+  linterContext: PerseusLinter__namespace.linterContextDefault
 });
 
 class Sortable extends React__namespace.Component {
@@ -37819,7 +37771,7 @@ class Sortable extends React__namespace.Component {
         includePadding: this.props.padding,
         margin: isLast && isStatic ? 0 : margin,
         endPosition: item.endPosition,
-        linterContext: Gorgon__namespace.pushContextStack(this.props.linterContext, "sortable"),
+        linterContext: PerseusLinter__namespace.pushContextStack(this.props.linterContext, "sortable"),
         onRender: this.remeasureItems // eslint-disable-next-line react/jsx-no-bind
         ,
         onMouseDown: this.onMouseDown.bind(this, item.key) // eslint-disable-next-line react/jsx-no-bind
@@ -38021,7 +37973,7 @@ _defineProperty(Sortable, "defaultProps", {
   onMeasure: function () {},
   margin: 5,
   onChange: function () {},
-  linterContext: Gorgon__namespace.linterContextDefault,
+  linterContext: PerseusLinter__namespace.linterContextDefault,
   waitForKatexLoad: true
 });
 
@@ -38244,7 +38196,7 @@ _defineProperty(Matcher, "propTypes", {
   problemNum: PropTypes__default["default"].number,
   right: PropTypes__default["default"].array,
   trackInteraction: PropTypes__default["default"].func.isRequired,
-  linterContext: Gorgon.linterContextProps
+  linterContext: PerseusLinter.linterContextProps
 });
 
 _defineProperty(Matcher, "defaultProps", {
@@ -38255,7 +38207,7 @@ _defineProperty(Matcher, "defaultProps", {
   padding: true,
   problemNum: 0,
   onChange: function () {},
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 ___default["default"].extend(Matcher, {
@@ -38934,7 +38886,7 @@ _defineProperty(Matrix, "defaultProps", {
   suffix: "",
   cursorPosition: [0, 0],
   apiOptions: ApiOptions.defaults,
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 ___default["default"].extend(Matrix, {
@@ -41041,13 +40993,13 @@ _defineProperty(Card, "propTypes", {
   startOffset: PropTypePosition,
   animateTo: PropTypePosition,
   onAnimationEnd: PropTypes__default["default"].func,
-  linterContext: Gorgon.linterContextProps
+  linterContext: PerseusLinter.linterContextProps
 });
 
 _defineProperty(Card, "defaultProps", {
   stack: false,
   animating: false,
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 const NORMAL = "normal",
@@ -41405,7 +41357,7 @@ _defineProperty(Orderer, "defaultProps", {
   correctOptions: [],
   height: NORMAL,
   layout: HORIZONTAL$1,
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 ___default["default"].extend(Orderer, {
@@ -41485,12 +41437,12 @@ class PassageRefTarget extends React__namespace.Component {
 
 _defineProperty(PassageRefTarget, "propTypes", { ...propTypes,
   content: PropTypes__default["default"].string,
-  linterContext: Gorgon.linterContextProps
+  linterContext: PerseusLinter.linterContextProps
 });
 
 _defineProperty(PassageRefTarget, "defaultProps", {
   content: "",
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 var PassageRefTarget$1 = {
@@ -43874,7 +43826,7 @@ _defineProperty(Passage, "defaultProps", {
   footnotes: "",
   showLineNumbers: true,
   highlights: {},
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 var Passage$1 = {
@@ -45054,7 +45006,7 @@ _defineProperty(Sequence, "propTypes", { ...propTypes,
     widgets: PropTypes__default["default"].objectOf(PropTypes__default["default"].any)
   })),
   trackInteraction: PropTypes__default["default"].func.isRequired,
-  linterContext: Gorgon.linterContextProps
+  linterContext: PerseusLinter.linterContextProps
 });
 
 _defineProperty(Sequence, "defaultProps", {
@@ -45063,7 +45015,7 @@ _defineProperty(Sequence, "defaultProps", {
     widgets: {},
     images: {}
   }],
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 const traverseChildWidgets = function (props, traverseRenderer) {
@@ -46003,7 +45955,7 @@ _defineProperty(Sorter, "propTypes", {
   padding: PropTypes__default["default"].bool,
   problemNum: PropTypes__default["default"].number,
   trackInteraction: PropTypes__default["default"].func.isRequired,
-  linterContext: Gorgon.linterContextProps
+  linterContext: PerseusLinter.linterContextProps
 });
 
 _defineProperty(Sorter, "defaultProps", {
@@ -46012,7 +45964,7 @@ _defineProperty(Sorter, "defaultProps", {
   padding: true,
   problemNum: 0,
   onChange: function () {},
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 var Sorter$1 = {
@@ -46259,7 +46211,7 @@ _defineProperty(Table, "propTypes", {
   headers: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
   keypadElement: mathInput.keypadElementPropType,
   trackInteraction: PropTypes__default["default"].func.isRequired,
-  linterContext: Gorgon.linterContextProps
+  linterContext: PerseusLinter.linterContextProps
 });
 
 _defineProperty(Table, "defaultProps", function () {
@@ -46277,7 +46229,7 @@ _defineProperty(Table, "defaultProps", function () {
     rows: defaultRows,
     columns: defaultColumns,
     answers: blankAnswers,
-    linterContext: Gorgon.linterContextDefault
+    linterContext: PerseusLinter.linterContextDefault
   };
 }());
 
@@ -50703,7 +50655,7 @@ class ArticleRenderer extends React__namespace.Component {
             this._handleFocusChange(newFocusPath && [refForSection].concat(newFocusPath), oldFocusPath && [refForSection].concat(oldFocusPath));
           }
         },
-        linterContext: Gorgon__namespace.pushContextStack(this.props.linterContext, "article"),
+        linterContext: PerseusLinter__namespace.pushContextStack(this.props.linterContext, "article"),
         legacyPerseusLint: this.props.legacyPerseusLint
       })));
     });
@@ -50723,14 +50675,14 @@ _defineProperty(ArticleRenderer, "propTypes", { ...ProvideKeypad.propTypes,
   json: PropTypes__default["default"].oneOfType([rendererProps, PropTypes__default["default"].arrayOf(rendererProps)]).isRequired,
   // Whether to use the new Bibliotron styles for articles
   useNewStyles: PropTypes__default["default"].bool,
-  linterContext: Gorgon__namespace.linterContextProps,
+  linterContext: PerseusLinter__namespace.linterContextProps,
   legacyPerseusLint: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)
 });
 
 _defineProperty(ArticleRenderer, "defaultProps", {
   apiOptions: {},
   useNewStyles: false,
-  linterContext: Gorgon__namespace.linterContextDefault
+  linterContext: PerseusLinter__namespace.linterContextDefault
 });
 
 /* Renders just a hint preview */
@@ -50795,14 +50747,14 @@ class HintRenderer extends React__namespace.Component {
       images: hint.images,
       apiOptions: rendererApiOptions,
       findExternalWidgets: this.props.findExternalWidgets,
-      linterContext: Gorgon__namespace.pushContextStack(this.props.linterContext, "hint")
+      linterContext: PerseusLinter__namespace.pushContextStack(this.props.linterContext, "hint")
     }));
   }
 
 }
 
 _defineProperty(HintRenderer, "defaultProps", {
-  linterContext: Gorgon__namespace.linterContextDefault
+  linterContext: PerseusLinter__namespace.linterContextDefault
 });
 
 const styles$5 = aphrodite.StyleSheet.create({
@@ -50966,7 +50918,7 @@ class HintsRenderer extends React__namespace.Component {
         key: "hintRenderer" + i,
         apiOptions: apiOptions,
         findExternalWidgets: this.props.findExternalWidgets,
-        linterContext: Gorgon__namespace.pushContextStack(this.props.linterContext, "hints[" + i + "]")
+        linterContext: PerseusLinter__namespace.pushContextStack(this.props.linterContext, "hints[" + i + "]")
       });
 
       if (isFinalHelpPage) {
@@ -51010,7 +50962,7 @@ class HintsRenderer extends React__namespace.Component {
 }
 
 _defineProperty(HintsRenderer, "defaultProps", {
-  linterContext: Gorgon__namespace.linterContextDefault
+  linterContext: PerseusLinter__namespace.linterContextDefault
 });
 
 const hintIndentation = baseUnitPx + hintBorderWidth;
@@ -51253,7 +51205,7 @@ class ItemRenderer extends React__namespace.Component {
       questionCompleted: this.state.questionCompleted,
       reviewMode: this.props.reviewMode,
       savedState: this.props.savedState,
-      linterContext: Gorgon__namespace.pushContextStack(this.props.linterContext, "question")
+      linterContext: PerseusLinter__namespace.pushContextStack(this.props.linterContext, "question")
     }, this.props.item.question, {
       legacyPerseusLint: this.props.legacyPerseusLint
     })), workArea); // TODO(LP-11406): Replace with React Portal
@@ -51264,7 +51216,7 @@ class ItemRenderer extends React__namespace.Component {
       hints: this.props.item.hints,
       hintsVisible: this.state.hintsVisible,
       apiOptions: apiOptions,
-      linterContext: Gorgon__namespace.pushContextStack(this.props.linterContext, "hints")
+      linterContext: PerseusLinter__namespace.pushContextStack(this.props.linterContext, "hints")
     }), hintsArea);
     const answerArea = this.props.item.answerArea || {};
 
@@ -51521,7 +51473,7 @@ _defineProperty(ItemRenderer, "defaultProps", {
   initialHintsVisible: 0,
   workAreaSelector: "#workarea",
   reviewMode: false,
-  linterContext: Gorgon__namespace.linterContextDefault
+  linterContext: PerseusLinter__namespace.linterContextDefault
 });
 
 /**