@khanacademy/perseus 9.0.0 → 10.0.1

package/dist/hint-renderer.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
-import type { APIOptions, LinterContextProps } from "./types";
+import type { APIOptions } from "./types";
+import type { LinterContextProps } from "@khanacademy/perseus-linter";
 type Props = {
     apiOptions: APIOptions;
     className?: string;

package/dist/hints-renderer.d.ts

@@ -1,7 +1,8 @@
 import * as React from "react";
 import type Renderer from "./renderer";
 import type { APIOptionsWithDefaults } from "./types";
-type Props = JSX.LibraryManagedAttributes<Renderer, React.ComponentProps<typeof Renderer>> & {
+import type { PropsFor } from "@khanacademy/wonder-blocks-core";
+type Props = PropsFor<typeof Renderer> & {
     className?: string;
     hints: ReadonlyArray<any>;
     hintsVisible?: number;

package/dist/index.css

@@ -3679,7 +3679,7 @@ body.mobile .framework-perseus table.perseus-widget-table-of-values.non-markdown
   outline: none !important;
 }
 .keypad-input .mq-editable-field .mq-root-block {
-  overflow-x: scroll;
+  overflow-x: auto;
 }
 .keypad-input .mq-editable-field .mq-cursor:not(:only-child),
 .keypad-input .mq-editable-field .mq-root-block.mq-hasCursor > .mq-cursor:only-child {
@@ -3698,12 +3698,11 @@ body.mobile .framework-perseus table.perseus-widget-table-of-values.non-markdown
   margin-left: -1px !important;
   margin-right: -1px !important;
   opacity: 1 !important;
-  transition: opacity 500ms ease-out !important;
+  transition: opacity 300ms ease !important;
   visibility: visible !important;
 }
 .keypad-input .mq-editable-field .mq-cursor.mq-blink {
   opacity: 0 !important;
-  transition: opacity 500ms ease-in !important;
   visibility: visible !important;
 }
 .keypad-input .mq-editable-field .mq-non-leaf .mq-cursor:only-child {
@@ -3712,12 +3711,11 @@ body.mobile .framework-perseus table.perseus-widget-table-of-values.non-markdown
   border-radius: 1px;
   opacity: 1 !important;
   padding: 0 4px 0 4px;
-  transition: border-color 500ms ease-out !important;
+  transition: border-color 300ms ease !important;
 }
 .keypad-input .mq-editable-field .mq-non-leaf .mq-cursor:only-child.mq-blink {
   border-color: #1865f2 !important;
   opacity: 1 !important;
-  transition: border-color 500ms ease-in !important;
 }
 .keypad-input .mq-empty {
   background: transparent !important;

package/dist/index.d.ts

@@ -86,7 +86,7 @@ export { default as WIDGET_PROP_DENYLIST } from "./mixins/widget-prop-denylist";
 export type { PerseusOptions } from "./init";
 export type { ILogger, LogErrorOptions, ErrorKind } from "./logging/log";
 export type { ServerItemRenderer as ServerItemRendererComponent } from "./server-item-renderer";
-export type { Alignment, APIOptions, APIOptionsWithDefaults, ChangeHandler, DeviceType, DomInsertCheckFn, EditorMode, FocusPath, Hint, ImageDict, ImageUploader, JiptLabelStore, JiptRenderer, LinterContextProps, PerseusDependencies, PerseusScore, Version, VideoData, VideoKind, WidgetDict, WidgetExports, WidgetInfo, } from "./types";
+export type { Alignment, APIOptions, APIOptionsWithDefaults, ChangeHandler, DeviceType, DomInsertCheckFn, EditorMode, FocusPath, Hint, ImageDict, ImageUploader, JiptLabelStore, JiptRenderer, PerseusDependencies, PerseusScore, Version, VideoData, VideoKind, WidgetDict, WidgetExports, WidgetInfo, } from "./types";
 export type { ParsedValue } from "./util";
 export type { MathFormat, InputNumberWidget, PerseusImageBackground, PerseusInteractiveGraphWidgetOptions, PerseusRadioWidgetOptions, PerseusExpressionWidgetOptions, PerseusRenderer, } from "./perseus-types";
 export type { Coord } from "./interactive2/types";

package/dist/index.js

@@ -2994,6 +2994,17 @@ const ExpressionWithDependencies = /*#__PURE__*/React__namespace.forwardRef((pro
     analytics: deps.analytics
   }, props));
 });
