@khanacademy/perseus 48.2.0 → 49.0.0

package/dist/index.js

@@ -27638,36 +27638,41 @@ class Dropdown extends React__namespace.Component {
       value: String(i + 1),
       label: choice
     }))];
-    return /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.UniqueIDProvider, {
-      scope: "dropdown-widget",
-      mockOnFirstRender: true
-    }, ids => /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View
-    // NOTE(jared): These are required to prevent weird behavior
-    // When there's a dropdown in a zoomable table.
-    , {
-      onClick: e => {
-        e.stopPropagation();
-      },
-      onTouchStart: e => {
-        e.stopPropagation();
-      }
-    }, this.props.visibleLabel && /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelLarge, {
-      tag: "label",
-      htmlFor: ids.get("dropdown")
-    }, this.props.visibleLabel), /*#__PURE__*/React__namespace.createElement(wonderBlocksDropdown.SingleSelect, {
-      id: ids.get("dropdown"),
-      placeholder: "",
-      onChange: value => this._handleChange(parseInt(value)),
-      selectedValue: String(this.props.selected),
-      disabled: this.props.apiOptions.readOnly,
-      "aria-label": this.props.ariaLabel || this.props.visibleLabel || this.context.strings.selectAnAnswer
-      // This is currently necessary for SRs to read the labels properly.
-      // However, WB is working on a change to add the "combobox" role to
-      // all dropdowns.
-      // See https://khanacademy.atlassian.net/browse/WB-1671
-      ,
-      role: "combobox"
-    }, children)));
+    return (
+      /*#__PURE__*/
+      // TODO(WB-1812, somewhatabstract): Migrate to Id or useId
+      // eslint-disable-next-line no-restricted-syntax
+      React__namespace.createElement(wonderBlocksCore.UniqueIDProvider, {
+        scope: "dropdown-widget",
+        mockOnFirstRender: true
+      }, ids => /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View
+      // NOTE(jared): These are required to prevent weird behavior
+      // When there's a dropdown in a zoomable table.
+      , {
+        onClick: e => {
+          e.stopPropagation();
+        },
+        onTouchStart: e => {
+          e.stopPropagation();
+        }
+      }, this.props.visibleLabel && /*#__PURE__*/React__namespace.createElement(wonderBlocksTypography.LabelLarge, {
+        tag: "label",
+        htmlFor: ids.get("dropdown")
+      }, this.props.visibleLabel), /*#__PURE__*/React__namespace.createElement(wonderBlocksDropdown.SingleSelect, {
+        id: ids.get("dropdown"),
+        placeholder: "",
+        onChange: value => this._handleChange(parseInt(value)),
+        selectedValue: String(this.props.selected),
+        disabled: this.props.apiOptions.readOnly,
+        "aria-label": this.props.ariaLabel || this.props.visibleLabel || this.context.strings.selectAnAnswer
+        // This is currently necessary for SRs to read the labels properly.
+        // However, WB is working on a change to add the "combobox" role to
+        // all dropdowns.
+        // See https://khanacademy.atlassian.net/browse/WB-1671
+        ,
+        role: "combobox"
+      }, children)))
+    );
   }
 }
 const optionsTransform = widgetOptions => {
@@ -27775,32 +27780,37 @@ class Explanation extends React__namespace.Component {
       "white-space": "normal"
     };
     const contentStyling = [styles$k.content, this.state.expanded ? styles$k.contentExpanded : styles$k.contentCollapsed, allowTransition && (this.state.expanded ? styles$k.transitionExpanded : styles$k.transitionCollapsed)];
-    return /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.UniqueIDProvider, {
-      mockOnFirstRender: true,
-      scope: "explanation-widget"
-    }, ids => /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
-      "aria-expanded": this.state.expanded,
-      "aria-controls": ids.get("content"),
-      endIcon: caretIcon,
-      kind: "tertiary",
-      labelStyle: labelStyle,
-      onClick: this._onClick,
-      size: "small",
-      style: buttonStyleOverrides
-    }, promptText), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
-      id: ids.get("content"),
-      style: contentStyling,
-      "aria-hidden": !this.state.expanded,
-      testId: "content-container"
-    }, /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
-      style: styles$k.contentWrapper
-    }, /*#__PURE__*/React__namespace.createElement(Renderer, {
-      apiOptions: this.props.apiOptions,
-      content: this.props.explanation,
-      widgets: this.props.widgets,
-      linterContext: this.props.linterContext,
-      strings: this.context.strings
-    })))));
+    return (
+      /*#__PURE__*/
+      // TODO(WB-1812, somewhatabstract): Migrate to Id or useId
+      // eslint-disable-next-line no-restricted-syntax
+      React__namespace.createElement(wonderBlocksCore.UniqueIDProvider, {
+        mockOnFirstRender: true,
+        scope: "explanation-widget"
+      }, ids => /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Button__default["default"], {
+        "aria-expanded": this.state.expanded,
+        "aria-controls": ids.get("content"),
+        endIcon: caretIcon,
+        kind: "tertiary",
+        labelStyle: labelStyle,
+        onClick: this._onClick,
+        size: "small",
+        style: buttonStyleOverrides
+      }, promptText), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
+        id: ids.get("content"),
+        style: contentStyling,
+        "aria-hidden": !this.state.expanded,
+        testId: "content-container"
+      }, /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
+        style: styles$k.contentWrapper
+      }, /*#__PURE__*/React__namespace.createElement(Renderer, {
+        apiOptions: this.props.apiOptions,
+        content: this.props.explanation,
+        widgets: this.props.widgets,
+        linterContext: this.props.linterContext,
+        strings: this.context.strings
+      })))))
+    );
   }
 }
 const leftBorderSpacing = 23;
@@ -39251,6 +39261,8 @@ const AnswerChoices = props => {
 };
 
 const HideAnswersToggle = props => {
+  // TODO(WB-1812, somewhatabstract): Migrate to Id or useId
+  // eslint-disable-next-line no-restricted-syntax
   const idFactory = wonderBlocksCore.useUniqueIdWithMock();
   const switchId = idFactory.get("hide-answers-toggle");
   const labelId = idFactory.get("hide-answers-label");
@@ -39296,6 +39308,9 @@ const AnswerPill = props => {
     focused,
     hovered
   } = props;
+
+  // TODO(WB-1812, somewhatabstract): Migrate to Id or useId
+  // eslint-disable-next-line no-restricted-syntax
   const idFactory = wonderBlocksCore.useUniqueIdWithMock();
   const {
     strings
@@ -45643,7 +45658,7 @@ const init = function () {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "48.2.0";
+const libVersion = "49.0.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {