@khanacademy/perseus-editor 37.1.0 → 38.0.0

package/dist/mixins/changeable.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Changeable
+ *
+ * Adds a this.change() function to a component
+ *
+ * This.change takes prop changes as parameters, and calls
+ * this.props.onChange with the modified props.
+ */
+export type ChangeFn = (newPropsOrSinglePropName: string | {
+    [key: string]: any;
+}, propValue?: any, callback?: () => unknown) => any;
+/**
+ * this.change()
+ *
+ * Can be called as follows:
+ * this.change(newProps, callback);
+ *
+ * this.change(propName, propValue, callback);
+ *
+ * this.change(propName) -> returns a lambda that takes a prop value to
+ * set and a callback to call after having set that value.
+ *
+ * TODO(LEMS-3245) remove Changeable
+ *
+ * @deprecated
+ */
+export declare const deprecatedChangeableChange: ChangeFn;
+/**
+ * TODO(LEMS-3245) remove Changeable
+ *
+ * @deprecated
+ */
+export type ChangeableProps = {
+    onChange: (values: {
+        [key: string]: any;
+    }, callback?: (() => unknown) | null | undefined, silent?: boolean) => unknown;
+};

package/dist/mixins/editor-jsonify.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @deprecated do not use EditorJsonify
+ * See LEMS-4108 for more details
+ */
+declare const EditorJsonify: {
+    readonly serialize: () => any;
+};
+export default EditorJsonify;

package/dist/widgets/categorizer-editor/categorizer-editor.d.ts

