@khanacademy/perseus 11.1.0 → 11.3.0

package/dist/index.css

@@ -1607,7 +1607,6 @@ body.mobile ul.inequalities-one-line-radios > li {
   font-size: 14px;
   line-height: 19px;
   margin: 16px auto 42px;
-  max-width: 455px;
   text-align: left;
 }
 .framework-perseus.perseus-article:not(.perseus-mobile) .paragraph.perseus-paragraph-full-width {
@@ -2807,7 +2806,6 @@ body.mobile .categorizer-container td.category input[type="radio"] + span:active
 }
 .perseus-image-widget .perseus-image-caption {
   color: rgba(33, 36, 44, 0.7);
-  max-width: 420px;
   padding-left: 16px;
   position: relative;
   top: -12px;

package/dist/index.js

@@ -2616,6 +2616,11 @@ class Expression extends React__namespace.Component {
       this.props.trackInteraction();
     });
     _defineProperty(this, "_handleFocus", () => {
+      this.props.analytics.onAnalyticsEvent({
+        type: "perseus:expression-focused",
+        payload: null
+      });
+
       /* c8 ignore next */
       this.props.onFocus([]);
     });
@@ -17786,7 +17791,8 @@ class ErrorBoundary extends React__namespace.Component {
     Log.error("Perseus error boundary caught error", Errors.Internal, {
       cause: error,
       loggedMetadata: {
-        info: info.toString()
+        componentStack: info.componentStack,
+        ...this.props.metadata
       }
     });
   }
@@ -19406,7 +19412,11 @@ class Renderer extends React__namespace.Component {
         // filtered out in this.render(), so we shouldn't have to
         // worry about using this widget key and ref:
         return /*#__PURE__*/React__namespace.createElement(ErrorBoundary, {
-          key: "container:" + id
+          key: "container:" + id,
+          metadata: {
+            widget_type: type,
+            widget_id: id
+          }
         }, /*#__PURE__*/React__namespace.createElement(WidgetContainer, {
           ref: "container:" + id,
           type: type,
@@ -26895,7 +26905,10 @@ class ImageWidget extends React__namespace.Component {
         // Aphrodite.
         const minWidth = isImageFullWidth ? null : "0 !important";
         titleAndCaption = /*#__PURE__*/React__namespace.createElement("figcaption", {
-          className: className
+          className: className,
+          style: {
+            maxWidth: backgroundImage.width
+          }
         }, /*#__PURE__*/React__namespace.createElement("div", {
           style: {
             // @ts-expect-error - TS2322 - Type 'string | null' is not assignable to type 'MinWidth<string | number> | undefined'.
@@ -26924,7 +26937,10 @@ class ImageWidget extends React__namespace.Component {
     }
     if (this.props.caption) {
       caption = /*#__PURE__*/React__namespace.createElement("figcaption", {
-        className: "perseus-image-caption"
+        className: "perseus-image-caption",
+        style: {
+          maxWidth: backgroundImage.width
+        }
       }, /*#__PURE__*/React__namespace.createElement(Renderer, {
         content: this.props.caption,
         apiOptions: apiOptions,
@@ -44676,7 +44692,12 @@ const ProvideKeypad = {
         // @ts-expect-error - TS2339 - Property 'props' does not exist on type '{ readonly propTypes: { readonly apiOptions: React.PropType<{ customKeypad?: boolean | undefined; nativeKeypadProxy?: ((...a: readonly any[]) => unknown) | undefined; }>; readonly keypadStyle: Requireable<any>; }; readonly getInitialState: () => { ...; }; readonly componentDidMount: () => void; readonly componentWil...'.
         ,
         style: _this.props.keypadStyle,
-        useV2Keypad: apiOptions.useV2Keypad
+        useV2Keypad: apiOptions.useV2Keypad,
+        onAnalyticsEvent: async () => {
+          // Intentionally left empty. This component is
+          // deprecated and so we don't want/need to instrument
+          // it.
+        }
       }), _this._keypadContainer);
     }
   },