@khanacademy/perseus-editor 2.6.2 → 2.6.4

package/package.json

@@ -3,7 +3,7 @@
     "description": "Perseus editors",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "2.6.2",
+    "version": "2.6.4",
     "publishConfig": {
         "access": "public"
     },
@@ -23,7 +23,7 @@
     "dependencies": {
         "@khanacademy/kas": "^0.3.1",
         "@khanacademy/kmath": "^0.1.2",
-        "@khanacademy/perseus": "^8.0.0"
+        "@khanacademy/perseus": "^10.0.0"
     },
     "devDependencies": {
         "@khanacademy/wonder-blocks-button": "^4.1.3",

package/src/components/section-control-button.tsx

@@ -4,12 +4,11 @@ import Color from "@khanacademy/wonder-blocks-color";
 import {StyleSheet} from "aphrodite";
 import * as React from "react";
 
+import type {PropsFor} from "@khanacademy/wonder-blocks-core";
+
 const {InlineIcon} = components;
 
-type InlineIconProps = JSX.LibraryManagedAttributes<
-    typeof InlineIcon,
-    React.ComponentProps<typeof InlineIcon>
->;
+type InlineIconProps = PropsFor<typeof InlineIcon>;
 
 type SectionControlButtonProps = {
     icon: InlineIconProps;

package/src/multirenderer-editor.tsx

@@ -867,6 +867,12 @@ class MultiRendererEditor extends React.Component<MultiRendererEditorProps> {
                     item={item}
                     shape={itemShape}
                     apiOptions={apiOptions}
+                    // Today, with analytics being the only thing in
+                    // dependencies, we send in a dummy function as we don't
+                    // want to gather analytics events from within the editor.
+                    dependencies={{
+                        analytics: {onAnalyticsEvent: async () => {}},
+                    }}
                 >
                     {({renderers}) => (
                         <NodeContainer

package/src/widgets/input-number-editor.tsx

@@ -7,6 +7,7 @@ import _ from "underscore";
 import BlurInput from "../components/blur-input";
 
 import type {ParsedValue, InputNumber} from "@khanacademy/perseus";
+import type {PropsFor} from "@khanacademy/wonder-blocks-core";
 
 const {InfoTip} = components;
 
@@ -47,30 +48,14 @@ const answerTypes = {
 
 type Props = {
     value: number;
-    simplify: JSX.LibraryManagedAttributes<
-        typeof InputNumber.widget,
-        React.ComponentProps<typeof InputNumber.widget>
-    >["simplify"];
-    size: JSX.LibraryManagedAttributes<
-        typeof InputNumber.widget,
-        React.ComponentProps<typeof InputNumber.widget>
-    >["size"];
-    inexact: JSX.LibraryManagedAttributes<
-        typeof InputNumber.widget,
-        React.ComponentProps<typeof InputNumber.widget>
-    >["reviewModeRubric"]["inexact"];
-    maxError: JSX.LibraryManagedAttributes<
-        typeof InputNumber.widget,
-        React.ComponentProps<typeof InputNumber.widget>
+    simplify: PropsFor<typeof InputNumber.widget>["simplify"];
+    size: PropsFor<typeof InputNumber.widget>["size"];
+    inexact: PropsFor<typeof InputNumber.widget>["reviewModeRubric"]["inexact"];
+    maxError: PropsFor<
+        typeof InputNumber.widget
     >["reviewModeRubric"]["maxError"];
-    answerType: JSX.LibraryManagedAttributes<
-        typeof InputNumber.widget,
-        React.ComponentProps<typeof InputNumber.widget>
-    >["answerType"];
-    rightAlign: JSX.LibraryManagedAttributes<
-        typeof InputNumber.widget,
-        React.ComponentProps<typeof InputNumber.widget>
-    >["rightAlign"];
+    answerType: PropsFor<typeof InputNumber.widget>["answerType"];
+    rightAlign: PropsFor<typeof InputNumber.widget>["rightAlign"];
     onChange: (arg1: {
         value?: ParsedValue | 0;
         simplify?: Props["simplify"];

package/src/widgets/interactive-graph-editor.tsx

@@ -24,17 +24,14 @@ import type {
     PerseusInteractiveGraphWidgetOptions,
     APIOptionsWithDefaults,
 } from "@khanacademy/perseus";
-import type {StyleType} from "@khanacademy/wonder-blocks-core";
+import type {PropsFor, StyleType} from "@khanacademy/wonder-blocks-core";
 
 const {InfoTip} = components;
 const {containerSizeClass, getInteractiveBoxFromSizeClass} = SizingUtils;
 const DeprecationMixin = Util.DeprecationMixin;
 const InteractiveGraph = InteractiveGraphWidget.widget;
 
-type InteractiveGraphProps = JSX.LibraryManagedAttributes<
-    typeof InteractiveGraph,
-    React.ComponentProps<typeof InteractiveGraph>
->;
+type InteractiveGraphProps = PropsFor<typeof InteractiveGraph>;
 
 const defaultBackgroundImage = {
     url: null,