@khanacademy/perseus-editor 35.0.3 → 35.1.0

package/dist/all-editors.d.ts

@@ -18,7 +18,6 @@ import LabelImageEditor from "./widgets/label-image-editor/label-image-editor";
 import MatcherEditor from "./widgets/matcher-editor";
 import MatrixEditor from "./widgets/matrix-editor";
 import MeasurerEditor from "./widgets/measurer-editor";
-import MoleculeEditor from "./widgets/molecule-editor";
 import NumberLineEditor from "./widgets/number-line-editor";
 import NumericInputEditor from "./widgets/numeric-input-editor";
 import OrdererEditor from "./widgets/orderer-editor";
@@ -29,5 +28,5 @@ import RadioEditor from "./widgets/radio/editor";
 import SorterEditor from "./widgets/sorter-editor";
 import TableEditor from "./widgets/table-editor";
 import VideoEditor from "./widgets/video-editor/video-editor";
-declare const _default: (typeof CategorizerEditor | typeof CSProgramEditor | typeof DefinitionEditor | typeof DeprecatedStandinEditor | typeof DropdownEditor | typeof ExplanationEditor | typeof ExpressionEditor | typeof FreeResponseEditor | typeof GradedGroupEditor | typeof GradedGroupSetEditor | typeof GrapherEditor | typeof GroupEditor | typeof IframeEditor | typeof ImageEditor | typeof NumericInputEditor | typeof InteractionEditor | typeof InteractiveGraphEditor | typeof LabelImageEditor | typeof MatcherEditor | typeof MatrixEditor | typeof MeasurerEditor | typeof MoleculeEditor | typeof NumberLineEditor | typeof OrdererEditor | typeof PhetSimulationEditor | typeof PlotterEditor | typeof PythonProgramEditor | typeof RadioEditor | typeof SorterEditor | typeof TableEditor | typeof VideoEditor)[];
+declare const _default: (typeof CategorizerEditor | typeof CSProgramEditor | typeof DefinitionEditor | typeof DeprecatedStandinEditor | typeof DropdownEditor | typeof ExplanationEditor | typeof ExpressionEditor | typeof FreeResponseEditor | typeof GradedGroupEditor | typeof GradedGroupSetEditor | typeof GrapherEditor | typeof GroupEditor | typeof IframeEditor | typeof ImageEditor | typeof NumericInputEditor | typeof InteractionEditor | typeof InteractiveGraphEditor | typeof LabelImageEditor | typeof MatcherEditor | typeof MatrixEditor | typeof MeasurerEditor | typeof NumberLineEditor | typeof OrdererEditor | typeof PhetSimulationEditor | typeof PlotterEditor | typeof PythonProgramEditor | typeof RadioEditor | typeof SorterEditor | typeof TableEditor | typeof VideoEditor)[];
 export default _default;

package/dist/article-editor.d.ts

