@khanacademy/perseus-editor 6.11.0 → 6.12.0

package/dist/components/{coordinate-pair-input.d.ts → graph-locked-figures/coordinate-pair-input.d.ts}

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 import type { Coord } from "@khanacademy/perseus";
+import type { StyleType } from "@khanacademy/wonder-blocks-core";
 type Props = {
     coord: [number, number];
     labels?: [string, string];
     error?: boolean;
+    style?: StyleType;
     onChange: (newCoord: Coord) => void;
 };
 declare const CoordinatePairInput: (props: Props) => JSX.Element;

package/dist/components/{defining-point-settings.d.ts → graph-locked-figures/defining-point-settings.d.ts}

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import type { AccordionProps } from "./locked-figure-settings";
 import type { LockedPointType } from "@khanacademy/perseus";
-export type Props = AccordionProps & LockedPointType & {
+export type Props = LockedPointType & {
     /**
      * Optional label for the point to display in the header summary.
      * Defaults to "Point".
@@ -23,6 +22,14 @@ export type Props = AccordionProps & LockedPointType & {
      * Called when the props (coords, color, etc.) are updated.
      */
     onChangeProps: (newProps: Partial<LockedPointType>) => void;
+    /**
+     * Whether this accordion is expanded.
+     */
+    expanded?: boolean;
+    /**
+     * Called when the accordion is expanded or collapsed.
+     */
+    onToggle?: (expanded: boolean) => void;
 };
 declare const DefiningPointSettings: (props: Props) => JSX.Element;
 export default DefiningPointSettings;

package/dist/components/{locked-ellipse-settings.d.ts → graph-locked-figures/locked-ellipse-settings.d.ts}

@@ -1,11 +1,7 @@
 /// <reference types="react" />
-import type { AccordionProps } from "./locked-figure-settings";
+import type { LockedFigureSettingsCommonProps } from "./locked-figure-settings";
 import type { LockedEllipseType } from "@khanacademy/perseus";
-export type Props = AccordionProps & LockedEllipseType & {
-    /**
-     * Called when the delete button is pressed.
-     */
-    onRemove: () => void;
+export type Props = LockedFigureSettingsCommonProps & LockedEllipseType & {
     /**
      * Called when the props (coords, color, etc.) are updated.
      */

package/dist/components/{locked-figure-select.d.ts → graph-locked-figures/locked-figure-select.d.ts}

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 type Props = {
     showM2Features: boolean;
+    showM2bFeatures: boolean;
     id: string;
     onChange: (value: string) => void;
 };

package/dist/components/graph-locked-figures/locked-figure-settings-actions.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { LockedFigureType } from "@khanacademy/perseus";
+export type LockedFigureSettingsMovementType = "back" | "backward" | "forward" | "front";
+type Props = {
+    showM2Features?: boolean;
+    figureType: LockedFigureType;
+    onMove: (movement: LockedFigureSettingsMovementType) => void;
+    onRemove: () => void;
+};
+declare const LockedFigureSettingsActions: (props: Props) => JSX.Element;
+export default LockedFigureSettingsActions;

package/dist/components/{locked-figure-settings.d.ts → graph-locked-figures/locked-figure-settings.d.ts}

@@ -6,11 +6,22 @@
  */
 /// <reference types="react" />
 import type { Props as LockedEllipseProps } from "./locked-ellipse-settings";
+import type { LockedFigureSettingsMovementType } from "./locked-figure-settings-actions";
 import type { Props as LockedLineProps } from "./locked-line-settings";
 import type { Props as LockedPointProps } from "./locked-point-settings";
+import type { Props as LockedPolygonProps } from "./locked-polygon-settings";
 import type { Props as LockedVectorProps } from "./locked-vector-settings";
-export type AccordionProps = {
+export type LockedFigureSettingsCommonProps = {
     showM2Features?: boolean;
+    showM2bFeatures?: boolean;
+    /**
+     * Called when a movement button (top, up, down, bottom) is pressed.
+     */
+    onMove: (movement: LockedFigureSettingsMovementType) => void;
+    /**
+     * Called when the delete button is pressed.
+     */
+    onRemove: () => void;
     /**
      * Whether this accordion is expanded.
      */
@@ -20,6 +31,6 @@ export type AccordionProps = {
      */
     onToggle?: (expanded: boolean) => void;
 };
-type Props = AccordionProps & (LockedPointProps | LockedLineProps | LockedEllipseProps | LockedVectorProps);
+type Props = LockedFigureSettingsCommonProps & (LockedPointProps | LockedLineProps | LockedEllipseProps | LockedVectorProps | LockedPolygonProps);
 declare const LockedFigureSettings: (props: Props) => JSX.Element | null;
 export default LockedFigureSettings;

package/dist/components/{locked-figures-section.d.ts → graph-locked-figures/locked-figures-section.d.ts}

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import type { Props as InteractiveGraphEditorProps } from "../widgets/interactive-graph-editor";
+import type { Props as InteractiveGraphEditorProps } from "../../widgets/interactive-graph-editor";
 import type { LockedFigure } from "@khanacademy/perseus";
 type Props = {
     showM2Features: boolean;
+    showM2bFeatures: boolean;
     figures?: Array<LockedFigure>;
     onChange: (props: Partial<InteractiveGraphEditorProps>) => void;
 };

package/dist/components/{locked-line-settings.d.ts → graph-locked-figures/locked-line-settings.d.ts}

@@ -1,11 +1,7 @@
 /// <reference types="react" />
-import type { AccordionProps } from "./locked-figure-settings";
+import type { LockedFigureSettingsCommonProps } from "./locked-figure-settings";
 import type { LockedFigure, LockedLineType } from "@khanacademy/perseus";
-export type Props = LockedLineType & AccordionProps & {
-    /**
-     * Called when the delete button is pressed.
-     */
-    onRemove: () => void;
+export type Props = LockedLineType & LockedFigureSettingsCommonProps & {
     /**
      * Called when the props (points, color, etc.) are updated.
      */

package/dist/components/{locked-point-settings.d.ts → graph-locked-figures/locked-point-settings.d.ts}

@@ -1,11 +1,7 @@
 /// <reference types="react" />
-import type { AccordionProps } from "./locked-figure-settings";
+import type { LockedFigureSettingsCommonProps } from "./locked-figure-settings";
 import type { LockedPointType } from "@khanacademy/perseus";
-export type Props = AccordionProps & LockedPointType & {
-    /**
-     * Called when the delete button is pressed.
-     */
-    onRemove: () => void;
+export type Props = LockedFigureSettingsCommonProps & LockedPointType & {
     /**
      * Called when the props (coords, color, etc.) are updated.
      */

package/dist/components/graph-locked-figures/locked-polygon-settings.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type LockedPolygonType } from "@khanacademy/perseus";
+import type { LockedFigureSettingsCommonProps } from "./locked-figure-settings";
+export type Props = LockedFigureSettingsCommonProps & LockedPolygonType & {
+    /**
+     * Called when the props (coords, color, etc.) are updated.
+     */
+    onChangeProps: (newProps: Partial<LockedPolygonType>) => void;
+};
+declare const LockedPolygonSettings: (props: Props) => JSX.Element;
+export default LockedPolygonSettings;

package/dist/components/{locked-vector-settings.d.ts → graph-locked-figures/locked-vector-settings.d.ts}

@@ -1,11 +1,7 @@
 /// <reference types="react" />
-import type { AccordionProps } from "./locked-figure-settings";
+import type { LockedFigureSettingsCommonProps } from "./locked-figure-settings";
 import type { LockedFigure, LockedVectorType } from "@khanacademy/perseus";
-export type Props = LockedVectorType & AccordionProps & {
-    /**
-     * Called when the delete button is pressed.
-     */
-    onRemove: () => void;
+export type Props = LockedVectorType & LockedFigureSettingsCommonProps & {
     /**
      * Called when the props (points, color, etc.) are updated.
      */

package/dist/components/graph-locked-figures/polygon-swatch.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { LockedFigureColor, LockedFigureFillType } from "@khanacademy/perseus";
+type Props = {
+    color: LockedFigureColor;
+    fillStyle: LockedFigureFillType;
+    strokeStyle: "solid" | "dashed";
+};
+declare const PolygonSwatch: (props: Props) => JSX.Element;
+export default PolygonSwatch;