@khanacademy/perseus 21.2.2 → 21.3.1

package/dist/perseus-api.d.ts

@@ -95,7 +95,15 @@ export declare const ApiOptions: {
         inModal?: boolean | undefined;
         crossOutEnabled?: boolean | undefined;
         editorChangeDelay?: number | undefined;
-        flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+        flags?: {
+            mafs?: false | {
+                polygon?: boolean | undefined;
+                linear?: boolean | undefined;
+                segment?: boolean | undefined;
+                "linear-system"?: boolean | undefined;
+                ray?: boolean | undefined;
+            } | undefined;
+        } | undefined;
         onWidgetStartProps?: ((widgets: import("./perseus-types").PerseusWidgetsMap) => void) | undefined;
     }> & {
         GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;

package/dist/perseus-types.d.ts

@@ -431,12 +431,6 @@ export type PerseusLabelImageMarker = {
     x: number;
     y: number;
 };
-export type PerseusLightsPuzzleWidgetOptions = {
-    cells?: ReadonlyArray<ReadonlyArray<boolean>>;
-    startCells?: ReadonlyArray<ReadonlyArray<boolean>>;
-    flipPattern?: string;
-    moveCount?: number;
-};
 export type PerseusMatcherWidgetOptions = {
     labels: ReadonlyArray<string>;
     left: ReadonlyArray<string>;
@@ -788,21 +782,6 @@ export type PerseusMoleculeRendererWidgetOptions = {
 export type PerseusPassageRefTargetWidgetOptions = {
     content: string;
 };
-export type PerseusReactionDiagramWidgetOptions = {
-    rotationAngle: ReadonlyArray<number>;
-    widgetId: string;
-    separators: ReadonlyArray<PerseusReactionDiagramSeparators>;
-    smiles: ReadonlyArray<string>;
-};
-export type PerseusReactionDiagramSeparators = {
-    type: string;
-    topText: string;
-    bottomText: string;
-};
-export type PerseusReactionDiagramSeparatorsData = {
-    topText: string;
-    bottomText: string;
-};
 export type PerseusSimpleMarkdownTesterWidgetOptions = {
     value: string;
 };

package/dist/server-item-renderer.d.ts

@@ -137,7 +137,15 @@ declare const ref: React.ForwardRefExoticComponent<Omit<Pick<OwnProps & HOCProps
         inModal?: boolean | undefined;
         crossOutEnabled?: boolean | undefined;
         editorChangeDelay?: number | undefined;
-        flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+        flags?: {
+            mafs?: false | {
+                polygon?: boolean | undefined;
+                linear?: boolean | undefined;
+                segment?: boolean | undefined;
+                "linear-system"?: boolean | undefined;
+                ray?: boolean | undefined;
+            } | undefined;
+        } | undefined;
         onWidgetStartProps?: ((widgets: import("./perseus-types").PerseusWidgetsMap) => void) | undefined;
     }> | undefined;
     linterContext?: PerseusLinter.LinterContextProps | undefined;

package/dist/strings.js

@@ -46,7 +46,6 @@ module.exports = [
     i18n._("Choose all answers that apply:", {}),
     i18n._("Click each dot on the image to select all answers that apply.", {}),
     i18n._("Click each dot on the image to select an answer.", {}),
-    i18n._("Click on the tiles to change the lights.", {}),
     i18n._("Click to add points", {}),
     i18n._("Click to add vertices", {}),
     i18n._("close math keypad", {}),
@@ -86,7 +85,6 @@ module.exports = [
     i18n._("Make circle open", {}),
     i18n._("Make sure you fill in all cells in the matrix.", {}),
     i18n._("Make sure you select something for every row.", {}),
-    i18n.ngettext("Moves: %(num)s","Moves: %(num)s", {}),
     i18n._("Next question", {}),
     i18n._("No", {}),
     i18n._("None of the above", {}),
@@ -95,7 +93,6 @@ module.exports = [
     i18n._("open math keypad", {}),
     i18n._("Please choose the correct number of answers.", {}),
     i18n.$_("Please make sure the number of divisions is in the range %(divRangeString)s.", {}),
-    i18n._("Reaction arrow pointing to the right.", {}),
     i18n._("Remove highlight", {}),
     i18n._("See video transcript", {}),
     i18n._("Skip to %(title)s", {}),
@@ -113,7 +110,6 @@ module.exports = [
     i18n._("We could not understand your answer. Please check your answer for extra text or symbols.", {}),
     i18n._("We couldn't grade your answer.", {}),
     i18n._("Yes", {}),
-    i18n._("You must turn on all of the lights to continue.", {}),
     i18n._("Your answer includes a wrong variable letter.", {}),
     i18n._("Your answer includes use of a variable with the wrong case.", {}),
     i18n._("Your answer is almost correct, but it is missing a <code>\\%</code> at the end.", {}),

package/dist/types.d.ts

@@ -77,6 +77,7 @@ type TrackInteractionArgs = {
     id: string;
     correct?: boolean;
 } & Partial<TrackingGradedGroupExtraArguments> & Partial<TrackingSequenceExtraArguments>;
+export declare const MafsFlags: readonly ["segment", "linear", "linear-system", "ray", "polygon"];
 /**
  * APIOptions provides different ways to customize the behaviour of Perseus.
  *
@@ -198,7 +199,16 @@ export type APIOptions = Readonly<{
      */
     editorChangeDelay?: number;
     /** Feature flags that can be passed from consuming application. */
-    flags?: Record<string, boolean | Record<string, boolean>>;
+    flags?: {
+        /**
+         * Flags related to the interactive-graph Mafs migration.
+         *
+         * Add values to the `MafsFlags` array to create new flags.
+         */
+        mafs?: false | {
+            [Key in (typeof MafsFlags)[number]]?: boolean;
+        };
+    };
     /**
      * This is a callback function that returns all of the Widget props
      * after they have been transformed by the widget's transform function.

package/dist/widgets/expression.d.ts

@@ -123,7 +123,15 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            flags?: {
+                mafs?: false | {
+                    polygon?: boolean | undefined;
+                    linear?: boolean | undefined;
+                    segment?: boolean | undefined;
+                    "linear-system"?: boolean | undefined;
+                    ray?: boolean | undefined;
+                } | undefined;
+            } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
@@ -190,7 +198,15 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            flags?: {
+                mafs?: false | {
+                    polygon?: boolean | undefined;
+                    linear?: boolean | undefined;
+                    segment?: boolean | undefined;
+                    "linear-system"?: boolean | undefined;
+                    ray?: boolean | undefined;
+                } | undefined;
+            } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
@@ -257,7 +273,15 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            flags?: {
+                mafs?: false | {
+                    polygon?: boolean | undefined;
+                    linear?: boolean | undefined;
+                    segment?: boolean | undefined;
+                    "linear-system"?: boolean | undefined;
+                    ray?: boolean | undefined;
+                } | undefined;
+            } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
@@ -321,7 +345,15 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            flags?: {
+                mafs?: false | {
+                    polygon?: boolean | undefined;
+                    linear?: boolean | undefined;
+                    segment?: boolean | undefined;
+                    "linear-system"?: boolean | undefined;
+                    ray?: boolean | undefined;
+                } | undefined;
+            } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
@@ -388,7 +420,15 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            flags?: {
+                mafs?: false | {
+                    polygon?: boolean | undefined;
+                    linear?: boolean | undefined;
+                    segment?: boolean | undefined;
+                    "linear-system"?: boolean | undefined;
+                    ray?: boolean | undefined;
+                } | undefined;
+            } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;
@@ -455,7 +495,15 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            flags?: {
+                mafs?: false | {
+                    polygon?: boolean | undefined;
+                    linear?: boolean | undefined;
+                    segment?: boolean | undefined;
+                    "linear-system"?: boolean | undefined;
+                    ray?: boolean | undefined;
+                } | undefined;
+            } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
         }> & {
             GroupMetadataEditor: NonNullable<React.ComponentType<any> | undefined>;

package/dist/widgets/interactive-graphs/index.d.ts

@@ -1 +1 @@
-export { MafsGraph } from "./mafs-graph";
+export { StatefulMafsGraph } from "./mafs-graph";

package/dist/widgets/interactive-graphs/mafs-graph.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
-import type { InteractiveGraphProps } from "./types";
+import { type InteractiveGraphAction } from "./reducer/interactive-graph-action";
+import type { InteractiveGraphState, InteractiveGraphProps } from "./types";
 import type { Widget } from "../../renderer";
 import "mafs/core.css";
 import "./mafs-styles.css";
@@ -16,6 +17,10 @@ export type Props = {
     markings: InteractiveGraphProps["markings"];
     onChange: InteractiveGraphProps["onChange"];
 };
-export declare const MafsGraph: React.ForwardRefExoticComponent<Props & {
-    children?: React.ReactNode;
-} & React.RefAttributes<Partial<Widget>>>;
+export declare const StatefulMafsGraph: React.ForwardRefExoticComponent<Props & React.RefAttributes<Partial<Widget>>>;
+type MafsGraphProps = Props & {
+    state: InteractiveGraphState;
+    dispatch: React.Dispatch<InteractiveGraphAction>;
+};
+export declare const MafsGraph: (props: MafsGraphProps) => JSX.Element;
+export {};

package/dist/widgets/label-image.d.ts

@@ -122,7 +122,15 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            flags?: {
+                mafs?: false | {
+                    polygon?: boolean | undefined;
+                    linear?: boolean | undefined;
+                    segment?: boolean | undefined;
+                    "linear-system"?: boolean | undefined;
+                    ray?: boolean | undefined;
+                } | undefined;
+            } | undefined;
             onWidgetStartProps?: ((widgets: import("..").PerseusWidgetsMap) => void) | undefined;
         }>;
         choices: readonly string[];
@@ -171,7 +179,15 @@ declare const _default: Readonly<{
             inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
-            flags?: Record<string, boolean | Record<string, boolean>> | undefined;
+            flags?: {
+                mafs?: false | {
+                    polygon?: boolean | undefined;
+                    linear?: boolean | undefined;
+                    segment?: boolean | undefined;
+                    "linear-system"?: boolean | undefined;
+                    ray?: boolean | undefined;
+                } | undefined;
+            } | undefined;
             onWidgetStartProps?: ((widgets: import("..").PerseusWidgetsMap) => void) | undefined;
         }>;
         choices: readonly string[];

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "21.2.2",
+    "version": "21.3.1",
     "publishConfig": {
         "access": "public"
     },

package/dist/widgets/lights-puzzle.d.ts

@@ -1,53 +0,0 @@
-import * as React from "react";
-import * as Changeable from "../mixins/changeable";
-import type { PerseusLightsPuzzleWidgetOptions } from "../perseus-types";
-type LightsPuzzleProps = Changeable.ChangeableProps & {
-    cells: PerseusLightsPuzzleWidgetOptions["cells"];
-    startCells: PerseusLightsPuzzleWidgetOptions["startCells"];
-    flipPattern: PerseusLightsPuzzleWidgetOptions["flipPattern"];
-    moveCount: PerseusLightsPuzzleWidgetOptions["moveCount"];
-};
-type DefaultProps = {
-    cells: LightsPuzzleProps["cells"];
-    startCells: LightsPuzzleProps["startCells"];
-    flipPattern: LightsPuzzleProps["flipPattern"];
-    moveCount: LightsPuzzleProps["moveCount"];
-};
-declare class LightsPuzzle extends React.Component<LightsPuzzleProps> {
-    _currPattern: any;
-    _nextPattern: any;
-    _patternIndex: number;
-    static defaultProps: DefaultProps;
-    getUserInput: () => any;
-    render(): React.ReactNode;
-    change: (...args: ReadonlyArray<unknown>) => any;
-    _width: () => number;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: any): void;
-    _initNextPatterns: () => void;
-    _shiftPatterns: () => void;
-    _flipTile: (FlipCoords: any) => void;
-    _reset: () => void;
-    simpleValidate: (arg1: any) => any;
-}
-declare const _default: Readonly<{
-    name: string;
-    displayName: string;
-    getWidget?: (() => typeof LightsPuzzle) | undefined;
-    widget: typeof LightsPuzzle;
-    accessible?: boolean | ((props: any) => boolean) | undefined;
-    hidden?: boolean | undefined;
-    version?: import("../types").Version | undefined;
-    supportedAlignments?: readonly import("../types").Alignment[] | undefined;
-    defaultAlignment?: import("../types").Alignment | undefined;
-    getDefaultAlignment?: (() => import("../types").Alignment) | undefined;
-    isLintable?: boolean | undefined;
-    tracking?: import("../types").Tracking | undefined;
-    traverseChildWidgets?: any;
-    transform?: import("../types").WidgetTransform | undefined;
-    staticTransform?: import("../types").WidgetTransform | undefined;
-    propUpgrades?: {
-        [key: string]: (arg1: any) => any;
-    } | undefined;
-}>;
-export default _default;

package/dist/widgets/reaction-diagram.d.ts

@@ -1,42 +0,0 @@
-import * as React from "react";
-import type { PerseusReactionDiagramWidgetOptions } from "../perseus-types";
-type ReactionDiagramProps = {
-    rotationAngle: PerseusReactionDiagramWidgetOptions["rotationAngle"];
-    separators: PerseusReactionDiagramWidgetOptions["separators"];
-    smiles: PerseusReactionDiagramWidgetOptions["smiles"];
-    widgetId: PerseusReactionDiagramWidgetOptions["widgetId"];
-};
-type DefaultProps = {
-    rotationAngle: ReactionDiagramProps["rotationAngle"];
-    separators: ReactionDiagramProps["separators"];
-    smiles: ReactionDiagramProps["smiles"];
-};
-declare class ReactionDiagramWidget extends React.Component<ReactionDiagramProps> {
-    static defaultProps: DefaultProps;
-    simpleValidate: (arg1: any) => any;
-    getUserInput: () => any;
-    validate: (arg1: any, arg2: any) => any;
-    focus: () => boolean;
-    render(): React.ReactNode;
-}
-declare const _default: Readonly<{
-    name: string;
-    displayName: string;
-    getWidget?: (() => typeof ReactionDiagramWidget) | undefined;
-    widget: typeof ReactionDiagramWidget;
-    accessible?: boolean | ((props: any) => boolean) | undefined;
-    hidden?: boolean | undefined;
-    version?: import("../types").Version | undefined;
-    supportedAlignments?: readonly import("../types").Alignment[] | undefined;
-    defaultAlignment?: import("../types").Alignment | undefined;
-    getDefaultAlignment?: (() => import("../types").Alignment) | undefined;
-    isLintable?: boolean | undefined;
-    tracking?: import("../types").Tracking | undefined;
-    traverseChildWidgets?: any;
-    transform?: import("../types").WidgetTransform | undefined;
-    staticTransform?: import("../types").WidgetTransform | undefined;
-    propUpgrades?: {
-        [key: string]: (arg1: any) => any;
-    } | undefined;
-}>;
-export default _default;