@khanacademy/perseus 6.4.4 → 6.5.1

package/dist/index.js

@@ -17764,9 +17764,7 @@ class InteractionTracker {
 
   // @ts-expect-error [FEI-5003] - TS2564 - Property 'widgetType' has no initializer and is not definitely assigned in the constructor.
 
-  constructor(trackApi,
-  // original apiOptions.trackInteraction
-  widgetType, widgetID, setting // "" means track once
+  constructor(trackApi, widgetType, widgetID, setting // "" means track once
   ) {
     _defineProperty(this, "_tracked", void 0);
     _defineProperty(this, "setting", void 0);
@@ -17782,7 +17780,6 @@ class InteractionTracker {
       this.trackApi({
         type: this.widgetType,
         id: this.widgetID,
-        // @ts-expect-error [FEI-5003] - TS2698 - Spread types may only be created from object types.
         ...extraData
       });
     });
@@ -22764,7 +22761,8 @@ const Choice = function (props) {
     style: {
       display: "flex",
       flexDirection: "row",
-      opacity: showDimmed ? 0.5 : 1.0
+      opacity: showDimmed ? 0.5 : 1.0,
+      overflow: "auto"
     }
   }, /*#__PURE__*/React__namespace.createElement("div", {
     className: "perseus-sr-only"
@@ -23240,6 +23238,7 @@ const styles$r = aphrodite.StyleSheet.create({
     color: gray17,
     fontSize: 14,
     lineHeight: 1.25,
+    fontFamily: "inherit",
     fontStyle: "normal",
     fontWeight: "bold",
     marginBottom: 16
@@ -23310,13 +23309,13 @@ const styles$r = aphrodite.StyleSheet.create({
   responsiveContainer: {
     overflow: "auto",
     marginLeft: negativePhoneMargin,
-    marginRight: negativePhoneMargin,
     paddingLeft: phoneMargin
     // paddingRight is handled by responsiveFieldset
   },
 
   responsiveFieldset: {
-    paddingRight: phoneMargin
+    paddingRight: phoneMargin,
+    minWidth: "auto"
   }
 });
 
@@ -38173,10 +38172,11 @@ class Passage extends React__namespace.Component {
     const parsedContent = PassageMarkdown.parse(doubleQuoteParsedContent, parseState);
     // Check if the title has any non-empty text in it.
     const hasTitle = /\S/.test(this.props.passageTitle);
+    const joinedTitle = joinString(this.props.passageTitle);
     return /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "perseus-widget-passage-container"
+      id: "perseus-widget-passage-container" + joinedTitle
     }, this._renderInstructions(parseState), /*#__PURE__*/React__namespace.createElement("div", {
-      className: "perseus-widget-passage"
+      id: "perseus-widget-passage" + joinedTitle
     }, hasTitle && /*#__PURE__*/React__namespace.createElement("h3", {
       className: "passage-title"
     }, /*#__PURE__*/React__namespace.createElement(Renderer, {
@@ -38207,6 +38207,8 @@ class Passage extends React__namespace.Component {
     }, i18n__namespace._("End of reading passage.")))));
   }
 }
+
+// That's All, Folks! => -thats-all-folks
 _defineProperty(Passage, "defaultProps", {
   passageTitle: "",
   passageText: "",
@@ -38215,6 +38217,7 @@ _defineProperty(Passage, "defaultProps", {
   highlights: {},
   linterContext: PerseusLinter.linterContextDefault
 });
+const joinString = title => "-" + title.toLowerCase().replace(/[^\w\s]/gi, "").trim().split(/\s+/).join("-");
 var Passage$1 = {
   name: "passage",
   displayName: "Passage (SAT only)",