@khanacademy/perseus 48.2.0 → 49.0.0

package/dist/es/index.js

@@ -44,13 +44,21 @@ import cornersOutIcon from '@phosphor-icons/core/regular/corners-out.svg';
 import Link from '@khanacademy/wonder-blocks-link';
 
 function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
     }
-    return n;
-  }, _extends.apply(null, arguments);
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
 }
 
 /**
@@ -4445,14 +4453,17 @@ const InteractiveUtil = {
   }
 };
 
-function _classPrivateFieldBase(e, t) {
-  if (!{}.hasOwnProperty.call(e, t)) throw new TypeError("attempted to use private field on non-instance");
-  return e;
+function _classPrivateFieldBase(receiver, privateKey) {
+  if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) {
+    throw new TypeError("attempted to use private field on non-instance");
+  }
+
+  return receiver;
 }
 
 var id = 0;
-function _classPrivateFieldKey(e) {
-  return "__private_" + id++ + "_" + e;
+function _classPrivateFieldKey(name) {
+  return "__private_" + id++ + "_" + name;
 }
 
 /*!
@@ -21081,14 +21092,19 @@ TextInput.defaultProps = {
   disabled: false
 };
 
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
-    t[n] = r[n];
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
   }
-  return t;
+
+  return target;
 }
 
 const _excluded$7 = ["position", "visibility", "left", "top"];
@@ -27369,36 +27385,41 @@ class Dropdown extends React.Component {
       value: String(i + 1),
       label: choice
     }))];
-    return /*#__PURE__*/React.createElement(UniqueIDProvider, {
-      scope: "dropdown-widget",
-      mockOnFirstRender: true
-    }, ids => /*#__PURE__*/React.createElement(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.createElement(LabelLarge, {
-      tag: "label",
-      htmlFor: ids.get("dropdown")
-    }, this.props.visibleLabel), /*#__PURE__*/React.createElement(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.createElement(UniqueIDProvider, {
+        scope: "dropdown-widget",
+        mockOnFirstRender: true
+      }, ids => /*#__PURE__*/React.createElement(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.createElement(LabelLarge, {
+        tag: "label",
+        htmlFor: ids.get("dropdown")
+      }, this.props.visibleLabel), /*#__PURE__*/React.createElement(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)))
+    );
   }
 }
 Dropdown.contextType = PerseusI18nContext;
@@ -27501,32 +27522,37 @@ class Explanation extends React.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.createElement(UniqueIDProvider, {
-      mockOnFirstRender: true,
-      scope: "explanation-widget"
-    }, ids => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-      "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.createElement(View, {
-      id: ids.get("content"),
-      style: contentStyling,
-      "aria-hidden": !this.state.expanded,
-      testId: "content-container"
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles$k.contentWrapper
-    }, /*#__PURE__*/React.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.createElement(UniqueIDProvider, {
+        mockOnFirstRender: true,
+        scope: "explanation-widget"
+      }, ids => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+        "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.createElement(View, {
+        id: ids.get("content"),
+        style: contentStyling,
+        "aria-hidden": !this.state.expanded,
+        testId: "content-container"
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles$k.contentWrapper
+      }, /*#__PURE__*/React.createElement(Renderer, {
+        apiOptions: this.props.apiOptions,
+        content: this.props.explanation,
+        widgets: this.props.widgets,
+        linterContext: this.props.linterContext,
+        strings: this.context.strings
+      })))))
+    );
   }
 }
 Explanation.contextType = PerseusI18nContext;
@@ -38888,6 +38914,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 = useUniqueIdWithMock();
   const switchId = idFactory.get("hide-answers-toggle");
   const labelId = idFactory.get("hide-answers-label");
@@ -38933,6 +38961,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 = useUniqueIdWithMock();
   const {
     strings
@@ -45276,7 +45307,7 @@ const init = function init() {
 
 // 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";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {