@khanacademy/perseus 25.1.1 → 26.1.0

package/dist/index.css

@@ -4148,11 +4148,11 @@ html body .mq-editable-field .mq-selection .mq-nthroot-container * {
     /* `pointer-events: all` is needed to make the hit target the size of the
      * entire <g> element and not just its visible subelements */
     pointer-events: all;
-    transition: transform 0.1s ease-out;
+    transition: transform 0.15s ease-out;
 }
 
 .MafsView .protractor-rotation-handle:hover {
-    transform: scale(1.3);
+    transform: scale(1.2);
 }
 
 .MafsView .protractor-rotation-handle-arrow-arc {

package/dist/index.js

@@ -618,6 +618,7 @@ class InnerMathInput extends React__namespace.Component {
     }), /*#__PURE__*/React__namespace.createElement(wonderBlocksPopover.Popover, {
       opened: this.state.keypadOpen,
       onClose: () => this.closeKeypad(),
+      portal: false,
       dismissEnabled: true,
       content: () => /*#__PURE__*/React__namespace.createElement(wonderBlocksPopover.PopoverContentCore, {
         closeButtonVisible: true,
@@ -834,7 +835,7 @@ const denylist = [
 // (technically the renderer still adds them)
 "key", "ref",
 // added by src/renderer.jsx
-"containerSizeClass", "widgetId", "onChange", "problemNum", "apiOptions", "questionCompleted", "findWidgets",
+"containerSizeClass", "widgetId", "onChange", "problemNum", "apiOptions", "questionCompleted", "findWidgets", "hintMode",
 // added by src/editor.jsx, for widgets removing themselves
 // this is soooo not the right place for this, but alas.
 "onRemove",
@@ -8934,12 +8935,41 @@ class GraphBounds {
   }
 }
 
-function render(element, container, callback) {
-  // TODO(LP-11406): Replace this, or callers, with React Portal
-  // @ts-expect-error - TS2322 - Type 'void' is not assignable to type 'ElementRef<ElementType>'.
-  // eslint-disable-next-line no-restricted-syntax
-  return ReactDOM__default["default"].render(
-  /*#__PURE__*/
+var createRoot;
+
+var m = ReactDOM__default["default"];
+if (process.env.NODE_ENV === 'production') {
+  createRoot = m.createRoot;
+} else {
+  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  createRoot = function(c, o) {
+    i.usingClientEntryPoint = true;
+    try {
+      return m.createRoot(c, o);
+    } finally {
+      i.usingClientEntryPoint = false;
+    }
+  };
+}
+
+// We keep a cache of elements that have already had createRoot() called on
+// them. If we don't do this, React 18 warns every subsequent call:
+//   > You are calling ReactDOMClient.createRoot() on a container that has
+//   > already been passed to createRoot() before.
+//
+// Note that this cache uses a WeakMap<> so that the cache isn't causing a
+// memory leak (by retaining elements after they're released everywhere else).
+const reactRootCache = new WeakMap();
+
+/**
+ * Renders the given ReactNode inside the given container.
+ * @param element The JSX to render
+ * @param container The HTML elemetn to render into
+ *
+ * @deprecated this function is legacy and exists to support ancient code
+ * paths. Do not use in new code.
+ */
+function render(element, container) {
   /**
    * `RenderStateRoot` is responsible for tracking whether it's
    * the initial render or subsequent renders.  It's used by
@@ -8949,9 +8979,15 @@ function render(element, container, callback) {
    * components using that hook or those components will function
    * correctly.
    */
-  React__namespace.createElement(wonderBlocksCore.RenderStateRoot, {
+  const children = /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.RenderStateRoot, {
     throwIfNested: false
-  }, element), container, callback);
+  }, element);
+  let root = reactRootCache.get(container);
+  if (root == null) {
+    root = createRoot(container);
+    reactRootCache.set(container, root);
+  }
+  root.render(children);
 }
 
 function findChildOrAdd(elem, className) {
@@ -9003,6 +9039,7 @@ var Tex$1 = {
       } = await getDependencies();
       // We use createElement instead of JSX here because we can't name this file tex.tsx;
       // that name is already taken.
+      // eslint-disable-next-line import/no-deprecated
       render( /*#__PURE__*/React__namespace.createElement(TeX, {
         children: text,
         onRender: callback
@@ -15445,6 +15482,7 @@ class MovablePoint$4 {
     }
     const showTrashTooltip = () => {
       this._showTooltip(container => {
+        // eslint-disable-next-line import/no-deprecated
         render( /*#__PURE__*/React__namespace.createElement("span", {
           style: {
             fontSize: "2em"
@@ -17741,7 +17779,6 @@ class Tex extends React__namespace.Component {
     this._hasRendered = false;
   }
   handleRender = () => {
-    this.props.onRender();
     this.setState({
       rendered: true
     });
@@ -19753,6 +19790,7 @@ class Renderer extends React__namespace.Component {
     findExternalWidgets: () => [],
     alwaysUpdate: false,
     reviewMode: false,
+    hintMode: false,
     serializedState: null,
     onSerializedStateUpdated: () => {},
     linterContext: PerseusLinter__namespace.linterContextDefault
@@ -20043,6 +20081,7 @@ class Renderer extends React__namespace.Component {
       onBlur: ___default["default"].partial(this._onWidgetBlur, id),
       findWidgets: this.findWidgets,
       reviewModeRubric: reviewModeRubric,
+      hintMode: this.props.hintMode,
       onChange: function (newProps, cb) {
         let silent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
         _this._setWidgetProps(id, newProps, cb, silent);
@@ -32123,7 +32162,7 @@ const renderGraph = props => {
         dispatch: dispatch
       });
     default:
-      return new wonderStuffCore.UnreachableCaseError(type);
+      throw new wonderStuffCore.UnreachableCaseError(type);
   }
 };
 
@@ -34478,7 +34517,8 @@ class InteractiveGraph extends React__namespace.Component {
         gridStep: gridStep,
         snapStep: snapStep,
         box: box,
-        showTooltips: !!this.props.showTooltips
+        showTooltips: !!this.props.showTooltips,
+        hintMode: this.props.hintMode
       }));
     }
     return /*#__PURE__*/React__namespace.createElement(LegacyInteractiveGraph, _extends({
@@ -42163,6 +42203,7 @@ const rules = {
       }, getInitialParseState()));
       return {
         ref: ref,
+        // @ts-expect-error - TS2322- Type 'SingleASTNode[]' is not assignable to type 'ReactNode'.
         refContent: refContent
       };
     },
@@ -45295,7 +45336,7 @@ const init = function (options) {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "25.1.1";
+const libVersion = "26.1.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {
@@ -45543,6 +45584,7 @@ class HintRenderer extends React__namespace.Component {
       // eslint-disable-next-line react/no-string-refs
       , {
         ref: "renderer",
+        hintMode: true,
         widgets: hint.widgets,
         content: hint.content || "",
         images: hint.images,
@@ -45738,7 +45780,6 @@ class HintsRenderer extends React__namespace.Component {
     }, apiOptions.isMobile && hintsVisible > 0 && /*#__PURE__*/React__namespace.createElement("div", {
       className: aphrodite.css(styles$2.mobileHintStylesHintTitle, sharedStyles.responsiveLabel)
     }, this.context.strings.hints), hints, showGetAnotherHint && /*#__PURE__*/React__namespace.createElement("button", {
-      // @ts-expect-error - TS2322 - Type '{ children: Element[]; rel: string; className: string; onClick: (evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void; }' is not assignable to type 'DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>'.
       rel: "button",
       className: aphrodite.css(styles$2.linkButton, styles$2.getAnotherHintButton, apiOptions.isMobile && styles$2.mobileHintStylesGetAnotherHintButton),
       onClick: evt => {