@khanacademy/perseus 25.1.1 → 26.0.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

@@ -8934,12 +8934,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 +8978,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 +9038,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 +15481,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 +17778,6 @@ class Tex extends React__namespace.Component {
     this._hasRendered = false;
   }
   handleRender = () => {
-    this.props.onRender();
     this.setState({
       rendered: true
     });
@@ -32123,7 +32159,7 @@ const renderGraph = props => {
         dispatch: dispatch
       });
     default:
-      return new wonderStuffCore.UnreachableCaseError(type);
+      throw new wonderStuffCore.UnreachableCaseError(type);
   }
 };
 
@@ -42163,6 +42199,7 @@ const rules = {
       }, getInitialParseState()));
       return {
         ref: ref,
+        // @ts-expect-error - TS2322- Type 'SingleASTNode[]' is not assignable to type 'ReactNode'.
         refContent: refContent
       };
     },
@@ -45295,7 +45332,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.0.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {
@@ -45738,7 +45775,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 => {