@khanacademy/perseus 19.6.1 → 19.6.3

package/dist/es/index.js

@@ -19252,6 +19252,15 @@ const isIdPathPrefix = function isIdPathPrefix(prefixArray, wholeArray) {
 // some return a custom-built object, some delegate to
 // `WidgetJsonifyDeprecated` which returns an object containing widget props
 // (filtered by deprecated keys)).
+/**
+ * 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
+ * they are marked as optional (?: ...).
+ *
+ * These methods are called on the widget ref and allow the renderer to
+ * communicate with the individual widgets to coordinate actions such as
+ * scoring, state serialization/deserialization, and focus management.
+ */
 class Renderer extends React.Component {
   constructor(_props) {
     super(_props);
@@ -24184,13 +24193,6 @@ class Categorizer extends React.Component {
     this.getUserInput = () => {
       return Categorizer.getUserInputFromProps(this.props);
     };
-    this.onChange = (itemNum, catNum) => {
-      const values = [...this.props.values];
-      // @ts-expect-error - TS2322 - Type 'number' is not assignable to type 'never'.
-      values[itemNum] = catNum;
-      this.change("values", values);
-      this.props.trackInteraction();
-    };
     this.simpleValidate = rubric => {
       return Categorizer.validate(this.getUserInput(), rubric);
     };
@@ -24242,18 +24244,14 @@ class Categorizer extends React.Component {
         }, /*#__PURE__*/React.createElement("div", {
           className: ClassNames.INTERACTIVE,
           role: "button",
-          "aria-label": catName
-          // eslint-disable-next-line react/jsx-no-bind
-          ,
-          onClick: this.onChange.bind(this, itemNum, catNum)
+          "aria-label": catName,
+          onClick: () => this.onChange(itemNum, catNum)
         }, isMobile && /*#__PURE__*/React.createElement("input", {
           type: "radio",
           name: uniqueId,
           className: css(sharedStyles.responsiveInput, sharedStyles.responsiveRadioInput),
-          checked: selected
-          // eslint-disable-next-line react/jsx-no-bind
-          ,
-          onChange: this.onChange.bind(this, itemNum, catNum),
+          checked: selected,
+          onChange: () => this.onChange(itemNum, catNum),
           onClick: e => e.stopPropagation()
         }), !isMobile && /*#__PURE__*/React.createElement("span", {
           className: css(styles$r.radioSpan, selected && styles$r.checkedRadioSpan, this.props.static && selected && styles$r.staticCheckedRadioSpan)
@@ -24273,10 +24271,17 @@ class Categorizer extends React.Component {
       className: extraClassNames + " " + css(...inlineStyles)
     }, table);
   }
+  onChange(itemNum, catNum) {
+    const values = [...this.props.values];
+    // @ts-expect-error - TS2322 - Type 'number' is not assignable to type 'never'.
+    values[itemNum] = catNum;
+    this.change("values", values);
+    this.props.trackInteraction();
+  }
   static validate(userInput, rubric) {
     let completed = true;
     let allCorrect = true;
-    _.each(rubric.values, function (value, i) {
+    rubric.values.forEach((value, i) => {
       if (userInput.values[i] == null) {
         completed = false;
       }
@@ -41554,7 +41559,7 @@ const init = function init(options) {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "19.6.1";
+const libVersion = "19.6.3";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {