@khanacademy/perseus 0.2.8 → 0.3.0

package/dist/es/index.js

@@ -1,6 +1,6 @@
 import * as KAS from '@khanacademy/kas';
 import { KeypadInput, KeypadTypes, keypadElementPropType, Keypad } from '@khanacademy/math-input';
-import * as Gorgon from '@khanacademy/perseus-linter';
+import * as PerseusLinter from '@khanacademy/perseus-linter';
 import { Rule, linterContextDefault, linterContextProps } from '@khanacademy/perseus-linter';
 import * as i18n from '@khanacademy/wonder-blocks-i18n';
 import classNames from 'classnames';
@@ -20,12 +20,11 @@ import Color from '@khanacademy/wonder-blocks-color';
 import { LabelLarge } from '@khanacademy/wonder-blocks-typography';
 import 'intersection-observer';
 import { UniqueIDProvider, View, Text } from '@khanacademy/wonder-blocks-core';
+import Button from '@khanacademy/wonder-blocks-button';
+import { Popover, PopoverContentCore } from '@khanacademy/wonder-blocks-popover';
 import Spacing from '@khanacademy/wonder-blocks-spacing';
-import Tooltip$1 from '@khanacademy/wonder-blocks-tooltip';
 import { OptionItem, SingleSelect } from '@khanacademy/wonder-blocks-dropdown';
-import Button from '@khanacademy/wonder-blocks-button';
 import debounce$1 from 'lodash.debounce';
-import { Popover, PopoverContentCore } from '@khanacademy/wonder-blocks-popover';
 import { CircularSpinner } from '@khanacademy/wonder-blocks-progress-spinner';
 import { Strut } from '@khanacademy/wonder-blocks-layout';
 import Link from '@khanacademy/wonder-blocks-link';
@@ -9987,26 +9986,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;
@@ -10468,7 +10447,7 @@ GraphUtils.createGraphie = function (el) {
       }
     }, true);
   }
-})(window.jQuery, window, document);
+})($, window, document);
 
 /**
  * A work-in-progress of _ methods for objects.
@@ -17935,109 +17914,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.
-var 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) {
-      var errorText = notGorgonLintErrors.join("\n\n");
-      parsedMarkdown.unshift({
-        content: {
-          type: "text",
-          content: ""
-        },
-        insideTable: false,
-        message: errorText,
-        ruleName: "legacy-error",
-        severity: Rule.Severity.ERROR,
-        type: "lint"
-      });
-    }
-  }
-
-}
-
 var 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,
@@ -18485,7 +18361,8 @@ var rules$1 = _objectSpread2(_objectSpread2({}, 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
@@ -18790,6 +18667,106 @@ class QuestionParagraph extends React.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.
+var 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) {
+      var errorText = translationLintErrors.join("\n\n");
+      parsedMarkdown.unshift({
+        content: {
+          type: "text",
+          content: ""
+        },
+        insideTable: false,
+        message: errorText,
+        ruleName: "legacy-error",
+        severity: Rule.Severity.ERROR,
+        type: "lint"
+      });
+    }
+  }
+
+}
+
 /**
  * Preprocess TeX code to convert things that KaTeX doesn't know how to handle
  * to things is does.
@@ -19401,7 +19378,7 @@ class Renderer extends React.Component {
 
     _defineProperty(this, "_isTwoColumn", void 0);
 
-    _defineProperty(this, "_notGorgon", void 0);
+    _defineProperty(this, "_translationLinter", void 0);
 
     _defineProperty(this, "lastRenderedMarkdown", void 0);
 
@@ -19497,7 +19474,7 @@ class Renderer extends React.Component {
           type: type,
           initialProps: this.getWidgetProps(id),
           shouldHighlight: shouldHighlight,
-          linterContext: Gorgon.pushContextStack(this.props.linterContext, "widget")
+          linterContext: PerseusLinter.pushContextStack(this.props.linterContext, "widget")
         }));
       }
 
@@ -20513,23 +20490,23 @@ class Renderer extends React.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 = _objectSpread2({
       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.
@@ -20553,7 +20530,7 @@ class Renderer extends React.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);
     }
   }
 
@@ -20605,7 +20582,7 @@ class Renderer extends React.Component {
     // "shouldComponentUpdate" -- can we just remove this
     // componentWillUpdate and the reuseMarkdown attr?
 
-    this.reuseMarkdown = !oldJipt && !newJipt && oldContent === newContent && _.isEqual(this.state.notGorgonLintErrors, nextState.notGorgonLintErrors) && ( // If we are running the linter then we need to know when
+    this.reuseMarkdown = !oldJipt && !newJipt && oldContent === newContent && _.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
@@ -20643,7 +20620,7 @@ class Renderer extends React.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);
     }
   }
 
@@ -20749,10 +20726,10 @@ class Renderer extends React.Component {
         widgets: this.props.widgets
       }, this.props.linterContext);
 
-      Gorgon.runLinter(parsedMarkdown, context, true); // Apply the lint errors from the last NotGorgon run.
+      PerseusLinter.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
 
 
@@ -20788,7 +20765,7 @@ _defineProperty(Renderer, "defaultProps", {
   reviewMode: false,
   serializedState: null,
   onSerializedStateUpdated: () => {},
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 var styles$C = {
@@ -22219,7 +22196,7 @@ class InputWithExamples extends React.Component {
       id: this._getUniqueId()
     }, /*#__PURE__*/React.createElement(Renderer, {
       content: examplesContent,
-      linterContext: Gorgon.pushContextStack(this.props.linterContext, "input-with-examples")
+      linterContext: PerseusLinter.pushContextStack(this.props.linterContext, "input-with-examples")
     })));
   }
 
