@khanacademy/perseus-editor 6.2.3 → 6.4.1

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

@@ -2,7 +2,6 @@
 import type { LockedFigureColor } from "@khanacademy/perseus";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 type Props = {
-    id: string;
     selectedValue: LockedFigureColor;
     style?: StyleType;
     onChange: (newValue: string) => void;

package/dist/components/coordinate-pair-input.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { LockedPointType } from "@khanacademy/perseus";
+type Props = {
+    coord: [number, number];
+    onChangeProps: (newProps: Partial<LockedPointType>) => void;
+};
+declare const CoordinatePairInput: (props: Props) => JSX.Element;
+export default CoordinatePairInput;

package/dist/components/defining-point-settings.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import type { AccordionProps } from "./locked-figure-settings";
+import type { LockedPointType } from "@khanacademy/perseus";
+export type Props = AccordionProps & LockedPointType & {
+    /**
+     * Optional label for the point to display in the header summary.
+     * Defaults to "Point".
+     */
+    label: string;
+    /**
+     * Whether the extra point settings are toggled open.
+     */
+    showPoint?: boolean;
+    /**
+     * Called when the extra settings toggle switch is changed.
+     */
+    onTogglePoint?: (newValue: any) => void;
+    /**
+     * Called when the props (coords, color, etc.) are updated.
+     */
+    onChangeProps: (newProps: Partial<LockedPointType>) => void;
+};
+declare const DefiningPointSettings: (props: Props) => JSX.Element;
+export default DefiningPointSettings;

package/dist/components/line-swatch.d.ts

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

package/dist/components/locked-figure-settings-accordion.d.ts

@@ -3,8 +3,10 @@ import type { StyleType } from "@khanacademy/wonder-blocks-core";
 type Props = {
     children: React.ReactNode | React.ReactNode[];
     header: string | React.ReactElement;
+    expanded?: boolean;
     containerStyle?: StyleType;
     panelStyle?: StyleType;
+    onToggle?: (expanded: boolean) => void;
 };
 declare const LockedFigureSettingsAccordion: (props: Props) => JSX.Element;
 export default LockedFigureSettingsAccordion;

package/dist/components/locked-figure-settings.d.ts

@@ -7,6 +7,16 @@
 /// <reference types="react" />
 import type { Props as LockedLineProps } from "./locked-line-settings";
 import type { Props as LockedPointProps } from "./locked-point-settings";
-type Props = LockedPointProps | LockedLineProps;
+export type AccordionProps = {
+    /**
+     * Whether this accordion is expanded.
+     */
+    expanded?: boolean;
+    /**
+     * Called when the accordion is expanded or collapsed.
+     */
+    onToggle?: (expanded: boolean) => void;
+};
+type Props = AccordionProps & (LockedPointProps | LockedLineProps);
 declare const LockedFigureSettings: (props: Props) => JSX.Element | null;
 export default LockedFigureSettings;

package/dist/components/locked-line-settings.d.ts

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

package/dist/components/locked-point-settings.d.ts

@@ -1,12 +1,14 @@
 /// <reference types="react" />
+import type { AccordionProps } from "./locked-figure-settings";
 import type { LockedPointType } from "@khanacademy/perseus";
-import type { StyleType } from "@khanacademy/wonder-blocks-core";
-export type Props = LockedPointType & {
-    label?: string;
-    toggled?: boolean;
-    style?: StyleType;
-    onRemove?: () => void;
-    onToggle?: (newValue: any) => void;
+export type Props = AccordionProps & LockedPointType & {
+    /**
+     * Called when the delete button is pressed.
+     */
+    onRemove: () => void;
+    /**
+     * Called when the props (coords, color, etc.) are updated.
+     */
     onChangeProps: (newProps: Partial<LockedPointType>) => void;
 };
 declare const LockedPointSettings: (props: Props) => JSX.Element;

package/dist/components/util.d.ts

@@ -1,6 +1,5 @@
 import type { LockedFigure, LockedFigureType, LockedPointType, LockedLineType } from "@khanacademy/perseus";
 export declare function focusWithChromeStickyFocusBugWorkaround(element: Element): void;
-export declare function getValidNumberFromString(value: string): number;
 export declare function getDefaultFigureForType(type: "point"): LockedPointType;
 export declare function getDefaultFigureForType(type: "line"): LockedLineType;
 export declare function getDefaultFigureForType(type: LockedFigureType): LockedFigure;