@@ -66,7 +66,7 @@ export default class ArticleEditor extends React.Component<Props, State> {
             isMobile?: boolean;
             isMobileApp?: boolean;
             hintProgressColor?: string;
-            flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
+            flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator", boolean>;
         }>;
         linterContext: {
             contentType: string;

package/dist/components/alignment-select.d.ts

@@ -5,7 +5,7 @@ interface Props {
     supportedAlignments: ReadonlyArray<Alignment>;
     widgetInfo: PerseusWidget;
     isEditingDisabled: boolean;
-    onChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    onChange: (newAlignment: Alignment) => void;
     style?: StyleType;
 }
 export declare function AlignmentSelect({ supportedAlignments, widgetInfo, isEditingDisabled, onChange, style, }: Props): React.JSX.Element;

package/dist/components/typed-single-select.d.ts

@@ -0,0 +1,43 @@
+import { SingleSelect } from "@khanacademy/wonder-blocks-dropdown";
+import * as React from "react";
+import type { PropsFor } from "@khanacademy/wonder-blocks-core";
+/**
+ * A single option in a `TypedSingleSelect`.
+ *
+ * - A non-empty string is the option's visible label.
+ * - The object form additionally allows a `leftAccessory` (e.g. an icon or
+ *   swatch) to be rendered before the label. Objects are always shown, so this
+ *   form is the way to render an accessory-only option (empty `label`).
+ * - Any falsey value (`""`, `false`, `null`, `undefined`) hides the option.
+ *   This supports the `condition && "Label"` idiom for conditionally showing an
+ *   option without dropping it from the `options` object.
+ */
+type SelectOption = string | null | undefined | false | {
+    label: string;
+    leftAccessory?: React.ReactNode;
+};
+/**
+ * An object representing the options of a `<select>` element in HTML.
+ * Each property key in the object is a `value` of an option, and each
+ * property value describes how that option appears in the dropdown. If a
+ * property value is falsey, the corresponding option is hidden.
+ */
+type SelectOptions<ValueT extends string> = Record<ValueT, SelectOption>;
+interface OwnProps<ValueT extends string> {
+    options: SelectOptions<ValueT>;
+    selectedValue?: NoInfer<ValueT> | null | undefined;
+    onChange: (selectedValue: NoInfer<ValueT>) => void;
+    placeholder?: string;
+}
+export type Props<ValueT extends string> = OwnProps<ValueT> & Omit<PropsFor<typeof SingleSelect>, keyof OwnProps<string>>;
+/**
+ * A typesafe version of Wonder Blocks' `SingleSelect` component. Use this
+ * when you need a `SingleSelect` to choose among the branches of a union
+ * type like `"foo" | "bar" | "baz"`.
+ *
+ * `ValueT` is inferred from the keys of `options`, so `selectedValue` and the
+ * value passed to `onChange` are guaranteed to be members of that union — no
+ * cast or runtime check is needed at the call site.
+ */
+export declare function TypedSingleSelect<ValueT extends string>(props: Props<ValueT>): React.JSX.Element;
+export {};

package/dist/components/widget-editor-settings.d.ts

@@ -15,7 +15,7 @@ interface WidgetEditorSettingsProps {
     onGradedChange: (value: boolean) => unknown;
     supportedAlignments: ReadonlyArray<Alignment>;
     widgetInfo: PerseusWidget;
-    onAlignmentChange: (e: React.SyntheticEvent<HTMLSelectElement>) => unknown;
+    onAlignmentChange: (newAlignment: Alignment) => unknown;
     isEditingDisabled: boolean;
 }
 declare function WidgetEditorSettings(props: WidgetEditorSettingsProps): React.JSX.Element | null;

package/dist/components/widget-editor.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type Editor from "../editor";
 import type { APIOptions } from "@khanacademy/perseus";
-import type { PerseusWidget } from "@khanacademy/perseus-core";
+import type { Alignment, PerseusWidget } from "@khanacademy/perseus-core";
 export type WidgetEditorProps = {
     id: string;
     onChange: (widgetInfo: PerseusWidget, cb?: () => unknown, silent?: boolean) => unknown;
@@ -22,10 +22,10 @@ declare class WidgetEditor extends React.Component<WidgetEditorProps, WidgetEdit
     _handleWidgetChange: (newProps: WidgetEditorProps, cb: () => unknown, silent: boolean) => void;
     _setStatic: (value: boolean) => void;
     _setGraded: (value: boolean) => void;
-    _handleAlignmentChange: (e: React.SyntheticEvent<HTMLSelectElement>) => void;
+    _handleAlignmentChange: (newAlignment: Alignment) => void;
     getSaveWarnings: () => any;
     serialize: () => {
-        type: "categorizer" | "iframe" | "table" | "video" | "image" | "radio" | "cs-program" | "definition" | "group" | "dropdown" | "explanation" | "expression" | "free-response" | "grapher" | "graded-group-set" | "graded-group" | "input-number" | "interaction" | "interactive-graph" | "label-image" | "matcher" | "matrix" | "measurer" | "molecule-renderer" | "number-line" | "numeric-input" | "orderer" | "phet-simulation" | "python-program" | "plotter" | "sorter" | "mock-widget" | "deprecated-standin";
+        type: "categorizer" | "iframe" | "table" | "video" | "image" | "radio" | "cs-program" | "definition" | "group" | "dropdown" | "explanation" | "expression" | "free-response" | "grapher" | "graded-group-set" | "graded-group" | "input-number" | "interaction" | "interactive-graph" | "label-image" | "matcher" | "matrix" | "measurer" | "number-line" | "numeric-input" | "orderer" | "phet-simulation" | "python-program" | "plotter" | "sorter" | "mock-widget" | "deprecated-standin";
         alignment: string | undefined;
         static: boolean | undefined;
         graded: boolean | undefined;

package/dist/editor.d.ts

@@ -11,7 +11,6 @@ type Props = Readonly<{
     images: any;
     disabled: boolean;
     widgetEnabled: boolean;
-    immutableWidgets: boolean;
     showWordCount: boolean;
     warnNoPrompt: boolean;
     warnNoWidgets: boolean;
@@ -23,7 +22,6 @@ type DefaultProps = {
     content: string;
     disabled: boolean;
     images: Record<any, any>;
-    immutableWidgets: boolean;
     placeholder: string;
     showWordCount: boolean;
     warnNoPrompt: boolean;