@khanacademy/perseus 17.3.3 → 17.4.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @khanacademy/perseus
 
+## 17.4.0
+
+### Minor Changes
+
+-   [#902](https://github.com/Khan/perseus/pull/902) [`c9db8185`](https://github.com/Khan/perseus/commit/c9db818510e2e0fd142c23298890dcad89a7549a) Thanks [@SonicScrewdriver](https://github.com/SonicScrewdriver)! - Updated OnFocusChange method to return the keypadHeight rather than the DOMNode
+
+### Patch Changes
+
+-   [#887](https://github.com/Khan/perseus/pull/887) [`d09fdb98`](https://github.com/Khan/perseus/commit/d09fdb98963f23dbeb2009518513db671e0f09bb) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Export `PerseusItem` type which represents an exercise question
+
 ## 17.3.3
 
 ### Patch Changes

package/dist/es/index.js

@@ -44202,7 +44202,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 = "17.3.3";
+const libVersion = "17.4.0";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {
@@ -44258,9 +44258,6 @@ class ArticleRenderer extends React.Component {
         });
         focusedInput = this.sectionRenderers[sectionIndex].getDOMNodeForPath(focusPath);
       }
-      if (this.props.apiOptions.onFocusChange != null) {
-        this.props.apiOptions.onFocusChange(this._currentFocus, prevFocusPath, didFocusInput ? keypadElement == null ? void 0 : keypadElement.getDOMNode() : null, didFocusInput ? focusedInput : null);
-      }
       if (keypadElement && isMobile) {
         if (didFocusInput) {
           keypadElement.activate();
@@ -44268,6 +44265,11 @@ class ArticleRenderer extends React.Component {
           keypadElement.dismiss();
         }
       }
+      if (this.props.apiOptions.onFocusChange != null) {
+        const keypadDomNode = keypadElement == null ? void 0 : keypadElement.getDOMNode();
+        const keypadHeight = keypadDomNode && didFocusInput ? keypadDomNode.getBoundingClientRect().height : 0;
+        this.props.apiOptions.onFocusChange(this._currentFocus, prevFocusPath, keypadHeight, didFocusInput ? focusedInput : null);
+      }
     };
     this._onRendererBlur = blurPath => {
       const blurringFocusPath = this._currentFocus;
@@ -44833,11 +44835,6 @@ class ServerItemRenderer extends React.Component {
     const didFocusInput = this._currentFocus && inputPaths.some(inputPath => {
       return Util.inputPathsEqual(inputPath, this._currentFocus);
     });
-    if (onFocusChange != null) {
-      onFocusChange(this._currentFocus, prevFocus, didFocusInput ? keypadElement == null ? void 0 : keypadElement.getDOMNode() : null,
-      // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'false | Element | Text | null | undefined' is not assignable to parameter of type 'HTMLElement | undefined'.
-      didFocusInput && this.questionRenderer.getDOMNodeForPath(newFocus));
-    }
     if (keypadElement && isMobile) {
       if (didFocusInput) {
         keypadElement.activate();
@@ -44845,6 +44842,16 @@ class ServerItemRenderer extends React.Component {
         keypadElement.dismiss();
       }
     }
+    if (onFocusChange != null) {
+      // First, calculate the current keypad height
+      const keypadDomNode = keypadElement == null ? void 0 : keypadElement.getDOMNode();
+      const keypadHeight = keypadDomNode && didFocusInput ? keypadDomNode.getBoundingClientRect().height : 0;
+
+      // Then call the callback
+      onFocusChange(this._currentFocus, prevFocus, keypadHeight,
+      // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'false | Element | Text | null | undefined' is not assignable to parameter of type 'HTMLElement | undefined'.
+      didFocusInput && this.questionRenderer.getDOMNodeForPath(newFocus));
+    }
   }
   _onRendererBlur(blurPath) {
     const blurringFocusPath = this._currentFocus;