@@ -22241,7 +22218,7 @@ _defineProperty(InputWithExamples, "propTypes", {
   disabled: PropTypes.bool,
   // A unique string identifying this InputWithExamples
   id: PropTypes.string.isRequired,
-  linterContext: Gorgon.linterContextProps
+  linterContext: PerseusLinter.linterContextProps
 });
 
 _defineProperty(InputWithExamples, "defaultProps", {
@@ -22250,7 +22227,7 @@ _defineProperty(InputWithExamples, "defaultProps", {
   onFocus: function onFocus() {},
   onBlur: function onBlur() {},
   disabled: false,
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 /**
@@ -29915,30 +29892,6 @@ var CSProgram$1 = {
   hidden: true
 };
 
-class DefinitionContent extends React.Component {
-  componentDidMount() {
-    this.props.trackInteraction();
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles$o.tooltipBody
-    }, /*#__PURE__*/React.createElement(Renderer, {
-      apiOptions: this.props.apiOptions,
-      content: this.props.content,
-      widgets: this.props.widgets
-    }));
-  }
-
-}
-
-_defineProperty(DefinitionContent, "propTypes", {
-  apiOptions: ApiOptions.propTypes,
-  content: PropTypes.string,
-  trackInteraction: PropTypes.func.isRequired,
-  widgets: PropTypes.objectOf(PropTypes.any)
-});
-
 class Definition extends React.Component {
   constructor() {
     super(...arguments);
@@ -29962,25 +29915,32 @@ class Definition extends React.Component {
   }
 
   render() {
-    var content = /*#__PURE__*/React.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.createElement(Tooltip$1, {
-        content: content,
-        placement: "top"
-      }, /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React.createElement(Popover, {
+      content: /*#__PURE__*/React.createElement(PopoverContentCore, {
+        color: "white",
+        style: styles$o.tooltipBody,
+        closeButtonVisible: true
+      }, /*#__PURE__*/React.createElement(Renderer, {
+        apiOptions: this.props.apiOptions,
+        content: this.props.definition,
+        widgets: this.props.widgets
+      })),
+      placement: "top"
+    }, _ref => {
+      var {
+        open
+      } = _ref;
+      return /*#__PURE__*/React.createElement("span", {
         className: "perseus-widget-definition"
-      }, /*#__PURE__*/React.createElement(View, {
-        style: styles$o.definitionLink
-      }, this.props.togglePrompt)))
-    );
+      }, /*#__PURE__*/React.createElement(Button, {
+        size: "small",
+        kind: "tertiary",
+        onClick: () => {
+          this.props.trackInteraction();
+          open();
+        }
+      }, this.props.togglePrompt));
+    });
   }
 
 }
@@ -29998,13 +29958,6 @@ var styles$o = {
     fontWeight: 500,
     lineHeight: "30px",
     margin: Spacing.xSmall_8
-  },
-  definitionLink: {
-    borderBottom: "dashed 1px ".concat(Color.blue),
-    color: Color.blue,
-    cursor: "pointer",
-    display: "inline-block",
-    textDecoration: "none"
   }
 };
 var Definition$1 = {
@@ -30013,7 +29966,7 @@ var Definition$1 = {
   accessible: true,
   defaultAlignment: "inline",
   widget: Definition,
-  transform: _.identity
+  transform: x => x
 };
 
 class Dropdown extends React.Component {
@@ -37731,7 +37684,7 @@ class Draggable extends React.Component {
       onTouchCancel: this.onMouseUp
     }, /*#__PURE__*/React.createElement(Renderer, {
       content: this.props.content,
-      linterContext: Gorgon.pushContextStack(this.props.linterContext, "draggable"),
+      linterContext: PerseusLinter.pushContextStack(this.props.linterContext, "draggable"),
       onRender: this.props.onRender
     }));
   }
