@khanacademy/perseus 33.3.0 → 34.1.0

package/dist/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var KAS = require('@khanacademy/kas');
 var mathInput = require('@khanacademy/math-input');
-var perseusCore = require('@khanacademy/perseus-core');
 var PerseusLinter = require('@khanacademy/perseus-linter');
 var wonderBlocksCore = require('@khanacademy/wonder-blocks-core');
 var Tooltip$1 = require('@khanacademy/wonder-blocks-tooltip');
@@ -19,6 +18,7 @@ var wonderBlocksPopover = require('@khanacademy/wonder-blocks-popover');
 var wonderBlocksTokens = require('@khanacademy/wonder-blocks-tokens');
 var $ = require('jquery');
 var uuid = require('uuid');
+var perseusCore = require('@khanacademy/perseus-core');
 var PropTypes = require('prop-types');
 var kmath = require('@khanacademy/kmath');
 var wonderStuffCore = require('@khanacademy/wonder-stuff-core');
@@ -845,23 +845,6 @@ var dependencies = /*#__PURE__*/Object.freeze({
   useDependencies: useDependencies
 });
 
-// TODO(LP-11481): Change the primary API we use for logging in Perseus to use
-// getDependencies() internally... simplify usage to just using a "singleton"
-// which get's the injected logger.
-/**
- * Provides logging infrastructure for Perseus
- */
-const Log = {
-  // Logs a message
-  log: (message, extra) => {
-    getDependencies().Log.log(message, extra);
-  },
-  // Logs an error with a message
-  error: (message, kind, extra) => {
-    getDependencies().Log.error(message, kind, extra);
-  }
-};
-
 /**
  * These are things that widgets should exclude when serializing themselves.
  *
@@ -1304,6 +1287,23 @@ const ClassNames = {
   MOBILE: "perseus-mobile"
 };
 
+// TODO(LP-11481): Change the primary API we use for logging in Perseus to use
+// getDependencies() internally... simplify usage to just using a "singleton"
+// which get's the injected logger.
+/**
+ * Provides logging infrastructure for Perseus
+ */
+const Log = {
+  // Logs a message
+  log: (message, extra) => {
+    getDependencies().Log.log(message, extra);
+  },
+  // Logs an error with a message
+  error: (message, kind, extra) => {
+    getDependencies().Log.error(message, kind, extra);
+  }
+};
+
 const KhanMath = {
   // Simplify formulas before display
   cleanMath: function (expr) {
@@ -2219,6 +2219,176 @@ const KhanAnswerTypes = {
   }
 };
 
+/**
+ *  Get the character used for separating decimals.
+ */
+const getDecimalSeparator = locale => {
+  switch (locale) {
+    // TODO(somewhatabstract): Remove this when Chrome supports the `ka`
+    // locale properly.
+    // https://github.com/formatjs/formatjs/issues/1526#issuecomment-559891201
+    //
+    // Supported locales in Chrome:
+    // https://source.chromium.org/chromium/chromium/src/+/master:third_party/icu/scripts/chrome_ui_languages.list
+    case "ka":
+      return ",";
+    default:
+      const numberWithDecimalSeparator = 1.1;
+      // TODO(FEI-3647): Update to use .formatToParts() once we no longer have to
+      // support Safari 12.
+      const match = new Intl.NumberFormat(locale).format(numberWithDecimalSeparator)
+      // 0x661 is ARABIC-INDIC DIGIT ONE
+      // 0x6F1 is EXTENDED ARABIC-INDIC DIGIT ONE
+      .match(/[^\d\u0661\u06F1]/);
+      return match?.[0] ?? ".";
+  }
+};
+
+/* Content creators input a list of answers which are matched from top to
+ * bottom. The intent is that they can include spcific solutions which should
+ * be graded as correct or incorrect (or ungraded!) first, then get more
+ * general.
+ *
+ * We iterate through each answer, trying to match it with the user's input
+ * using the following angorithm:
+ * - Try to parse the user's input. If it doesn't parse then return "not
+ *   graded".
+ * - For each answer:
+ *   ~ Try to validate the user's input against the answer. The answer is
+ *     expected to parse.
+ *   ~ If the user's input validates (the validator judges it "correct"), we've
+ *     matched and can stop considering answers.
+ * - If there were no matches or the matching answer is considered "ungraded",
+ *   show the user an error. TODO(joel) - what error?
+ * - Otherwise, pass through the resulting points and message.
+ */
+function expressionValidator(userInput, rubric) {
+  let onInputError = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};
+  let strings = arguments.length > 3 ? arguments[3] : undefined;
+  let locale = arguments.length > 4 ? arguments[4] : undefined;
+  const options = ___default["default"].clone(rubric);
+  ___default["default"].extend(options, {
+    decimal_separator: getDecimalSeparator(locale)
+  });
+  const createValidator = answer => {
+    // We give options to KAS.parse here because it is parsing the
+    // solution answer, not the student answer, and we don't want a
+    // solution to work if the student is using a different language
+    // (different from the content creation language, ie. English).
+    const expression = KAS__namespace.parse(answer.value, rubric);
+    // An answer may not be parsed if the expression was defined
+    // incorrectly. For example if the answer is using a symbol defined
+    // in the function variables list for the expression.
+    if (!expression.parsed) {
+      /* c8 ignore next */
+      Log.error("Unable to parse solution answer for expression", perseusCore.Errors.InvalidInput, {
+        loggedMetadata: {
+          rubric: JSON.stringify(rubric)
+        }
+      });
+      return null;
+    }
+    return KhanAnswerTypes.expression.createValidatorFunctional(expression.expr, ___default["default"]({}).extend(options, {
+      simplify: answer.simplify,
+      form: answer.form
+    }), strings);
+  };
+
+  // Find the first answer form that matches the user's input and that
+  // is considered correct. Also, track whether the input is
+  // considered "empty" for all answer forms, and keep the validation
+  // result for the first answer form for which the user's input was
+  // considered "ungraded".
+  // (Terminology reminder: the answer forms are provided by the
+  // assessment items; they are not the user's input. Each one might
+  // represent a correct answer, an incorrect one (if the exercise
+  // creator has predicted certain common wrong answers and wants to
+  // provide guidance via a message), or an ungraded one (same idea,
+  // but without giving the user an incorrect mark for the question).
+  let matchingAnswerForm;
+  let matchMessage;
+  let allEmpty = true;
+  let firstUngradedResult;
+  for (const answerForm of rubric.answerForms || []) {
+    const validator = createValidator(answerForm);
+    if (!validator) {
+      continue;
+    }
+    const result = validator(userInput);
+
+    // Short-circuit as soon as the user's input matches some answer
+    // (independently of whether the answer is correct)
+    if (result.correct) {
+      matchingAnswerForm = answerForm;
+      matchMessage = result.message || "";
+      break;
+    }
+    allEmpty = allEmpty && result.empty;
+    // If this answer form is correct and the user's input is considered
+    // "ungraded" for it, we'll want to keep the evaluation result for
+    // later. If the user's input doesn't match any answer forms, we'll
+    // show the message from this validation.
+    if (answerForm.considered === "correct" && result.ungraded && !firstUngradedResult) {
+      firstUngradedResult = result;
+    }
+  }
+
+  // Now check to see if we matched any answer form at all, and if
+  // we did, whether it's considered correct, incorrect, or ungraded
+  if (!matchingAnswerForm) {
+    if (firstUngradedResult) {
+      // While we didn't directly match with any answer form, we
+      // did at some point get an "ungraded" validation result,
+      // which might indicate e.g. a mismatch in variable casing.
+      // We'll return "invalid", which will let the user try again
+      // with no penalty, and the hopefully helpful validation
+      // message.
+      return {
+        type: "invalid",
+        message: firstUngradedResult.message,
+        suppressAlmostThere: firstUngradedResult.suppressAlmostThere
+      };
+    }
+    if (allEmpty) {
+      // If everything graded as empty, it's invalid.
+      return {
+        type: "invalid",
+        message: null
+      };
+    }
+    // We fell through all the possibilities and we're not empty,
+    // so the answer is considered incorrect.
+    return {
+      type: "points",
+      earned: 0,
+      total: 1
+    };
+  }
+  if (matchingAnswerForm.considered === "ungraded") {
+    // We matched an ungraded answer form - return "invalid", which
+    // will let the user try again with no penalty
+    const apiResult = onInputError(null,
+    // Reserved for some widget identifier
+    userInput, matchMessage);
+    return {
+      type: "invalid",
+      message: apiResult === false ? null : matchMessage
+    };
+  }
+  // We matched a graded answer form, so we can now tell the user
+  // whether their input was correct or incorrect, and hand out
+  // points accordingly
+  // TODO(eater): Seems silly to translate result to this
+  // invalid/points thing and immediately translate it back in
+  // ItemRenderer.scoreInput()
+  return {
+    type: "points",
+    earned: matchingAnswerForm.considered === "correct" ? 1 : 0,
+    total: 1,
+    message: matchMessage
+  };
+}
+
 // Map of international operator names to their English equivalents
 const englishOperators = {
   arctg: "arctan",
@@ -2245,181 +2415,18 @@ const deriveKeypadVersion = apiOptions => {
   // can remove this `virtualKeypadVersion` field entirely.
   return apiOptions.nativeKeypadProxy != null ? "REACT_NATIVE_KEYPAD" : "MATH_INPUT_KEYPAD_V2";
 };
-/**
- *  Get the character used for separating decimals.
- */
-const getDecimalSeparator = locale => {
-  switch (locale) {
-    // TODO(somewhatabstract): Remove this when Chrome supports the `ka`
-    // locale properly.
-    // https://github.com/formatjs/formatjs/issues/1526#issuecomment-559891201
-    //
-    // Supported locales in Chrome:
-    // https://source.chromium.org/chromium/chromium/src/+/master:third_party/icu/scripts/chrome_ui_languages.list
-    case "ka":
-      return ",";
-    default:
-      const numberWithDecimalSeparator = 1.1;
-      // TODO(FEI-3647): Update to use .formatToParts() once we no longer have to
-      // support Safari 12.
-      const match = new Intl.NumberFormat(locale).format(numberWithDecimalSeparator)
-      // 0x661 is ARABIC-INDIC DIGIT ONE
-      // 0x6F1 is EXTENDED ARABIC-INDIC DIGIT ONE
-      .match(/[^\d\u0661\u06F1]/);
-      return match?.[0] ?? ".";
-  }
-};
-
 // The new, MathQuill input expression widget
 class Expression extends React__namespace.Component {
   static contextType = PerseusI18nContext;
   _textareaId = `expression_textarea_${Date.now()}`;
   _isMounted = false;
 
-  //#region Previously a class extension
-  /* Content creators input a list of answers which are matched from top to
-   * bottom. The intent is that they can include spcific solutions which should
-   * be graded as correct or incorrect (or ungraded!) first, then get more
-   * general.
-   *
-   * We iterate through each answer, trying to match it with the user's input
-   * using the following angorithm:
-   * - Try to parse the user's input. If it doesn't parse then return "not
-   *   graded".
-   * - For each answer:
-   *   ~ Try to validate the user's input against the answer. The answer is
-   *     expected to parse.
-   *   ~ If the user's input validates (the validator judges it "correct"), we've
-   *     matched and can stop considering answers.
-   * - If there were no matches or the matching answer is considered "ungraded",
-   *   show the user an error. TODO(joel) - what error?
-   * - Otherwise, pass through the resulting points and message.
-   */
+  // TODO remove this in favor of just using expressionValidator
   static validate(userInput, rubric) {
     let onInputError = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};
     let strings = arguments.length > 3 ? arguments[3] : undefined;
     let locale = arguments.length > 4 ? arguments[4] : undefined;
-    const options = ___default["default"].clone(rubric);
-    ___default["default"].extend(options, {
-      decimal_separator: getDecimalSeparator(locale)
-    });
-    const createValidator = answer => {
-      // We give options to KAS.parse here because it is parsing the
-      // solution answer, not the student answer, and we don't want a
-      // solution to work if the student is using a different language
-      // (different from the content creation language, ie. English).
-      const expression = KAS__namespace.parse(answer.value, rubric);
-      // An answer may not be parsed if the expression was defined
-      // incorrectly. For example if the answer is using a symbol defined
-      // in the function variables list for the expression.
-      if (!expression.parsed) {
-        /* c8 ignore next */
-        Log.error("Unable to parse solution answer for expression", perseusCore.Errors.InvalidInput, {
-          loggedMetadata: {
-            rubric: JSON.stringify(rubric)
-          }
-        });
-        return null;
-      }
-      return KhanAnswerTypes.expression.createValidatorFunctional(expression.expr, ___default["default"]({}).extend(options, {
-        simplify: answer.simplify,
-        form: answer.form
-      }), strings);
-    };
-
-    // Find the first answer form that matches the user's input and that
-    // is considered correct. Also, track whether the input is
-    // considered "empty" for all answer forms, and keep the validation
-    // result for the first answer form for which the user's input was
-    // considered "ungraded".
-    // (Terminology reminder: the answer forms are provided by the
-    // assessment items; they are not the user's input. Each one might
-    // represent a correct answer, an incorrect one (if the exercise
-    // creator has predicted certain common wrong answers and wants to
-    // provide guidance via a message), or an ungraded one (same idea,
-    // but without giving the user an incorrect mark for the question).
-    let matchingAnswerForm;
-    let matchMessage;
-    let allEmpty = true;
-    let firstUngradedResult;
-    for (const answerForm of rubric.answerForms || []) {
-      const validate = createValidator(answerForm);
-      if (!validate) {
-        continue;
-      }
-      const result = validate(userInput);
-
-      // Short-circuit as soon as the user's input matches some answer
-      // (independently of whether the answer is correct)
-      if (result.correct) {
-        matchingAnswerForm = answerForm;
-        matchMessage = result.message || "";
-        break;
-      }
-      allEmpty = allEmpty && result.empty;
-      // If this answer form is correct and the user's input is considered
-      // "ungraded" for it, we'll want to keep the evaluation result for
-      // later. If the user's input doesn't match any answer forms, we'll
-      // show the message from this validation.
-      if (answerForm.considered === "correct" && result.ungraded && !firstUngradedResult) {
-        firstUngradedResult = result;
-      }
-    }
-
-    // Now check to see if we matched any answer form at all, and if
-    // we did, whether it's considered correct, incorrect, or ungraded
-    if (!matchingAnswerForm) {
-      if (firstUngradedResult) {
-        // While we didn't directly match with any answer form, we
-        // did at some point get an "ungraded" validation result,
-        // which might indicate e.g. a mismatch in variable casing.
-        // We'll return "invalid", which will let the user try again
-        // with no penalty, and the hopefully helpful validation
-        // message.
-        return {
-          type: "invalid",
-          message: firstUngradedResult.message,
-          suppressAlmostThere: firstUngradedResult.suppressAlmostThere
-        };
-      }
-      if (allEmpty) {
-        // If everything graded as empty, it's invalid.
-        return {
-          type: "invalid",
-          message: null
-        };
-      }
-      // We fell through all the possibilities and we're not empty,
-      // so the answer is considered incorrect.
-      return {
-        type: "points",
-        earned: 0,
-        total: 1
-      };
-    }
-    if (matchingAnswerForm.considered === "ungraded") {
-      // We matched an ungraded answer form - return "invalid", which
-      // will let the user try again with no penalty
-      const apiResult = onInputError(null,
-      // Reserved for some widget identifier
-      userInput, matchMessage);
-      return {
-        type: "invalid",
-        message: apiResult === false ? null : matchMessage
-      };
-    }
-    // We matched a graded answer form, so we can now tell the user
-    // whether their input was correct or incorrect, and hand out
-    // points accordingly
-    // TODO(eater): Seems silly to translate result to this
-    // invalid/points thing and immediately translate it back in
-    // ItemRenderer.scoreInput()
-    return {
-      type: "points",
-      earned: matchingAnswerForm.considered === "correct" ? 1 : 0,
-      total: 1,
-      message: matchMessage
-    };
+    return expressionValidator(userInput, rubric, onInputError, strings, locale);
   }
   static getUserInputFromProps(props) {
     return normalizeTex(props.value);
@@ -2506,7 +2513,7 @@ class Expression extends React__namespace.Component {
       scoring,
       ...rubric
     } = _ref;
-    const score = Expression.validate(this.getUserInput(), rubric, onInputError || function () {}, this.context.strings, this.context.locale);
+    const score = expressionValidator(this.getUserInput(), rubric, onInputError || function () {}, this.context.strings, this.context.locale);
 
     // "scoring" is a flag that indicates when we are checking answers.
     // otherwise, we may just be checking validity after changes.
@@ -2780,10 +2787,10 @@ const ExpressionWithDependencies = /*#__PURE__*/React__namespace.forwardRef((pro
 
 // HACK: Propogate "static" methods onto our wrapper component.
 // In the future we should adjust client apps to not depend on these static
-// methods and instead adjust Peresus to provide these facilities through
+// methods and instead adjust Perseus to provide these facilities through
 // instance methods on our Renderers.
 // @ts-expect-error - TS2339 - Property 'validate' does not exist on type
-ExpressionWithDependencies.validate = Expression.validate;
+ExpressionWithDependencies.validate = expressionValidator;
 // @ts-expect-error - TS2339 - Property 'validate' does not exist on type
 ExpressionWithDependencies.getUserInputFromProps = Expression.getUserInputFromProps;
 // @ts-expect-error - TS2339 - Property 'validate' does not exist on type
@@ -19812,9 +19819,7 @@ const isIdPathPrefix = function (prefixArray, wholeArray) {
 
 // The return type for getUserInput. Widgets have full control of what is
 // returned so it's not easily typed (some widgets return a scalar (string),
-// some return a custom-built object, some delegate to
-// `WidgetJsonifyDeprecated` which returns an object containing widget props
-// (filtered by deprecated keys)).
+// some return a custom-built object
 /**
  * The Widget type represents the common API that the Renderer uses to interact
  * with all widgets. All widgets must implement the methods in this API, unless
@@ -21967,6 +21972,48 @@ const answerTypes = {
     forms: "pi"
   }
 };
+function inputNumberValidator(state, rubric, strings) {
+  let onInputError = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : () => {};
+  if (rubric.answerType == null) {
+    rubric.answerType = "number";
+  }
+
+  // note(matthewc): this will get immediately parsed again by
+  // `KhanAnswerTypes.number.convertToPredicate`, but a string is
+  // expected here
+  const stringValue = `${rubric.value}`;
+  const val = KhanAnswerTypes.number.createValidatorFunctional(stringValue, {
+    simplify: rubric.simplify,
+    inexact: rubric.inexact || undefined,
+    maxError: rubric.maxError,
+    forms: answerTypes[rubric.answerType].forms
+  }, strings);
+
+  // We may have received TeX; try to parse it before grading.
+  // If `currentValue` is not TeX, this should be a no-op.
+  const currentValue = ParseTex$1(state.currentValue);
+  const result = val(currentValue);
+
+  // TODO(eater): Seems silly to translate result to this invalid/points
+  // thing and immediately translate it back in ItemRenderer.scoreInput()
+  if (result.empty) {
+    // TODO(FEI-3867): remove null-check once we have APIOptionsInternal
+    const apiResult = onInputError?.(null,
+    // reserved for some widget identifier
+    state.currentValue, result.message);
+    return {
+      type: "invalid",
+      message: apiResult === false ? null : result.message
+    };
+  }
+  return {
+    type: "points",
+    earned: result.correct ? 1 : 0,
+    total: 1,
+    message: result.message
+  };
+}
+
 const formExamples$1 = {
   integer: function (options, strings) {
     return strings.integerExample;
@@ -22010,44 +22057,7 @@ class InputNumber extends React__namespace.Component {
   };
   static validate(state, rubric, strings) {
     let onInputError = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : () => {};
-    if (rubric.answerType == null) {
-      rubric.answerType = "number";
-    }
-
-    // note(matthewc): this will get immediately parsed again by
-    // `KhanAnswerTypes.number.convertToPredicate`, but a string is
-    // expected here
-    const stringValue = `${rubric.value}`;
-    const val = KhanAnswerTypes.number.createValidatorFunctional(stringValue, {
-      simplify: rubric.simplify,
-      inexact: rubric.inexact || undefined,
-      maxError: rubric.maxError,
-      forms: answerTypes[rubric.answerType].forms
-    }, strings);
-
-    // We may have received TeX; try to parse it before grading.
-    // If `currentValue` is not TeX, this should be a no-op.
-    const currentValue = ParseTex$1(state.currentValue);
-    const result = val(currentValue);
-
-    // TODO(eater): Seems silly to translate result to this invalid/points
-    // thing and immediately translate it back in ItemRenderer.scoreInput()
-    if (result.empty) {
-      // TODO(FEI-3867): remove null-check once we have APIOptionsInternal
-      const apiResult = onInputError?.(null,
-      // reserved for some widget identifier
-      state.currentValue, result.message);
-      return {
-        type: "invalid",
-        message: apiResult === false ? null : result.message
-      };
-    }
-    return {
-      type: "points",
-      earned: result.correct ? 1 : 0,
-      total: 1,
-      message: result.message
-    };
+    return inputNumberValidator(state, rubric, strings, onInputError);
   }
   static getUserInputFromProps(props) {
     return {
@@ -22121,7 +22131,7 @@ class InputNumber extends React__namespace.Component {
   };
   simpleValidate = (rubric, onInputError) => {
     onInputError = onInputError || function () {};
-    return InputNumber.validate(this.getUserInput(), rubric, this.context.strings, onInputError);
+    return inputNumberValidator(this.getUserInput(), rubric, this.context.strings, onInputError);
   };
   examples = () => {
     const {
@@ -22254,6 +22264,130 @@ const answerFormButtons = [{
   value: "pi",
   content: "\u03C0"
 }];
+
+// This function checks if the user inputted a percent value, parsing
+// it as a number (and maybe scaling) so that it can be graded.
+// NOTE(michaelpolyak): Unlike `KhanAnswerTypes.number.percent()` which
+// can accept several input forms with or without "%", the decision
+// to parse based on the presence of "%" in the input, is so that we
+// don't accidently scale the user typed value before grading, CP-930.
+function maybeParsePercentInput(inputValue, normalizedAnswerExpected) {
+  // If the input value is not a string ending with "%", then there's
+  // nothing more to do. The value will be graded as inputted by user.
+  if (!(typeof inputValue === "string" && inputValue.endsWith("%"))) {
+    return inputValue;
+  }
+  const value = parseFloat(inputValue.slice(0, -1));
+  // If the input value stripped of the "%" cannot be parsed as a
+  // number (the slice is not really necessary for parseFloat to work
+  // if the string starts with a number) then return the original
+  // input for grading.
+  if (isNaN(value)) {
+    return inputValue;
+  }
+
+  // Next, if all correct answers are in the range of |0,1| then we
+  // scale the user typed value. We assume this is the correct thing
+  // to do since the input value ends with "%".
+  if (normalizedAnswerExpected) {
+    return value / 100;
+  }
+
+  // Otherwise, we return input valuåe (number) stripped of the "%".
+  return value;
+}
+function numericInputValidator(userInput, rubric, strings) {
+  const defaultAnswerForms = answerFormButtons.map(e => e["value"])
+  // Don't default to validating the answer as a pi answer
+  // if answerForm isn't set on the answer
+  // https://khanacademy.atlassian.net/browse/LC-691
+  .filter(e => e !== "pi");
+  const createValidator = answer => {
+    const stringAnswer = `${answer.value}`;
+
+    // Always validate against the provided answer forms (pi, decimal, etc.)
+    const validatorForms = [...(answer.answerForms ?? [])];
+
+    // When an answer is set to strict, we validate using ONLY
+    // the provided answerForms. If strict is false, or if there
+    // were no provided answer forms, we will include all
+    // of the default answer forms in our validator.
+    if (!answer.strict || validatorForms.length === 0) {
+      validatorForms.push(...defaultAnswerForms);
+    }
+    return KhanAnswerTypes.number.createValidatorFunctional(stringAnswer, {
+      message: answer.message,
+      simplify: answer.status === "correct" ? answer.simplify : "optional",
+      inexact: true,
+      // TODO(merlob) backfill / delete
+      maxError: answer.maxError,
+      forms: validatorForms
+    }, strings);
+  };
+
+  // We may have received TeX; try to parse it before grading.
+  // If `currentValue` is not TeX, this should be a no-op.
+  const currentValue = ParseTex(userInput.currentValue);
+  const correctAnswers = rubric.answers.filter(answer => answer.status === "correct");
+  const normalizedAnswerExpected = correctAnswers.every(answer => Math.abs(answer.value) <= 1);
+
+  // Look through all correct answers for one that matches either
+  // precisely or approximately and return the appropriate message:
+  // - if precise, return the message that the answer came with
+  // - if it needs to be simplified, etc., show that message
+  let result = correctAnswers.map(answer => {
+    // The coefficient is an attribute of the widget
+    let localValue = currentValue;
+    if (rubric.coefficient) {
+      if (!localValue) {
+        localValue = 1;
+      } else if (localValue === "-") {
+        localValue = -1;
+      }
+    }
+    const validate = createValidator(answer);
+    return validate(maybeParsePercentInput(localValue, normalizedAnswerExpected));
+  }).find(match => match.correct || match.empty);
+  if (!result) {
+    // Otherwise, if the guess is not correct
+    const otherAnswers = [].concat(
+    // @ts-expect-error - TS2769 - No overload matches this call.
+    rubric.answers.filter(answer => answer.status === "ungraded"), rubric.answers.filter(answer => answer.status === "wrong"));
+
+    // Look through all other answers and if one matches either
+    // precisely or approximately return the answer's message
+    const match = otherAnswers.find(answer => {
+      const validate = createValidator(answer);
+      return validate(maybeParsePercentInput(currentValue, normalizedAnswerExpected)).correct;
+    });
+    result = {
+      // @ts-expect-error - TS2339 - Property 'status' does not exist on type 'never'.
+      empty: match ? match.status === "ungraded" : false,
+      // @ts-expect-error - TS2339 - Property 'status' does not exist on type 'never'.
+      correct: match ? match.status === "correct" : false,
+      // @ts-expect-error - TS2339 - Property 'message' does not exist on type 'never'.
+      message: match ? match.message : null,
+      guess: currentValue
+    };
+  }
+
+  // TODO(eater): Seems silly to translate result to this
+  // invalid/points thing and immediately translate it
+  // back in ItemRenderer.scoreInput()
+  if (result.empty) {
+    return {
+      type: "invalid",
+      message: result.message
+    };
+  }
+  return {
+    type: "points",
+    earned: result.correct ? 1 : 0,
+    total: 1,
+    message: result.message
+  };
+}
+
 const formExamples = {
   integer: (form, strings) => strings.integerExample,
   proper: (form, strings) => form.simplify === "optional" ? strings.properExample : strings.simplifiedProperExample,
@@ -22309,97 +22443,7 @@ class NumericInput extends React__namespace.Component {
     return answerStrings[0];
   }
   static validate(userInput, rubric, strings) {
-    const defaultAnswerForms = answerFormButtons.map(e => e["value"])
-    // Don't default to validating the answer as a pi answer
-    // if answerForm isn't set on the answer
-    // https://khanacademy.atlassian.net/browse/LC-691
-    .filter(e => e !== "pi");
-    const createValidator = answer => {
-      const stringAnswer = `${answer.value}`;
-
-      // Always validate against the provided answer forms (pi, decimal, etc.)
-      const validatorForms = [...(answer.answerForms ?? [])];
-
-      // When an answer is set to strict, we validate using ONLY
-      // the provided answerForms. If strict is false, or if there
-      // were no provided answer forms, we will include all
-      // of the default answer forms in our validator.
-      if (!answer.strict || validatorForms.length === 0) {
-        validatorForms.push(...defaultAnswerForms);
-      }
-      return KhanAnswerTypes.number.createValidatorFunctional(stringAnswer, {
-        message: answer.message,
-        simplify: answer.status === "correct" ? answer.simplify : "optional",
-        inexact: true,
-        // TODO(merlob) backfill / delete
-        maxError: answer.maxError,
-        forms: validatorForms
-      }, strings);
-    };
-
-    // We may have received TeX; try to parse it before grading.
-    // If `currentValue` is not TeX, this should be a no-op.
-    const currentValue = ParseTex(userInput.currentValue);
-    const correctAnswers = rubric.answers.filter(answer => answer.status === "correct");
-    const normalizedAnswerExpected = correctAnswers.every(answer => Math.abs(answer.value) <= 1);
-
-    // Look through all correct answers for one that matches either
-    // precisely or approximately and return the appropriate message:
-    // - if precise, return the message that the answer came with
-    // - if it needs to be simplified, etc., show that message
-    let result = correctAnswers.map(answer => {
-      // The coefficient is an attribute of the widget
-      let localValue = currentValue;
-      if (rubric.coefficient) {
-        if (!localValue) {
-          // @ts-expect-error - TS2322 - Type 'number' is not assignable to type 'string'.
-          localValue = 1;
-        } else if (localValue === "-") {
-          // @ts-expect-error - TS2322 - Type 'number' is not assignable to type 'string'.
-          localValue = -1;
-        }
-      }
-      const validate = createValidator(answer);
-      return validate(maybeParsePercentInput(localValue, normalizedAnswerExpected));
-    }).find(match => match.correct || match.empty);
-    if (!result) {
-      // Otherwise, if the guess is not correct
-      const otherAnswers = [].concat(
-      // @ts-expect-error - TS2769 - No overload matches this call.
-      rubric.answers.filter(answer => answer.status === "ungraded"), rubric.answers.filter(answer => answer.status === "wrong"));
-
-      // Look through all other answers and if one matches either
-      // precisely or approximately return the answer's message
-      const match = otherAnswers.find(answer => {
-        const validate = createValidator(answer);
-        return validate(maybeParsePercentInput(currentValue, normalizedAnswerExpected)).correct;
-      });
-      result = {
-        // @ts-expect-error - TS2339 - Property 'status' does not exist on type 'never'.
-        empty: match ? match.status === "ungraded" : false,
-        // @ts-expect-error - TS2339 - Property 'status' does not exist on type 'never'.
-        correct: match ? match.status === "correct" : false,
-        // @ts-expect-error - TS2339 - Property 'message' does not exist on type 'never'.
-        message: match ? match.message : null,
-        guess: currentValue
-      };
-    }
-
-    // TODO(eater): Seems silly to translate result to this
-    // invalid/points thing and immediately translate it
-    // back in ItemRenderer.scoreInput()
-    if (result.empty) {
-      return {
-        type: "invalid",
-        message: result.message
-      };
-    }
-    return {
-      type: "points",
-      earned: result.correct ? 1 : 0,
-      total: 1,
-      message: result.message
-    };
+    return numericInputValidator(userInput, rubric, strings);
   }
   state = {
     // keeps track of the other set of values when switching
@@ -22434,7 +22478,7 @@ class NumericInput extends React__namespace.Component {
     return !noFormsAccepted && !allFormsAccepted;
   };
   simpleValidate = rubric => {
-    return NumericInput.validate(this.getUserInput(), rubric, this.context.strings);
+    return numericInputValidator(this.getUserInput(), rubric, this.context.strings);
   };
   focus = () => {
     this.inputRef?.focus();
@@ -22565,37 +22609,6 @@ const unionAnswerForms = function (answerFormsList) {
     return formExampleKeys.indexOf(form.name);
   });
 };
-// This function checks if the user inputted a percent value, parsing
-// it as a number (and maybe scaling) so that it can be graded.
-// NOTE(michaelpolyak): Unlike `KhanAnswerTypes.number.percent()` which
-// can accept several input forms with or without "%", the decision
-// to parse based on the presence of "%" in the input, is so that we
-// don't accidently scale the user typed value before grading, CP-930.
-function maybeParsePercentInput(inputValue, normalizedAnswerExpected) {
-  // If the input value is not a string ending with "%", then there's
-  // nothing more to do. The value will be graded as inputted by user.
-  if (!(typeof inputValue === "string" && inputValue.endsWith("%"))) {
-    return inputValue;
-  }
-  const value = parseFloat(inputValue.slice(0, -1));
-  // If the input value stripped of the "%" cannot be parsed as a
-  // number (the slice is not really necessary for parseFloat to work
-  // if the string starts with a number) then return the original
-  // input for grading.
-  if (isNaN(value)) {
-    return inputValue;
-  }
-
-  // Next, if all correct answers are in the range of |0,1| then we
-  // scale the user typed value. We assume this is the correct thing
-  // to do since the input value ends with "%".
-  if (normalizedAnswerExpected) {
-    return value / 100;
-  }
-
-  // Otherwise, we return input valuåe (number) stripped of the "%".
-  return value;
-}
 const propsTransform = function (widgetOptions) {
   const rendererProps = ___default["default"].extend(___default["default"].omit(widgetOptions, "answers"), {
     answerForms: unionAnswerForms(
@@ -22623,6 +22636,24 @@ var NumericInput$1 = {
   isLintable: true
 };
 
+/**
+ * Several widgets don't have "right"/"wrong" validation logic,
+ * so this just says to move on past those widgets
+ *
+ * TODO(LEMS-2396) widgets that use this probably shouldn't have any
+ * validation logic and the thing validating an exercise
+ * should just know to skip these
+ */
+function noopValidator() {
+  let points = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  return {
+    type: "points",
+    earned: points,
+    total: points,
+    message: null
+  };
+}
+
 const EN_DASH$1 = "\u2013";
 class PassageRef extends React__namespace.Component {
   static contextType = PerseusI18nContext;
@@ -22640,13 +22671,10 @@ class PassageRef extends React__namespace.Component {
     lineRange: null,
     content: null
   };
-  static validate(userInput, rubric) {
-    return {
-      type: "points",
-      earned: 0,
-      total: 0,
-      message: null
-    };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
+    return noopValidator();
   }
   componentDidMount() {
     // TODO(scottgrant): This is a hack to remove the deprecated call to
@@ -22707,9 +22735,11 @@ class PassageRef extends React__namespace.Component {
       }
     }
   };
-  simpleValidate = rubric => {
-    return PassageRef.validate(this.getUserInput(), rubric);
-  };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
+    return noopValidator();
+  }
   render() {
     const {
       strings
@@ -22747,6 +22777,7 @@ class PassageRef extends React__namespace.Component {
 var PassageRef$1 = {
   name: "passage-ref",
   displayName: "PassageRef (SAT only)",
+  hidden: true,
   defaultAlignment: "inline",
   widget: PassageRef,
   transform: widgetOptions => ({
@@ -24655,22 +24686,30 @@ var Radio = {
 /* eslint-disable import/no-named-as-default */
 var basicWidgets = [Radio, InputNumber$1, NumericInput$1, Expression$1];
 
-/* Free implementation of getUserInput. This should be used sparingly, since it
- * just returns all the widget's props rather than picking out those which were
- * input by the user.
- */
-const WidgetJsonifyDeprecated = {
-  getUserInput: function () {
-    // Omit props that get passed to all widgets
-    // @ts-expect-error - TS2339 - Property 'props' does not exist on type '{ readonly getUserInput: () => any; readonly getUserInputFromProps: (props: any) => any; }'.
-    return ___default["default"].omit(this.props, denylist);
-  },
-  // Static version of `WidgetJsonifyDeprecated.getUserInput`
-  getUserInputFromProps: function (props) {
-    // Omit props that get passed to all widgets
-    return ___default["default"].omit(props, denylist);
+function categorizerValidator(userInput, rubric, strings) {
+  let completed = true;
+  let allCorrect = true;
+  rubric.values.forEach((value, i) => {
+    if (userInput.values[i] == null) {
+      completed = false;
+    }
+    if (userInput.values[i] !== value) {
+      allCorrect = false;
+    }
+  });
+  if (!completed) {
+    return {
+      type: "invalid",
+      message: strings.invalidSelection
+    };
   }
-};
+  return {
+    type: "points",
+    earned: allCorrect ? 1 : 0,
+    total: 1,
+    message: null
+  };
+}
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
 class Categorizer extends React__namespace.Component {
@@ -24685,31 +24724,12 @@ class Categorizer extends React__namespace.Component {
     uniqueId: ___default["default"].uniqueId("perseus_radio_")
   };
   static validate(userInput, rubric, strings) {
-    let completed = true;
-    let allCorrect = true;
-    rubric.values.forEach((value, i) => {
-      if (userInput.values[i] == null) {
-        completed = false;
-      }
-      if (userInput.values[i] !== value) {
-        allCorrect = false;
-      }
-    });
-    if (!completed) {
-      return {
-        type: "invalid",
-        message: strings.invalidSelection
-      };
-    }
-    return {
-      type: "points",
-      earned: allCorrect ? 1 : 0,
-      total: 1,
-      message: null
-    };
+    return categorizerValidator(userInput, rubric, strings);
   }
   static getUserInputFromProps(props) {
-    return WidgetJsonifyDeprecated.getUserInputFromProps(props);
+    return {
+      values: props.values
+    };
   }
   change = (() => {
     var _this = this;
@@ -24732,7 +24752,7 @@ class Categorizer extends React__namespace.Component {
     this.props.trackInteraction();
   }
   simpleValidate = rubric => {
-    return Categorizer.validate(this.getUserInput(), rubric, this.context.strings);
+    return categorizerValidator(this.getUserInput(), rubric, this.context.strings);
   };
   render() {
     const self = this;
@@ -24864,6 +24884,7 @@ const styles$s = aphrodite.StyleSheet.create({
 var Categorizer$1 = {
   name: "categorizer",
   displayName: "Categorizer",
+  hidden: true,
   widget: Categorizer,
   transform: widgetOptions => {
     return ___default["default"].pick(widgetOptions, "items", "categories", "randomizeItems");
@@ -24944,18 +24965,12 @@ function getUrlFromProgramID$1(programID) {
 /* This renders the scratchpad in an iframe and handles validation via
  * window.postMessage */
 class CSProgram extends React__namespace.Component {
-  static propTypes = {
-    ...propTypes,
-    programID: PropTypes__default["default"].string,
-    programType: PropTypes__default["default"].oneOf(["pjs", "sql", "webpage"]),
-    width: PropTypes__default["default"].number,
-    height: PropTypes__default["default"].number,
-    // eslint-disable-next-line react/forbid-prop-types
-    settings: PropTypes__default["default"].array,
-    showEditor: PropTypes__default["default"].bool,
-    showButtons: PropTypes__default["default"].bool,
-    status: PropTypes__default["default"].oneOf(["incomplete", "incorrect", "correct"]),
-    message: PropTypes__default["default"].string
+  static defaultProps = {
+    showEditor: false,
+    showButtons: false,
+    status: "incomplete",
+    // optional message
+    message: null
   };
 
   // The widget's grading function
@@ -24983,13 +24998,6 @@ class CSProgram extends React__namespace.Component {
       message: "Keep going, you're not there yet!"
     };
   }
-  static defaultProps = {
-    showEditor: false,
-    showButtons: false,
-    status: "incomplete",
-    // optional message
-    message: null
-  };
   componentDidMount() {
     $__default["default"](window).on("message", this.handleMessageEvent);
   }
@@ -25025,12 +25033,12 @@ class CSProgram extends React__namespace.Component {
       return change.apply(_this, args);
     };
   })();
-  simpleValidate = rubric => {
+  simpleValidate(rubric) {
     return CSProgram.validate({
       status: this.props.status,
       message: this.props.message
     }, rubric);
-  };
+  }
   render() {
     if (!this.props.programID) {
       return /*#__PURE__*/React__namespace.createElement("div", null);
@@ -25114,20 +25122,19 @@ class Definition extends React__namespace.Component {
     togglePrompt: "define me",
     definition: "definition goes here"
   };
-  static validate(userInput, rubric) {
-    return {
-      type: "points",
-      earned: 0,
-      total: 0,
-      message: null
-    };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
+    return noopValidator();
   }
   getUserInput = () => {
     return {};
   };
-  simpleValidate = rubric => {
-    return Definition.validate(this.getUserInput(), rubric);
-  };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
+    return noopValidator();
+  }
   render() {
     return /*#__PURE__*/React__namespace.createElement(DefinitionConsumer, null, _ref => {
       let {
@@ -25193,18 +25200,13 @@ class DeprecatedStandin extends React__default["default"].Component {
   static validate(userInput, rubric) {
     // Since this mean to replace an existing widget the learner
     // WILL earn points for this widget
-    return {
-      type: "points",
-      earned: 1,
-      total: 1,
-      message: null
-    };
+    return noopValidator(1);
   }
   getUserInput = () => {
     return {};
   };
   simpleValidate = rubric => {
-    return DeprecatedStandin.validate(this.getUserInput(), rubric);
+    return noopValidator(1);
   };
   render() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -25226,6 +25228,23 @@ var DeprecatedStandin$1 = {
   hidden: true
 };
 
+function dropdownValidator(userInput, rubric) {
+  const selected = userInput.value;
+  if (selected === 0) {
+    return {
+      type: "invalid",
+      message: null
+    };
+  }
+  const correct = rubric.choices[selected - 1].correct;
+  return {
+    type: "points",
+    earned: correct ? 1 : 0,
+    total: 1,
+    message: null
+  };
+}
+
 class Dropdown extends React__namespace.Component {
   static defaultProps = {
     choices: [],
@@ -25234,20 +25253,7 @@ class Dropdown extends React__namespace.Component {
     apiOptions: ApiOptions.defaults
   };
   static validate(userInput, rubric) {
-    const selected = userInput.value;
-    if (selected === 0) {
-      return {
-        type: "invalid",
-        message: null
-      };
-    }
-    const correct = rubric.choices[selected - 1].correct;
-    return {
-      type: "points",
-      earned: correct ? 1 : 0,
-      total: 1,
-      message: null
-    };
+    return dropdownValidator(userInput, rubric);
   }
   focus = () => {
     // TODO(LP-10797): This focus() call doesn't do anything because our
@@ -25272,7 +25278,7 @@ class Dropdown extends React__namespace.Component {
     };
   };
   simpleValidate = rubric => {
-    return Dropdown.validate(this.getUserInput(), rubric);
+    return dropdownValidator(this.getUserInput(), rubric);
   };
   render() {
     const children = [/*#__PURE__*/React__namespace.createElement(wonderBlocksDropdown.OptionItem, {
@@ -25338,13 +25344,10 @@ class Explanation extends React__namespace.Component {
     widgets: {},
     linterContext: PerseusLinter.linterContextDefault
   };
-  static validate(userInput, rubric) {
-    return {
-      type: "points",
-      earned: 0,
-      total: 0,
-      message: null
-    };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
+    return noopValidator();
   }
   componentDidMount() {
     this._mounted = true;
@@ -25370,9 +25373,11 @@ class Explanation extends React__namespace.Component {
   getUserInput = () => {
     return {};
   };
-  simpleValidate = rubric => {
-    return Explanation.validate(this.getUserInput(), rubric);
-  };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
+    return noopValidator();
+  }
   render() {
     const promptText = this.state.expanded ? this.props.hidePrompt : this.props.showPrompt;
     const caretIcon = this.state.expanded ? caretUp__default["default"] : caretDown__default["default"];
@@ -27208,6 +27213,7 @@ const staticTransform$4 = editorProps => {
 var Grapher$1 = {
   name: "grapher",
   displayName: "Grapher",
+  hidden: true,
   widget: Grapher,
   transform: propTransform$2,
   staticTransform: staticTransform$4
@@ -27355,28 +27361,23 @@ var Group$1 = {
   displayName: "Group (SAT only)",
   widget: Group,
   traverseChildWidgets: traverseChildWidgets,
-  hidden: false,
+  hidden: true,
   isLintable: true
 };
 
-/* eslint-disable react/forbid-prop-types */
+/**
+ * This is an iframe widget. It is used for rendering an iframe that
+ *  then communicates its state via window.postMessage
+ * This is useful for embedding arbitrary visualizations/simulations with
+ *  completed conditions, such as the mazes and games in Algorithms.
+ * It's particularly well suited for embedding our ProcessingJS programs,
+ *  but could also be used for embedding viz's hosted elsewhere.
+ */
 const {
   updateQueryString
 } = Util;
-
 /* This renders the iframe and handles validation via window.postMessage */
 class Iframe extends React__namespace.Component {
-  static propTypes = {
-    ...propTypes,
-    width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
-    height: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
-    url: PropTypes__default["default"].string,
-    settings: PropTypes__default["default"].array,
-    status: PropTypes__default["default"].oneOf(["incomplete", "incorrect", "correct"]),
-    message: PropTypes__default["default"].string,
-    allowFullScreen: PropTypes__default["default"].bool,
-    allowTopNavigation: PropTypes__default["default"].bool
-  };
   static defaultProps = {
     status: "incomplete",
     // optional message
@@ -27390,9 +27391,12 @@ class Iframe extends React__namespace.Component {
   componentWillUnmount() {
     $__default["default"](window).off("message", this.handleMessageEvent);
   }
-  getUserInput = () => {
-    return WidgetJsonifyDeprecated.getUserInput.call(this);
-  };
+  getUserInput() {
+    return {
+      status: this.props.status,
+      message: this.props.message
+    };
+  }
   handleMessageEvent = e => {
     // We receive data from the iframe that contains {passed: true/false}
     //  and use that to set the status
@@ -27551,13 +27555,10 @@ class ImageWidget extends React__namespace.Component {
     caption: "",
     linterContext: PerseusLinter.linterContextDefault
   };
-  static validate(userInput, rubric) {
-    return {
-      type: "points",
-      earned: 0,
-      total: 0,
-      message: null
-    };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
+    return noopValidator();
   }
   change = (() => {
     var _this = this;
@@ -27571,9 +27572,11 @@ class ImageWidget extends React__namespace.Component {
   getUserInput = () => {
     return null;
   };
-  simpleValidate = rubric => {
-    return ImageWidget.validate(this.getUserInput(), rubric);
-  };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
+    return noopValidator();
+  }
   focus = () => {}; // no-op
 
   render() {
@@ -27799,13 +27802,10 @@ class Interaction extends React__namespace.Component {
     },
     elements: []
   };
-  static validate(state, rubric) {
-    return {
-      type: "points",
-      earned: 0,
-      total: 0,
-      message: null
-    };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
+    return noopValidator();
   }
   state = {
     variables: _getInitialVariables(this.props.elements),
@@ -27921,9 +27921,11 @@ class Interaction extends React__namespace.Component {
     // anything.
     return {};
   };
-  simpleValidate = rubric => {
-    return Interaction.validate(this.getUserInput(), rubric);
-  };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
+    return noopValidator();
+  }
   render() {
     const range = this.props.graph.range;
     let labels = this.props.graph.labels;
@@ -29977,6 +29979,7 @@ function LockedLabel(props) {
 
 function GraphLockedLabelsLayer(props) {
   const {
+    flags,
     lockedFigures
   } = props;
   return lockedFigures.map((figure, i) => {
@@ -29985,9 +29988,21 @@ function GraphLockedLabelsLayer(props) {
         key: `label-${i}`
       }, figure));
     }
-
-    // TODO(LEMS-2271): Add support for labels within
-    // other locked figure types
+    if (
+    // Point flag + point type
+    flags?.["mafs"]?.["locked-point-labels"] && figure.type === "point" ||
+    // Line flag + line type
+    flags?.["mafs"]?.["locked-line-labels"] && figure.type === "line") {
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+        key: i
+      }, figure.labels.map((label, j) => /*#__PURE__*/React__namespace.createElement(LockedLabel, _extends({
+        key: `${i}-label-${j}`
+      }, label))), figure.type === "line" && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, figure.points[0].labels.map((label, k) => /*#__PURE__*/React__namespace.createElement(LockedLabel, _extends({
+        key: `locked-figure-${i}-point-1-label-${k}`
+      }, label))), figure.points[1].labels.map((label, k) => /*#__PURE__*/React__namespace.createElement(LockedLabel, _extends({
+        key: `locked-figure-${i}-point-2-label-${k}`
+      }, label)))));
+    }
     return null;
   });
 }
@@ -30326,7 +30341,9 @@ const GraphLockedLayer = props => {
 
 const actions = {
   global: {
-    deleteIntent
+    deleteIntent,
+    changeInteractionMode,
+    changeKeyboardInvitationVisibility
   },
   angle: {
     movePoint
@@ -30418,6 +30435,20 @@ function clickPoint(index) {
     index
   };
 }
+const CHANGE_INTERACTION_MODE = "point-change-interaction-mode";
+function changeInteractionMode(mode) {
+  return {
+    type: CHANGE_INTERACTION_MODE,
+    mode
+  };
+}
+const CHANGE_KEYBOARD_INVITATION_VISIBILITY = "change-keyboard-interaction-invitation-visibility";
+function changeKeyboardInvitationVisibility(shouldShow) {
+  return {
+    type: CHANGE_KEYBOARD_INVITATION_VISIBILITY,
+    shouldShow
+  };
+}
 const MOVE_ALL = "move-all";
 function moveAll(delta) {
   return {
@@ -32275,15 +32306,18 @@ const MafsGraph = props => {
       height
     },
     onKeyUp: event => {
-      if (event.key === "Backspace") {
-        dispatch(actions.global.deleteIntent());
-        graphRef.current?.focus();
-      }
+      handleKeyboardEvent(event, state, dispatch);
     },
     "aria-label": fullGraphAriaLabel,
     "aria-describedby": fullGraphAriaDescription ? descriptionId : undefined,
     ref: graphRef,
-    tabIndex: 0
+    tabIndex: 0,
+    onFocus: event => {
+      handleFocusEvent(event, state, dispatch);
+    },
+    onBlur: event => {
+      handleBlurEvent(event, state, dispatch);
+    }
   }, fullGraphAriaDescription && /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     id: descriptionId,
     tabIndex: -1,
@@ -32324,7 +32358,8 @@ const MafsGraph = props => {
   props.markings === "graph" && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(AxisTicks, null), /*#__PURE__*/React__namespace.createElement(AxisArrows, null)), /*#__PURE__*/React__namespace.createElement("svg", nestedSVGAttributes, props.lockedFigures && /*#__PURE__*/React__namespace.createElement(GraphLockedLayer, {
     lockedFigures: props.lockedFigures,
     range: state.range
-  }))), props.showLabelsFlag && props.lockedFigures && /*#__PURE__*/React__namespace.createElement(GraphLockedLabelsLayer, {
+  }))), props.flags?.["mafs"]?.["interactive-graph-locked-features-labels"] && props.lockedFigures && /*#__PURE__*/React__namespace.createElement(GraphLockedLabelsLayer, {
+    flags: props.flags,
     lockedFigures: props.lockedFigures
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: {
@@ -32344,30 +32379,63 @@ const MafsGraph = props => {
   }, /*#__PURE__*/React__namespace.createElement("svg", nestedSVGAttributes, props.showProtractor && /*#__PURE__*/React__namespace.createElement(Protractor, null), renderGraph({
     state,
     dispatch
-  })))))), renderGraphControls({
+  }))))), state.type === "point" && state.showKeyboardInteractionInvitation && /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
+    style: {
+      textAlign: "center",
+      backgroundColor: "white",
+      border: "1px solid #21242C52",
+      padding: "16px 0",
+      boxShadow: "0px 8px 8px 0px #21242C14",
+      // This translates the box to the center of the
+      // graph Then backs it off by half of its
+      // overall height so it's perfectly centered
+      top: "50%",
+      transform: "translateY(-50%)"
+    }
+  }, /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelMedium, null, "Press ", /*#__PURE__*/React__namespace.createElement("strong", null, "Shift + Enter"), " to interact with the graph"))), renderGraphControls({
     state,
     dispatch,
     width
   })));
 };
-const renderPointGraphControls = props => /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
-  style: {
-    flexDirection: "row",
-    width: props.width
-  }
-}, props.state.showRemovePointButton && props.state.focusedPointIndex !== null && /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
-  id: REMOVE_BUTTON_ID,
-  kind: "secondary",
-  color: "destructive",
-  tabIndex: -1,
-  style: {
-    width: "100%",
-    marginLeft: "20px"
-  },
-  onClick: event => {
-    props.dispatch(actions.pointGraph.removePoint(props.state.focusedPointIndex));
-  }
-}, "Remove Point"));
+const renderPointGraphControls = props => {
+  const {
+    interactionMode,
+    showRemovePointButton,
+    focusedPointIndex
+  } = props.state;
+  return /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
+    style: {
+      flexDirection: "row",
+      width: props.width
+    }
+  }, interactionMode === "keyboard" && /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+    kind: "secondary",
+    style: {
+      width: "100%",
+      marginLeft: "20px"
+    },
+    tabIndex: 0,
+    onClick: () => {
+      props.dispatch(actions.pointGraph.addPoint([0, 0]));
+    }
+  }, "Add Point"), interactionMode === "mouse" && showRemovePointButton && focusedPointIndex !== null && /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+    id: REMOVE_BUTTON_ID,
+    kind: "secondary",
+    color: "destructive"
+    // This button is meant to be interacted with by the mouse only
+    // Never allow learners to tab to this button
+    ,
+    tabIndex: -1,
+    style: {
+      width: "100%",
+      marginLeft: "20px"
+    },
+    onClick: event => {
+      props.dispatch(actions.pointGraph.removePoint(props.state.focusedPointIndex));
+    }
+  }, "Remove Point"));
+};
 const renderGraphControls = props => {
   const {
     state,
@@ -32391,6 +32459,34 @@ const renderGraphControls = props => {
       return null;
   }
 };
+function handleFocusEvent(event, state, dispatch) {
+  if (state.type === "point" && state.numPoints === "unlimited") {
+    if (event.target.classList.contains("mafs-graph") && state.interactionMode === "mouse") {
+      dispatch(actions.global.changeKeyboardInvitationVisibility(true));
+    }
+  }
+}
+function handleBlurEvent(event, state, dispatch) {
+  if (state.type === "point" && state.numPoints === "unlimited") {
+    dispatch(actions.global.changeKeyboardInvitationVisibility(false));
+  }
+}
+function handleKeyboardEvent(event, state, dispatch) {
+  if (state.type === "point" && state.numPoints === "unlimited") {
+    if (event.key === "Backspace") {
+      dispatch(actions.global.deleteIntent());
+
+      // After removing a point blur
+      // It would be nice if this could focus on the graph but doing so
+      // would trigger the message to prompt a learner to enter keyboard mode
+      document.activeElement.blur();
+    } else if (event.shiftKey && event.key === "Enter") {
+      dispatch(actions.global.changeInteractionMode("keyboard"));
+    } else if (state.interactionMode === "keyboard" && event.key === "a") {
+      dispatch(actions.pointGraph.addPoint([0, 0]));
+    }
+  }
+}
 
 // Calculate the difference between the min and max values of a range
 const getRangeDiff = range => {
@@ -32560,7 +32656,9 @@ function initializeGraphState(params) {
         coords: getPointCoords(graph, range, step),
         numPoints: graph.numPoints || 0,
         focusedPointIndex: null,
-        showRemovePointButton: false
+        showRemovePointButton: false,
+        interactionMode: "mouse",
+        showKeyboardInteractionInvitation: false
       };
     case "circle":
       return {
@@ -32833,6 +32931,10 @@ function interactiveGraphReducer(state, action) {
       return doDeleteIntent(state);
     case CLICK_POINT:
       return doClickPoint(state, action);
+    case CHANGE_INTERACTION_MODE:
+      return doChangeInteractionMode(state, action);
+    case CHANGE_KEYBOARD_INVITATION_VISIBILITY:
+      return doChangeKeyboardInvitationVisibility(state, action);
     default:
       throw new wonderStuffCore.UnreachableCaseError(action);
   }
@@ -32884,6 +32986,33 @@ function doClickPoint(state, action) {
   }
   return state;
 }
+function doChangeInteractionMode(state, action) {
+  if (state.type !== "point") {
+    return state;
+  }
+  if (state.numPoints === "unlimited") {
+    const nextKeyboardInvitation = action.mode === "keyboard" ? false : state.showKeyboardInteractionInvitation;
+    return {
+      ...state,
+      interactionMode: action.mode,
+      showKeyboardInteractionInvitation: nextKeyboardInvitation
+    };
+  }
+  return state;
+}
+function doChangeKeyboardInvitationVisibility(state, action) {
+  if (state.type !== "point") {
+    return state;
+  }
+  if (state.numPoints === "unlimited") {
+    return {
+      ...state,
+      showKeyboardInteractionInvitation: action.shouldShow,
+      hasBeenInteractedWith: true
+    };
+  }
+  return state;
+}
 function doMovePointInFigure(state, action) {
   switch (state.type) {
     case "segment":
@@ -33652,7 +33781,7 @@ const StatefulMafsGraph = /*#__PURE__*/React__namespace.forwardRef((props, ref)
   const snapTo = graph.type === "polygon" ? graph.snapTo : null;
   const showAngles = graph.type === "polygon" ? graph.showAngles : null;
   const showSides = graph.type === "polygon" ? graph.showSides : null;
-  const startCoords = "startCoords" in graph ? graph.startCoords : null;
+  const startCoords = "startCoords" in graph ? graph.startCoords : undefined;
   const originalPropsRef = React.useRef(props);
   const latestPropsRef = wonderBlocksCore.useLatestRef(props);
   React.useEffect(() => {
@@ -34960,7 +35089,7 @@ class InteractiveGraph extends React__namespace.Component {
       const gridStep = this.props.gridStep || Util.getGridStep(this.props.range, this.props.step, box[0]);
       const snapStep = this.props.snapStep || Util.snapStepFromGridStep(gridStep);
       return /*#__PURE__*/React__namespace.createElement(StatefulMafsGraph, _extends({}, this.props, {
-        showLabelsFlag: this.props.apiOptions?.flags?.["mafs"]?.["interactive-graph-locked-features-labels"],
+        flags: this.props.apiOptions?.flags,
         ref: this.mafsRef,
         gridStep: gridStep,
         snapStep: snapStep,
@@ -35557,7 +35686,7 @@ function shouldUseMafs(mafsFlags, graph) {
 const staticTransform$3 = ___default["default"].identity;
 var InteractiveGraph$1 = {
   name: "interactive-graph",
-  displayName: "Interactive graph",
+  displayName: "Interactive graph (Assessments only)",
   widget: InteractiveGraph,
   staticTransform: staticTransform$3
 };
@@ -37511,11 +37640,6 @@ var LabelImage$1 = {
 };
 
 /* eslint-disable @khanacademy/ts-no-error-suppressions */
-let Layout = /*#__PURE__*/function (Layout) {
-  Layout["HORIZONTAL"] = "horizontal";
-  Layout["VERTICAL"] = "vertical";
-  return Layout;
-}({});
 var ItemState = /*#__PURE__*/function (ItemState) {
   ItemState["STATIC"] = "static";
   ItemState["DRAGGING"] = "dragging";
@@ -37542,7 +37666,7 @@ class Placeholder extends React__namespace.Component {
     const {
       layout
     } = this.props;
-    const className = aphrodite.css(styles$d.card, styles$d.placeholder, layout === Layout.HORIZONTAL && styles$d.horizontalCard);
+    const className = aphrodite.css(styles$d.card, styles$d.placeholder, layout === "horizontal" && styles$d.horizontalCard);
     const style = {
       width: this.props.width,
       height: this.props.height
@@ -37749,7 +37873,7 @@ class Draggable extends React__namespace.Component {
     // We need to keep backwards compatbility with rules specified directly
     // in CSS. Hence the hacky tacking on of manual classNames.
     // See sortable.less for details.
-    let className = aphrodite.css(styles$d.card, styles$d.draggable, layout === Layout.HORIZONTAL && styles$d.horizontalCard, layout === Layout.VERTICAL && styles$d.verticalCard, type === ItemState.DRAGGING && styles$d.dragging, type === ItemState.DISABLED && styles$d.disabled, !includePadding && styles$d.unpaddedCard) + " " + ClassNames.INTERACTIVE + " perseus-sortable-draggable";
+    let className = aphrodite.css(styles$d.card, styles$d.draggable, layout === "horizontal" && styles$d.horizontalCard, layout === "vertical" && styles$d.verticalCard, type === ItemState.DRAGGING && styles$d.dragging, type === ItemState.DISABLED && styles$d.disabled, !includePadding && styles$d.unpaddedCard) + " " + ClassNames.INTERACTIVE + " perseus-sortable-draggable";
     if (!includePadding) {
       className += " perseus-sortable-draggable-unpadded";
     }
@@ -37789,7 +37913,7 @@ class Draggable extends React__namespace.Component {
 }
 class Sortable extends React__namespace.Component {
   static defaultProps = {
-    layout: Layout.HORIZONTAL,
+    layout: "horizontal",
     padding: true,
     disabled: false,
     constraints: {},
@@ -37884,7 +38008,7 @@ class Sortable extends React__namespace.Component {
     if (constraints?.width) {
       // Items must be at least as wide as the specified constraint
       syncWidth = ___default["default"].max(widths.concat(constraints.width));
-    } else if (layout === Layout.VERTICAL) {
+    } else if (layout === "vertical") {
       // Sync widths to get a clean column
       syncWidth = ___default["default"].max(widths);
     }
@@ -37892,7 +38016,7 @@ class Sortable extends React__namespace.Component {
     if (constraints?.height) {
       // Items must be at least as high as the specified constraint
       syncHeight = ___default["default"].max(heights.concat(constraints.height));
-    } else if (layout === Layout.HORIZONTAL) {
+    } else if (layout === "horizontal") {
       // Sync widths to get a clean row
       syncHeight = ___default["default"].max(heights);
     }
@@ -37974,7 +38098,7 @@ class Sortable extends React__namespace.Component {
 
     // @ts-expect-error - TS2551 - Property 'splice' does not exist on type 'readonly SortableItem[]'. Did you mean 'slice'?
     items.splice(currentIndex, 1);
-    if (this.props.layout === Layout.HORIZONTAL) {
+    if (this.props.layout === "horizontal") {
       // @ts-expect-error - TS2339 - Property 'offset' does not exist on type 'JQueryStatic'. | TS2339 - Property 'offset' does not exist on type 'JQueryStatic'.
       const midWidth = $draggable.offset().left - $sortable.offset().left;
       let sumWidth = 0;
@@ -38088,19 +38212,19 @@ class Sortable extends React__namespace.Component {
     // We need to keep backwards compatbility with rules specified directly
     // in CSS. See sortable.less for details.
     const className = aphrodite.css(styles$d.sortable) + " perseus-sortable";
-    const syncWidth = this.props.constraints?.width || layout === Layout.VERTICAL;
-    const syncHeight = this.props.constraints?.height || layout === Layout.HORIZONTAL;
+    const syncWidth = this.props.constraints?.width || layout === "vertical";
+    const syncHeight = this.props.constraints?.height || layout === "horizontal";
     ___default["default"].each(this.state.items, function (item, i, items) {
       const isLast = i === items.length - 1;
       const isStatic = item.state === ItemState.STATIC || item.state === ItemState.DISABLED;
       let margin;
 
       // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
-      if (this.props.layout === Layout.HORIZONTAL) {
+      if (this.props.layout === "horizontal") {
         // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
         margin = "0 " + this.props.margin + "px 0 0"; // right
         // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
-      } else if (this.props.layout === Layout.VERTICAL) {
+      } else if (this.props.layout === "vertical") {
         // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
         margin = "0 0 " + this.props.margin + "px 0"; // bottom
       }
@@ -38222,7 +38346,6 @@ const styles$d = aphrodite.StyleSheet.create({
   }
 });
 
-/* eslint-disable @khanacademy/ts-no-error-suppressions */
 const {
   shuffle: shuffle$1,
   seededRNG
@@ -38230,18 +38353,6 @@ const {
 const HACKY_CSS_CLASSNAME = "perseus-widget-matcher";
 class Matcher extends React__namespace.Component {
   static contextType = PerseusI18nContext;
-  static propTypes = {
-    apiOptions: ApiOptions.propTypes,
-    labels: PropTypes__default["default"].array,
-    left: PropTypes__default["default"].array,
-    onChange: PropTypes__default["default"].func,
-    orderMatters: PropTypes__default["default"].bool,
-    padding: PropTypes__default["default"].bool,
-    problemNum: PropTypes__default["default"].number,
-    right: PropTypes__default["default"].array,
-    trackInteraction: PropTypes__default["default"].func.isRequired,
-    linterContext: PerseusLinter.linterContextProps
-  };
   static defaultProps = {
     left: [],
     right: [],
@@ -38378,7 +38489,7 @@ class Matcher extends React__namespace.Component {
       className: aphrodite.css(styles$c.column)
     }, /*#__PURE__*/React__namespace.createElement(Sortable, {
       options: left,
-      layout: Layout.VERTICAL,
+      layout: "vertical",
       padding: this.props.padding,
       disabled: !this.props.orderMatters,
       constraints: constraints,
@@ -38391,11 +38502,9 @@ class Matcher extends React__namespace.Component {
       ref: "left"
     })), /*#__PURE__*/React__namespace.createElement("td", {
       className: aphrodite.css(styles$c.column, styles$c.columnRight)
-    }, /*#__PURE__*/React__namespace.createElement(Sortable
-    // @ts-expect-error - TS2322 - Type 'readonly unknown[]' is not assignable to type 'readonly string[]'.
-    , {
+    }, /*#__PURE__*/React__namespace.createElement(Sortable, {
       options: right,
-      layout: Layout.VERTICAL,
+      layout: "vertical",
       padding: this.props.padding,
       constraints: constraints,
       onMeasure: this.onMeasureRight,
@@ -38916,6 +39025,7 @@ const staticTransform$2 = editorProps => {
 var Matrix$1 = {
   name: "matrix",
   displayName: "Matrix",
+  hidden: true,
   widget: Matrix,
   transform: propTransform$1,
   staticTransform: staticTransform$2,
@@ -39017,9 +39127,8 @@ const Measurer = createReactClass__default["default"]({
   getUserInput: function () {
     return {};
   },
-  simpleValidate: function (rubric) {
-    // TODO(joel) - I don't understand how this is useful!
-    return Measurer.validate(this.getUserInput(), rubric);
+  simpleValidate: function () {
+    return noopValidator(1);
   },
   focus: $__default["default"].noop,
   render: function () {
@@ -39048,14 +39157,7 @@ const Measurer = createReactClass__default["default"]({
   }
 });
 ___default["default"].extend(Measurer, {
-  validate: function (state, rubric) {
-    return {
-      type: "points",
-      earned: 1,
-      total: 1,
-      message: null
-    };
-  }
+  validate: noopValidator(1)
 });
 const propUpgrades = {
   "1": v0props => {
@@ -39072,6 +39174,7 @@ const propUpgrades = {
 var Measurer$1 = {
   name: "measurer",
   displayName: "Measurer",
+  hidden: true,
   widget: Measurer,
   version: {
     major: 1,
@@ -39949,28 +40052,19 @@ class MoleculeWidget extends React__namespace.Component {
   static defaultProps = {
     rotationAngle: 0
   };
-  simpleValidate = () => {
-    return {
-      type: "points",
-      earned: 0,
-      total: 0,
-      message: null
-    };
-  };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
+    return noopValidator();
+  }
   getUserInput = () => {
     return [];
   };
-  validate = (state, rubric) => {
-    // TODO(colin): this is here as part of the interface for a component.
-    // Figure out if there is something more appropriate that this should
-    // return.
-    return {
-      type: "points",
-      earned: 0,
-      total: 0,
-      message: null
-    };
-  };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  validate() {
+    return noopValidator();
+  }
   render() {
     return /*#__PURE__*/React__namespace.createElement(Molecule, {
       widgetId: this.props.widgetId,
@@ -40569,10 +40663,6 @@ var NumberLine$1 = {
 };
 
 class PlaceholderCard extends React__namespace.Component {
-  static propTypes = {
-    width: PropTypes__default["default"].number.isRequired,
-    height: PropTypes__default["default"].number.isRequired
-  };
   render() {
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "card-wrap " + ClassNames.INTERACTIVE,
@@ -40582,7 +40672,7 @@ class PlaceholderCard extends React__namespace.Component {
     }, /*#__PURE__*/React__namespace.createElement("div", {
       className: "card placeholder",
       style: {
-        height: this.props.height
+        height: this.props.width
       }
     }));
   }
@@ -40596,29 +40686,10 @@ class DragHintCard extends React__namespace.Component {
     }));
   }
 }
-const PropTypePosition = PropTypes__default["default"].shape({
-  left: PropTypes__default["default"].number,
-  top: PropTypes__default["default"].number
-});
 class Card extends React__namespace.Component {
   static contextType = PerseusI18nContext;
   // @ts-expect-error - TS2564 - Property 'mouseMoveUpBound' has no initializer and is not definitely assigned in the constructor.
   mouseMoveUpBound;
-  static propTypes = {
-    floating: PropTypes__default["default"].bool.isRequired,
-    animating: PropTypes__default["default"].bool,
-    width: PropTypes__default["default"].number,
-    stack: PropTypes__default["default"].bool,
-    onMouseDown: PropTypes__default["default"].func,
-    onMouseMove: PropTypes__default["default"].func,
-    onMouseUp: PropTypes__default["default"].func,
-    // Used only for floating/animating cards
-    startMouse: PropTypePosition,
-    startOffset: PropTypePosition,
-    animateTo: PropTypePosition,
-    onAnimationEnd: PropTypes__default["default"].func,
-    linterContext: PerseusLinter.linterContextProps
-  };
   static defaultProps = {
     stack: false,
     animating: false,
@@ -40656,7 +40727,7 @@ class Card extends React__namespace.Component {
     this.props.fakeRef !== nextProps.fakeRef;
   }
   componentDidUpdate(prevProps, prevState) {
-    if (this.props.animating && !prevProps.animating) {
+    if (this.props.animating && !prevProps.animating && this.props.animateTo && this.props.startOffset) {
       // If we just were changed into animating, start the animation.
       // We pick the animation speed based on the distance that the card
       // needs to travel. (Why sqrt? Just because it looks nice -- with a
@@ -40723,8 +40794,8 @@ class Card extends React__namespace.Component {
     if (this.props.floating) {
       style = {
         position: "absolute",
-        left: this.props.startOffset.left,
-        top: this.props.startOffset.top
+        left: this.props.startOffset?.left,
+        top: this.props.startOffset?.top
       };
     }
     if (this.props.width) {
@@ -40734,7 +40805,7 @@ class Card extends React__namespace.Component {
     if (this.props.stack) {
       className.push("stack");
     }
-    if (this.props.floating && !this.props.animating) {
+    if (this.props.floating && !this.props.animating && this.props.mouse && this.props.startMouse) {
       className.push("dragging");
       style.left += this.props.mouse.left - this.props.startMouse.left;
       style.top += this.props.mouse.top - this.props.startMouse.top;
@@ -40759,14 +40830,14 @@ class Card extends React__namespace.Component {
   }
 }
 const NORMAL = "normal",
-  HORIZONTAL$1 = "horizontal";
+  HORIZONTAL = "horizontal";
 class Orderer extends React__namespace.Component {
   static defaultProps = {
     current: [],
     options: [],
     correctOptions: [],
     height: NORMAL,
-    layout: HORIZONTAL$1,
+    layout: HORIZONTAL,
     linterContext: PerseusLinter.linterContextDefault
   };
   state = {
@@ -40919,7 +40990,7 @@ class Orderer extends React__namespace.Component {
   };
   findCorrectIndex = (draggable, list) => {
     // Find the correct index for a card given the current cards.
-    const isHorizontal = this.props.layout === HORIZONTAL$1;
+    const isHorizontal = this.props.layout === HORIZONTAL;
     // eslint-disable-next-line react/no-string-refs
     // @ts-expect-error - TS2769 - No overload matches this call.
     const $dragList = $__default["default"](ReactDOM__default["default"].findDOMNode(this.refs.dragList));
@@ -40969,7 +41040,7 @@ class Orderer extends React__namespace.Component {
     if (draggable == null) {
       return false;
     }
-    const isHorizontal = this.props.layout === HORIZONTAL$1,
+    const isHorizontal = this.props.layout === HORIZONTAL,
       // @ts-expect-error - TS2769 - No overload matches this call.
       $draggable = $__default["default"](ReactDOM__default["default"].findDOMNode(draggable)),
       // eslint-disable-next-line react/no-string-refs
@@ -41149,6 +41220,7 @@ ___default["default"].extend(Orderer, {
 var Orderer$1 = {
   name: "orderer",
   displayName: "Orderer",
+  hidden: true,
   widget: Orderer,
   isLintable: true
 };
@@ -42958,13 +43030,10 @@ class Passage extends React__namespace.Component {
     startLineNumbersAfter: 0,
     stylesAreApplied: false
   };
-  static validate(state, rubric) {
-    return {
-      type: "points",
-      earned: 0,
-      total: 0,
-      message: null
-    };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
+    return noopValidator();
   }
   componentDidMount() {
     this._updateState();
@@ -43183,8 +43252,10 @@ class Passage extends React__namespace.Component {
   getUserInput() {
     return null;
   }
-  simpleValidate(rubric) {
-    return Passage.validate(this.getUserInput(), rubric);
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
+    return noopValidator();
   }
 
   /**
@@ -43325,6 +43396,7 @@ class Passage extends React__namespace.Component {
 var Passage$1 = {
   name: "passage",
   displayName: "Passage (SAT only)",
+  hidden: true,
   widget: Passage,
   transform: editorProps => {
     return ___default["default"].pick(editorProps, "passageTitle", "passageText", "footnotes", "showLineNumbers");
@@ -43339,17 +43411,18 @@ class PassageRefTarget extends React__namespace.Component {
     content: "",
     linterContext: PerseusLinter.linterContextDefault
   };
-  static validate(state, rubric) {
-    return {
-      type: "points",
-      earned: 0,
-      total: 0,
-      message: null
-    };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
+    return noopValidator();
   }
+
+  // TODO passage-ref-target isn't interactive; remove
   getUserInput = () => {
-    return WidgetJsonifyDeprecated.getUserInput.call(this);
+    return;
   };
+
+  // TODO passage-ref-target isn't interactive; remove
   change = (() => {
     var _this = this;
     return function () {
@@ -43359,9 +43432,11 @@ class PassageRefTarget extends React__namespace.Component {
       return change.apply(_this, args);
     };
   })();
-  simpleValidate = rubric => {
-    return PassageRefTarget.validate(this.getUserInput(), rubric);
-  };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
+    return noopValidator();
+  }
   render() {
     return /*#__PURE__*/React__namespace.createElement(Renderer, {
       content: this.props.content
@@ -44417,6 +44492,7 @@ const staticTransform = ___default["default"].identity;
 var Plotter$1 = {
   name: "plotter",
   displayName: "Plotter",
+  hidden: true,
   widget: Plotter,
   staticTransform: staticTransform
 };
@@ -44467,29 +44543,14 @@ var PythonProgram$1 = {
   widget: PythonProgram
 };
 
-/* eslint-disable @khanacademy/ts-no-error-suppressions */
 const {
   shuffle
 } = Util;
-const HORIZONTAL = "horizontal";
-const VERTICAL = "vertical";
 class Sorter extends React__namespace.Component {
-  // @ts-expect-error - TS2564 - Property '_isMounted' has no initializer and is not definitely assigned in the constructor.
-  _isMounted;
-  static propTypes = {
-    apiOptions: ApiOptions.propTypes,
-    // eslint-disable-next-line react/forbid-prop-types
-    correct: PropTypes__default["default"].array,
-    layout: PropTypes__default["default"].oneOf([HORIZONTAL, VERTICAL]),
-    onChange: PropTypes__default["default"].func,
-    padding: PropTypes__default["default"].bool,
-    problemNum: PropTypes__default["default"].number,
-    trackInteraction: PropTypes__default["default"].func.isRequired,
-    linterContext: PerseusLinter.linterContextProps
-  };
+  _isMounted = false;
   static defaultProps = {
     correct: [],
-    layout: HORIZONTAL,
+    layout: "horizontal",
     padding: true,
     problemNum: 0,
     onChange: function () {},
@@ -44567,9 +44628,7 @@ class Sorter extends React__namespace.Component {
     const marginPx = apiOptions.isMobile ? 8 : 5;
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "perseus-widget-sorter perseus-clearfix"
-    }, /*#__PURE__*/React__namespace.createElement(Sortable
-    // @ts-expect-error - TS2322 - Type 'readonly unknown[]' is not assignable to type 'readonly string[]'.
-    , {
+    }, /*#__PURE__*/React__namespace.createElement(Sortable, {
       options: options,
       layout: this.props.layout,
       margin: marginPx,
@@ -44592,7 +44651,6 @@ var Sorter$1 = {
 const {
   assert
 } = InteractiveUtil;
-
 /* Input handling: Maps a (row, column) pair to a unique ref used by React,
  * and extracts (row, column) pairs from input paths, used to allow outsiders
  * to focus, blur, set input values, etc. */
@@ -44619,16 +44677,6 @@ const getRefForPath = function (path) {
 };
 class Table extends React__namespace.Component {
   static contextType = PerseusI18nContext;
-  static propTypes = {
-    answers: PropTypes__default["default"].arrayOf(PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)),
-    editableHeaders: PropTypes__default["default"].bool,
-    // The editor to use when editableHeaders is enabled
-    Editor: PropTypes__default["default"].func,
-    headers: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string),
-    keypadElement: mathInput.keypadElementPropType,
-    trackInteraction: PropTypes__default["default"].func.isRequired,
-    linterContext: PerseusLinter.linterContextProps
-  };
   static defaultProps = function () {
     const defaultRows = 4;
     const defaultColumns = 1;
@@ -44972,21 +45020,18 @@ class Video extends React__namespace.Component {
    * This is the widget's grading function.
    * Points for videos are tallied by the embedded video itself, in the case
    * of Khan Academy videos.
-   */
-  static validate(userInput, rubric) {
-    return {
-      type: "points",
-      earned: 0,
-      total: 0,
-      message: null
-    };
+   */ // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
+    return noopValidator();
   }
   getUserInput = () => {
     return null;
   };
-  simpleValidate = rubric => {
-    return Video.validate(null, rubric);
-  };
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  simpleValidate() {
+    return noopValidator();
+  }
   change = (() => {
     var _this = this;
     return function () {
@@ -45099,7 +45144,7 @@ const init = function (options) {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "33.3.0";
+const libVersion = "34.1.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {
@@ -48614,7 +48659,6 @@ exports.SizingUtils = sizingUtils;
 exports.TableWidget = Table$1;
 exports.Util = Util;
 exports.WIDGET_PROP_DENYLIST = denylist;
-exports.WidgetJsonifyDeprecated = WidgetJsonifyDeprecated;
 exports.Widgets = widgets$1;
 exports.addWidget = addWidget;
 exports.apiVersion = apiVersion;