+
+// HACK: Propogate "static" methods onto our wrapper component.
+// In the future we should adjust client apps to not depend on these static
+// methods and instead adjust Peresus to provide these facilities through
+// instance methods on our Renderers.
+// @ts-expect-error - TS2339 - Property 'validate' does not exist on type
+ExpressionWithDependencies.validate = Expression.validate;
+// @ts-expect-error - TS2339 - Property 'validate' does not exist on type
+ExpressionWithDependencies.getUserInputFromProps = Expression.getUserInputFromProps;
+// @ts-expect-error - TS2339 - Property 'validate' does not exist on type
+ExpressionWithDependencies.getOneCorrectAnswerFromRubric = Expression.getOneCorrectAnswerFromRubric;
 var Expression$1 = {
   name: "expression",
   displayName: "Expression / Equation",
@@ -19305,9 +19316,9 @@ class Renderer extends React__namespace.Component {
 
   // @ts-expect-error - TS2564 - Property 'widgetIds' has no initializer and is not definitely assigned in the constructor.
 
-  constructor(_props, context) {
+  constructor(_props) {
     var _this;
-    super(_props, context);
+    super(_props);
     _this = this;
     _defineProperty(this, "_currentFocus", void 0);
     _defineProperty(this, "_foundTextNodes", void 0);
@@ -44492,7 +44503,6 @@ class HintsRenderer extends React__namespace.Component {
       // false in hints.
       return {
         ...ApiOptions.defaults,
-        // @ts-expect-error - TS2339 - Property 'apiOptions' does not exist on type 'Readonly<{ className?: string | undefined; hints: readonly any[]; hintsVisible?: number | undefined; }> & Readonly<{ children?: ReactNode; }>'.
         ...this.props.apiOptions,
         readOnly: false
       };
@@ -44579,13 +44589,9 @@ class HintsRenderer extends React__namespace.Component {
         totalHints: this.props.hints.length,
         ref: "hintRenderer" + i,
         key: "hintRenderer" + i,
-        apiOptions: apiOptions
-        // @ts-expect-error - TS2339 - Property 'findExternalWidgets' does not exist on type 'Readonly<{ className?: string | undefined; hints: readonly any[]; hintsVisible?: number | undefined; }> & Readonly<{ children?: ReactNode; }>'.
-        ,
+        apiOptions: apiOptions,
         findExternalWidgets: this.props.findExternalWidgets,
-        linterContext: PerseusLinter__namespace.pushContextStack(
-        // @ts-expect-error - TS2339 - Property 'linterContext' does not exist on type 'Readonly<{ className?: string | undefined; hints: readonly any[]; hintsVisible?: number | undefined; }> & Readonly<{ children?: ReactNode; }>'.
-        this.props.linterContext, "hints[" + i + "]")
+        linterContext: PerseusLinter__namespace.pushContextStack(this.props.linterContext, "hints[" + i + "]")
       });
       if (isFinalHelpPage) {
         hints.push(renderer);
@@ -44849,9 +44855,7 @@ class ItemRenderer extends React__namespace.Component {
     }, /*#__PURE__*/React__namespace.createElement(HintsRenderer, {
       ref: node => this.hintsRenderer = node,
       hints: this.props.item.hints,
-      hintsVisible: this.state.hintsVisible
-      // @ts-expect-error - TS2769 - No overload matches this call.
-      ,
+      hintsVisible: this.state.hintsVisible,
       apiOptions: apiOptions,
       linterContext: PerseusLinter__namespace.pushContextStack(this.props.linterContext, "hints")
     })),
@@ -45390,9 +45394,7 @@ class ServerItemRenderer extends React__namespace.Component {
     }));
     const hintsRenderer = /*#__PURE__*/React__namespace.createElement(HintsRenderer, {
       hints: this.props.item.hints,
-      hintsVisible: this.props.hintsVisible
-      // @ts-expect-error - TS2769 - No overload matches this call.
-      ,
+      hintsVisible: this.props.hintsVisible,
       apiOptions: apiOptions,
       ref: elem => this.hintsRenderer = elem
     });
@@ -46566,7 +46568,6 @@ class MultiRenderer extends React__namespace.Component {
       // _annotateRendererArray() needs this
       ref: null,
       makeRenderer: () => /*#__PURE__*/React__namespace.createElement(HintsRenderer, _extends({}, this._getRendererProps(), {
-        // @ts-expect-error - TS2769 - No overload matches this call.
         findExternalWidgets: findExternalWidgets,
         hints: [hint]
       }))
@@ -46732,7 +46733,6 @@ class MultiRenderer extends React__namespace.Component {
       const hintRendererDatas = rendererDatas;
       renderers = [...renderers];
       renderers.firstN = n => /*#__PURE__*/React__namespace.createElement(HintsRenderer, _extends({}, this._getRendererProps(), {
-        // @ts-expect-error - TS2769 - No overload matches this call.
         findExternalWidgets: hintRendererDatas[0] ? hintRendererDatas[0].findExternalWidgets : undefined,
         hints: hintRendererDatas.map(d => d.hint),
         hintsVisible: n