@@ -37769,13 +37722,13 @@ _defineProperty(Draggable, "propTypes", {
   onMouseUp: PropTypes.func.isRequired,
   onRender: PropTypes.func.isRequired,
   type: PropTypes.oneOf([STATIC, DRAGGING, ANIMATING, DISABLED]),
-  linterContext: Gorgon.linterContextProps
+  linterContext: PerseusLinter.linterContextProps
 });
 
 _defineProperty(Draggable, "defaultProps", {
   includePadding: true,
   type: STATIC,
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 class Sortable extends React.Component {
@@ -37957,7 +37910,7 @@ class Sortable extends React.Component {
         includePadding: this.props.padding,
         margin: isLast && isStatic ? 0 : margin,
         endPosition: item.endPosition,
-        linterContext: Gorgon.pushContextStack(this.props.linterContext, "sortable"),
+        linterContext: PerseusLinter.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
@@ -38159,7 +38112,7 @@ _defineProperty(Sortable, "defaultProps", {
   onMeasure: function onMeasure() {},
   margin: 5,
   onChange: function onChange() {},
-  linterContext: Gorgon.linterContextDefault,
+  linterContext: PerseusLinter.linterContextDefault,
   waitForKatexLoad: true
 });
 
@@ -50849,7 +50802,7 @@ class ArticleRenderer extends React.Component {
             this._handleFocusChange(newFocusPath && [refForSection].concat(newFocusPath), oldFocusPath && [refForSection].concat(oldFocusPath));
           }
         }),
-        linterContext: Gorgon.pushContextStack(this.props.linterContext, "article"),
+        linterContext: PerseusLinter.pushContextStack(this.props.linterContext, "article"),
         legacyPerseusLint: this.props.legacyPerseusLint
       })));
     });
@@ -50869,14 +50822,14 @@ _defineProperty(ArticleRenderer, "propTypes", _objectSpread2(_objectSpread2({},
   json: PropTypes.oneOfType([rendererProps, PropTypes.arrayOf(rendererProps)]).isRequired,
   // Whether to use the new Bibliotron styles for articles
   useNewStyles: PropTypes.bool,
-  linterContext: Gorgon.linterContextProps,
+  linterContext: PerseusLinter.linterContextProps,
   legacyPerseusLint: PropTypes.arrayOf(PropTypes.string)
 }));
 
 _defineProperty(ArticleRenderer, "defaultProps", {
   apiOptions: {},
   useNewStyles: false,
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 /* Renders just a hint preview */
@@ -50942,14 +50895,14 @@ class HintRenderer extends React.Component {
       images: hint.images,
       apiOptions: rendererApiOptions,
       findExternalWidgets: this.props.findExternalWidgets,
-      linterContext: Gorgon.pushContextStack(this.props.linterContext, "hint")
+      linterContext: PerseusLinter.pushContextStack(this.props.linterContext, "hint")
     }));
   }
 
 }
 
 _defineProperty(HintRenderer, "defaultProps", {
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 var styles$5 = StyleSheet.create({
@@ -51112,7 +51065,7 @@ class HintsRenderer extends React.Component {
         key: "hintRenderer" + i,
         apiOptions: apiOptions,
         findExternalWidgets: this.props.findExternalWidgets,
-        linterContext: Gorgon.pushContextStack(this.props.linterContext, "hints[" + i + "]")
+        linterContext: PerseusLinter.pushContextStack(this.props.linterContext, "hints[" + i + "]")
       });
 
       if (isFinalHelpPage) {
@@ -51156,7 +51109,7 @@ class HintsRenderer extends React.Component {
 }
 
 _defineProperty(HintsRenderer, "defaultProps", {
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 var hintIndentation = baseUnitPx + hintBorderWidth;
@@ -51397,7 +51350,7 @@ class ItemRenderer extends React.Component {
       questionCompleted: this.state.questionCompleted,
       reviewMode: this.props.reviewMode,
       savedState: this.props.savedState,
-      linterContext: Gorgon.pushContextStack(this.props.linterContext, "question")
+      linterContext: PerseusLinter.pushContextStack(this.props.linterContext, "question")
     }, this.props.item.question, {
       legacyPerseusLint: this.props.legacyPerseusLint
     })), workArea); // TODO(LP-11406): Replace with React Portal
@@ -51408,7 +51361,7 @@ class ItemRenderer extends React.Component {
       hints: this.props.item.hints,
       hintsVisible: this.state.hintsVisible,
       apiOptions: apiOptions,
-      linterContext: Gorgon.pushContextStack(this.props.linterContext, "hints")
+      linterContext: PerseusLinter.pushContextStack(this.props.linterContext, "hints")
     }), hintsArea);
     var answerArea = this.props.item.answerArea || {};
 
@@ -51665,7 +51618,7 @@ _defineProperty(ItemRenderer, "defaultProps", {
   initialHintsVisible: 0,
   workAreaSelector: "#workarea",
   reviewMode: false,
-  linterContext: Gorgon.linterContextDefault
+  linterContext: PerseusLinter.linterContextDefault
 });
 
 /**