@khanacademy/perseus 34.0.0 → 34.1.0

package/dist/index.js

@@ -21972,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;
@@ -22015,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 {
@@ -22126,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 {
@@ -22635,15 +22640,16 @@ var NumericInput$1 = {
  * Several widgets don't have "right"/"wrong" validation logic,
  * so this just says to move on past those widgets
  *
- * TODO: widgets that use this probably shouldn't have any
+ * 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: 0,
-    total: 0,
+    earned: points,
+    total: points,
     message: null
   };
 }
@@ -22665,7 +22671,9 @@ class PassageRef extends React__namespace.Component {
     lineRange: null,
     content: null
   };
-  static validate(userInput, rubric) {
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
     return noopValidator();
   }
   componentDidMount() {
@@ -22727,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
@@ -24676,6 +24686,31 @@ var Radio = {
 /* eslint-disable import/no-named-as-default */
 var basicWidgets = [Radio, InputNumber$1, NumericInput$1, Expression$1];
 
+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 {
   static contextType = PerseusI18nContext;
@@ -24689,28 +24724,7 @@ 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 {
@@ -24738,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;
@@ -25108,15 +25122,19 @@ class Definition extends React__namespace.Component {
     togglePrompt: "define me",
     definition: "definition goes here"
   };
-  static validate(userInput, rubric) {
+
+  // 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 {
@@ -25182,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", {
@@ -25331,7 +25344,9 @@ class Explanation extends React__namespace.Component {
     widgets: {},
     linterContext: PerseusLinter.linterContextDefault
   };
-  static validate(userInput, rubric) {
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
     return noopValidator();
   }
   componentDidMount() {
@@ -25358,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"];
@@ -27538,7 +27555,9 @@ class ImageWidget extends React__namespace.Component {
     caption: "",
     linterContext: PerseusLinter.linterContextDefault
   };
-  static validate(userInput, rubric) {
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
     return noopValidator();
   }
   change = (() => {
@@ -27553,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() {
@@ -27781,7 +27802,9 @@ class Interaction extends React__namespace.Component {
     },
     elements: []
   };
-  static validate(state, rubric) {
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
     return noopValidator();
   }
   state = {
@@ -27898,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;
@@ -29963,12 +29988,20 @@ function GraphLockedLabelsLayer(props) {
         key: `label-${i}`
       }, figure));
     }
-    if (flags?.["mafs"]?.["locked-point-labels"] && figure.type === "point") {
+    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: `point-${i}`
+        key: i
       }, figure.labels.map((label, j) => /*#__PURE__*/React__namespace.createElement(LockedLabel, _extends({
-        key: `locked-figure-${i}-label-${j}`
-      }, label))));
+        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;
   });
@@ -30308,7 +30341,9 @@ const GraphLockedLayer = props => {
 
 const actions = {
   global: {
-    deleteIntent
+    deleteIntent,
+    changeInteractionMode,
+    changeKeyboardInvitationVisibility
   },
   angle: {
     movePoint
@@ -30400,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 {
@@ -32257,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,
@@ -32327,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,
@@ -32374,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 => {
@@ -32543,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 {
@@ -32816,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);
   }
@@ -32867,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":
@@ -33635,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(() => {
@@ -38981,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 () {
@@ -39012,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 => {
@@ -39914,23 +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.
+
+  // 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,
@@ -42896,7 +43030,9 @@ class Passage extends React__namespace.Component {
     startLineNumbersAfter: 0,
     stylesAreApplied: false
   };
-  static validate(state, rubric) {
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
     return noopValidator();
   }
   componentDidMount() {
@@ -43116,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();
   }
 
   /**
@@ -43273,7 +43411,9 @@ class PassageRefTarget extends React__namespace.Component {
     content: "",
     linterContext: PerseusLinter.linterContextDefault
   };
-  static validate(state, rubric) {
+
+  // TODO (LEMS-2396): remove validation logic from widgets that don't validate
+  static validate() {
     return noopValidator();
   }
 
@@ -43293,10 +43433,10 @@ class PassageRefTarget extends React__namespace.Component {
     };
   })();
 
-  // TODO passage-ref-target isn't interactive; remove
-  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
@@ -44880,16 +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) {
+   */ // 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 () {
@@ -45002,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 = "34.0.0";
+const libVersion = "34.1.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {