@khanacademy/perseus-editor 6.3.0 → 6.5.0

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,9 @@
+/// <reference types="react" />
+import type { LockedPointType } from "@khanacademy/perseus";
+type Props = {
+    coord: [number, number];
+    error?: boolean;
+    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,28 @@
+/// <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;
+    /**
+     * Optional error message to display.
+     */
+    error?: string | null;
+    /**
+     * 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/interactive-graph-settings.d.ts

@@ -66,6 +66,7 @@ type Props = {
     onChange: (arg1: Partial<Props>) => void;
 };
 type State = {
+    isExpanded: boolean;
     labelsTextbox: ReadonlyArray<string>;
     gridStepTextbox: [x: number, y: number];
     snapStepTextbox: [x: number, y: number];
@@ -78,13 +79,21 @@ declare class InteractiveGraphSettings extends React.Component<Props, State> {
     bgUrlRef: React.RefObject<HTMLInputElement>;
     labelXRef: React.RefObject<HTMLInputElement>;
     labelYRef: React.RefObject<HTMLInputElement>;
-    static stateFromProps(props: any): {
-        labelsTextbox: any;
-        gridStepTextbox: any;
-        snapStepTextbox: any;
-        stepTextbox: any;
-        rangeTextbox: any;
-        backgroundImage: any;
+    static stateFromProps(props: Props): {
+        labelsTextbox: readonly string[];
+        gridStepTextbox: [x: number, y: number];
+        snapStepTextbox: [x: number, y: number];
+        stepTextbox: [x: number, y: number];
+        rangeTextbox: [x: Range, y: Range];
+        backgroundImage: {
+            url: string | null | undefined;
+            width?: number | undefined;
+            height?: number | undefined;
+            top?: number | undefined;
+            left?: number | undefined;
+            scale?: string | number | undefined;
+            bottom?: number | undefined;
+        };
     };
     constructor(props: Props);
     static defaultProps: {

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/toggleable-caret.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+type Props = {
+    isExpanded: boolean;
+};
+/**
+ * Displays a caret in either expanded or collapsed state. For use in headings
+ * that collapse a region.
+ */
+declare function ToggleableCaret(props: Props): JSX.Element;
+export default ToggleableCaret;