@khanacademy/perseus 9.0.0 → 10.0.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @khanacademy/perseus
 
+## 10.0.1
+
+### Patch Changes
+
+-   5f33560b: Revert type changes made in #694
+-   0f95281c: Restore static methods on `Expression` widget component
+-   Updated dependencies [781551f9]
+    -   @khanacademy/math-input@10.1.0
+
+## 10.0.0
+
+### Major Changes
+
+-   9eb50ae1: Removed `LinterContextProps` type. Moved to `@khanacademy/perseus-linter` in a previous release, but wasn't deleted from this package.
+
+### Patch Changes
+
+-   aea86eec: Convert all usages of JSX.LibraryManagedAttributes to WB Core's PropsFor type
+-   Updated dependencies [7b11736e]
+    -   @khanacademy/math-input@10.0.1
+
 ## 9.0.0
 
 ### Major Changes

package/dist/components/info-tip.d.ts

@@ -6,7 +6,8 @@
  */
 import * as React from "react";
 import ReactComponentsInfoTip from "./info-tip/info-tip";
-type Props = JSX.LibraryManagedAttributes<typeof ReactComponentsInfoTip, React.ComponentProps<typeof ReactComponentsInfoTip>>;
+import type { PropsFor } from "@khanacademy/wonder-blocks-core";
+type Props = PropsFor<typeof ReactComponentsInfoTip>;
 type State = {
     didMount: boolean;
 };

package/dist/components/input-with-examples.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { LinterContextProps } from "../types";
+import type { LinterContextProps } from "@khanacademy/perseus-linter";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 type Props = {
     type: "math" | "text" | "tex";

package/dist/components/sortable.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
-import type { LinterContextProps } from "../types";
 import type { Position } from "../util";
+import type { LinterContextProps } from "@khanacademy/perseus-linter";
 export declare enum Layout {
     HORIZONTAL = "horizontal",
     VERTICAL = "vertical"

package/dist/es/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/es/index.js

@@ -2931,6 +2931,17 @@ const ExpressionWithDependencies = /*#__PURE__*/React.forwardRef((props, ref) =>
     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",
@@ -19220,8 +19231,8 @@ class Renderer extends React.Component {
 
   // @ts-expect-error - TS2564 - Property 'widgetIds' has no initializer and is not definitely assigned in the constructor.
 
-  constructor(_props, context) {
-    super(_props, context);
+  constructor(_props) {
+    super(_props);
     this._currentFocus = void 0;
     this._foundTextNodes = void 0;
     this._interactionTrackers = void 0;
@@ -44308,13 +44319,9 @@ class HintsRenderer extends React.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.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.pushContextStack(this.props.linterContext, "hints[" + i + "]")
       });
       if (isFinalHelpPage) {
         hints.push(renderer);
@@ -44573,9 +44580,7 @@ class ItemRenderer extends React.Component {
     }, /*#__PURE__*/React.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.pushContextStack(this.props.linterContext, "hints")
     })),
@@ -45111,9 +45116,7 @@ class ServerItemRenderer extends React.Component {
     }));
     const hintsRenderer = /*#__PURE__*/React.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
     });
@@ -46331,7 +46334,6 @@ class MultiRenderer extends React.Component {
       // _annotateRendererArray() needs this
       ref: null,
       makeRenderer: () => /*#__PURE__*/React.createElement(HintsRenderer, _extends({}, this._getRendererProps(), {
-        // @ts-expect-error - TS2769 - No overload matches this call.
         findExternalWidgets: findExternalWidgets,
         hints: [hint]
       }))
@@ -46497,7 +46499,6 @@ class MultiRenderer extends React.Component {
       const hintRendererDatas = rendererDatas;
       renderers = [...renderers];
       renderers.firstN = n => /*#__PURE__*/React.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