@@ -1,8 +1,8 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
+import type { ChangeableProps } from "../../mixins/changeable";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { CategorizerDefaultWidgetOptions } from "@khanacademy/perseus-core";
-interface Props extends CategorizerDefaultWidgetOptions, Changeable.ChangeableProps {
+interface Props extends CategorizerDefaultWidgetOptions, ChangeableProps {
     apiOptions?: APIOptionsWithDefaults;
 }
 /**

package/dist/widgets/cs-program-editor/cs-program-editor.d.ts

@@ -1,10 +1,10 @@
 /**
  * This editor is for embedding Khan Academy CS programs.
  */
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
+import type { ChangeableProps } from "../../mixins/changeable";
 import type { CSProgramDefaultWidgetOptions } from "@khanacademy/perseus-core";
-interface CSProgramEditorProps extends CSProgramDefaultWidgetOptions, Changeable.ChangeableProps {
+interface CSProgramEditorProps extends CSProgramDefaultWidgetOptions, ChangeableProps {
 }
 /**
  * This is the main editor for this widget, to specify all the options.

package/dist/widgets/definition-editor/definition-editor.d.ts

@@ -1,9 +1,9 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
 import type { InitializeWidgetOptionsParams } from "../../editor";
+import type { ChangeableProps } from "../../mixins/changeable";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { DefinitionDefaultWidgetOptions } from "@khanacademy/perseus-core";
-interface Props extends DefinitionDefaultWidgetOptions, Changeable.ChangeableProps {
+interface Props extends DefinitionDefaultWidgetOptions, ChangeableProps {
     apiOptions?: APIOptionsWithDefaults;
 }
 /**

package/dist/widgets/explanation-editor/explanation-editor.d.ts

@@ -1,8 +1,8 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
+import type { ChangeableProps } from "../../mixins/changeable";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { ExplanationDefaultWidgetOptions } from "@khanacademy/perseus-core";
-interface Props extends ExplanationDefaultWidgetOptions, Changeable.ChangeableProps {
+interface Props extends ExplanationDefaultWidgetOptions, ChangeableProps {
     apiOptions?: APIOptionsWithDefaults;
 }
 /**

package/dist/widgets/graded-group-editor/graded-group-editor.d.ts

@@ -1,9 +1,9 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
 import Editor from "../../editor";
+import type { ChangeableProps } from "../../mixins/changeable";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { GradedGroupDefaultWidgetOptions } from "@khanacademy/perseus-core";
-interface Props extends GradedGroupDefaultWidgetOptions, Changeable.ChangeableProps {
+interface Props extends GradedGroupDefaultWidgetOptions, ChangeableProps {
     apiOptions?: APIOptionsWithDefaults;
 }
 declare class GradedGroupEditor extends React.Component<Props> {

package/dist/widgets/graded-group-set-editor/graded-group-set-editor.d.ts

@@ -1,8 +1,8 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
+import type { ChangeableProps } from "../../mixins/changeable";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { GradedGroupSetDefaultWidgetOptions } from "@khanacademy/perseus-core";
-interface Props extends GradedGroupSetDefaultWidgetOptions, Changeable.ChangeableProps {
+interface Props extends GradedGroupSetDefaultWidgetOptions, ChangeableProps {
     apiOptions?: APIOptionsWithDefaults;
 }
 declare class GradedGroupSetEditor extends React.Component<Props> {

package/dist/widgets/iframe-editor/iframe-editor.d.ts

@@ -1,7 +1,7 @@
-import { Changeable } from "@khanacademy/perseus";
 import { type IFrameDefaultWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
-interface IframeEditorProps extends IFrameDefaultWidgetOptions, Changeable.ChangeableProps {
+import type { ChangeableProps } from "../../mixins/changeable";
+interface IframeEditorProps extends IFrameDefaultWidgetOptions, ChangeableProps {
 }
 /**
  * This is the main editor for this widget, to specify all the options.

package/dist/widgets/image-editor/components/dark-mode-toggle.d.ts

@@ -8,4 +8,9 @@ interface Props {
     onSuppressToggle: ImageEditorProps["onChange"];
 }
 export default function DarkModeToggle({ backgroundImage, onShowToggle, onSuppressToggle, editingDisabled, }: Props): React.JSX.Element;
+/**
+ * Determines whether an image is a "graphical" type (PNG or SVG) with large
+ * flat areas of meaningful color and potentially a transparent background.
+ */
+export declare function isGraphicalImage(url: string | null | undefined): boolean;
 export {};

package/dist/widgets/interaction-editor/constraint-editor.d.ts

@@ -1,6 +1,6 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
-type Props = Changeable.ChangeableProps & {
+import type { ChangeableProps } from "../../mixins/changeable";
+type Props = ChangeableProps & {
     constraint: string;
     constraintFn: string;
     constraintXMax: string;

package/dist/widgets/interaction-editor/function-editor.d.ts

@@ -1,6 +1,6 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
-type Props = Changeable.ChangeableProps & {
+import type { ChangeableProps } from "../../mixins/changeable";
+type Props = ChangeableProps & {
     value: string;
     rangeMin: string;
     rangeMax: string;

package/dist/widgets/interaction-editor/label-editor.d.ts

@@ -1,6 +1,6 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
-type Props = Changeable.ChangeableProps & {
+import type { ChangeableProps } from "../../mixins/changeable";
+type Props = ChangeableProps & {
     color: string;
     coordX: string;
     coordY: string;

package/dist/widgets/interaction-editor/line-editor.d.ts

@@ -1,6 +1,6 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
-type Props = Changeable.ChangeableProps & {
+import type { ChangeableProps } from "../../mixins/changeable";
+type Props = ChangeableProps & {
     startX: string;
     startY: string;
     endX: string;

package/dist/widgets/interaction-editor/movable-line-editor.d.ts

@@ -1,7 +1,6 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
-type ChangeFn = typeof Changeable.change;
-type Props = Changeable.ChangeableProps & {
+import type { ChangeableProps, ChangeFn } from "../../mixins/changeable";
+type Props = ChangeableProps & {
     startX: string;
     startY: string;
     endX: string;

package/dist/widgets/interaction-editor/movable-point-editor.d.ts

@@ -1,7 +1,6 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
-type ChangeFn = typeof Changeable.change;
-type Props = Changeable.ChangeableProps & {
+import type { ChangeableProps, ChangeFn } from "../../mixins/changeable";
+type Props = ChangeableProps & {
     startX: string;
     startY: string;
     constraint: string;

package/dist/widgets/interaction-editor/parametric-editor.d.ts

@@ -1,6 +1,6 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
-type Props = Changeable.ChangeableProps & {
+import type { ChangeableProps } from "../../mixins/changeable";
+type Props = ChangeableProps & {
     x: string;
     y: string;
     rangeMin: string;

package/dist/widgets/interaction-editor/point-editor.d.ts

@@ -1,6 +1,6 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
-type Props = Changeable.ChangeableProps & {
+import type { ChangeableProps } from "../../mixins/changeable";
+type Props = ChangeableProps & {
     coordX: string;
     coordY: string;
     color: string;

package/dist/widgets/interaction-editor/rectangle-editor.d.ts

@@ -1,6 +1,6 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
-type Props = Changeable.ChangeableProps & {
+import type { ChangeableProps } from "../../mixins/changeable";
+type Props = ChangeableProps & {
     color: string;
     coordX: string;
     coordY: string;

package/dist/widgets/interactive-graph-editor/components/interactive-graph-settings.d.ts

@@ -1,11 +1,7 @@
-/**
- * Used in the editor for the InteractiveGraph widget.
- */
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
+import type { ChangeFn } from "../../../mixins/changeable";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { AxisLabelLocation, ShowAxisArrows, ShowAxisTicks, MarkingsType, PerseusImageBackground } from "@khanacademy/perseus-core";
-type ChangeFn = typeof Changeable.change;
 type Range = [min: number, max: number];
 interface Props {
     /**

package/dist/widgets/matrix-editor/matrix-editor.d.ts

@@ -1,8 +1,8 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
+import type { ChangeableProps } from "../../mixins/changeable";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { MatrixDefaultWidgetOptions } from "@khanacademy/perseus-core";
-interface Props extends MatrixDefaultWidgetOptions, Changeable.ChangeableProps {
+interface Props extends MatrixDefaultWidgetOptions, ChangeableProps {
     apiOptions: APIOptionsWithDefaults;
 }
 declare class MatrixEditor extends React.Component<Props> {

package/dist/widgets/measurer-editor/measurer-editor.d.ts

@@ -1,7 +1,7 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
+import type { ChangeableProps } from "../../mixins/changeable";
 import type { MeasurerDefaultWidgetOptions } from "@khanacademy/perseus-core";
-interface Props extends MeasurerDefaultWidgetOptions, Changeable.ChangeableProps {
+interface Props extends MeasurerDefaultWidgetOptions, ChangeableProps {
 }
 declare class MeasurerEditor extends React.Component<Props> {
     static widgetName: "measurer";

package/dist/widgets/number-line-editor/number-line-editor.d.ts

@@ -1,6 +1,6 @@
 import { type NumberLineDefaultWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
-import type { Changeable } from "@khanacademy/perseus";
+import type { ChangeableProps } from "../../mixins/changeable";
 type Range = [number, number];
 type Props = {
     range: number[];
@@ -17,7 +17,7 @@ type Props = {
     isTickCtrl?: boolean;
     static?: boolean;
     showTooltips: boolean;
-} & Changeable.ChangeableProps;
+} & ChangeableProps;
 /**
  * An editor for adding a number line widget that allows users to mark
  * positions, intervals, and points on a number line.

package/dist/widgets/numeric-input-editor/numeric-input-editor.d.ts

@@ -1,8 +1,7 @@
-import { Changeable } from "@khanacademy/perseus";
 import { type PerseusNumericInputWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
+import type { ChangeFn } from "../../mixins/changeable";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
-type ChangeFn = typeof Changeable.change;
 type Props = Omit<PerseusNumericInputWidgetOptions, "static"> & {
     onChange: (results: any) => any;
     apiOptions: APIOptionsWithDefaults;

package/dist/widgets/python-program-editor/python-program-editor.d.ts

@@ -1,7 +1,7 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
+import type { ChangeableProps } from "../../mixins/changeable";
 import type { PerseusPythonProgramWidgetOptions, PythonProgramDefaultWidgetOptions } from "@khanacademy/perseus-core";
-type Props = Changeable.ChangeableProps & {
+type Props = ChangeableProps & {
     programID: string;
     height: number;
 };

package/package.json

@@ -3,7 +3,7 @@
   "description": "Perseus editors",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "37.1.0",
+  "version": "38.0.0",
   "publishConfig": {
     "access": "public"
   },
@@ -36,13 +36,13 @@
     "mafs": "^0.19.0",
     "tiny-invariant": "1.3.1",
     "@khanacademy/kas": "2.2.6",
-    "@khanacademy/perseus-core": "36.1.0",
-    "@khanacademy/perseus": "84.2.0",
-    "@khanacademy/math-input": "27.0.4",
-    "@khanacademy/perseus-linter": "5.1.24",
-    "@khanacademy/keypad-context": "3.2.84",
-    "@khanacademy/perseus-utils": "2.1.5",
-    "@khanacademy/kmath": "2.4.43"
+    "@khanacademy/keypad-context": "3.2.85",
+    "@khanacademy/kmath": "2.4.44",
+    "@khanacademy/math-input": "27.0.5",
+    "@khanacademy/perseus": "85.0.0",
+    "@khanacademy/perseus-core": "37.0.0",
+    "@khanacademy/perseus-linter": "5.1.25",
+    "@khanacademy/perseus-utils": "2.1.5"
   },
   "devDependencies": {
     "@khanacademy/mathjax-renderer": "3.1.4",