@khanacademy/perseus-editor 4.3.1 → 4.3.2

package/dist/components/interactive-graph-settings.d.ts

@@ -1,2 +1,85 @@
-declare const InteractiveGraphSettings: any;
+import * as React from "react";
+import type { PerseusImageBackground } from "@khanacademy/perseus";
+type EditableSetting = "canvas" | "graph" | "snap" | "image" | "measure";
+type Props = {
+    editableSettings: ReadonlyArray<EditableSetting>;
+    box: [number, number];
+    labels: ReadonlyArray<string>;
+    range: [[number, number], [number, number]];
+    step: [number, number];
+    gridStep: [number, number];
+    snapStep: [number, number];
+    valid: boolean | string;
+    backgroundImage: PerseusImageBackground;
+    markings: "graph" | "grid" | "none";
+    showProtractor: boolean;
+    showRuler: boolean;
+    showTooltips: boolean;
+    rulerLabel: string;
+    rulerTicks: number;
+    onChange: (arg1: Partial<Props>) => void;
+};
+type State = {
+    labelsTextbox: ReadonlyArray<string>;
+    gridStepTextbox: [number, number];
+    snapStepTextbox: [number, number];
+    stepTextbox: [number, number];
+    rangeTextbox: [[number, number], [number, number]];
+    backgroundImage: PerseusImageBackground;
+};
+declare class InteractiveGraphSettings extends React.Component<Props, State> {
+    _isMounted: boolean;
+    static stateFromProps(props: any): {
+        labelsTextbox: any;
+        gridStepTextbox: any;
+        snapStepTextbox: any;
+        stepTextbox: any;
+        rangeTextbox: any;
+        backgroundImage: any;
+    };
+    constructor(props: Props);
+    static defaultProps: {
+        editableSettings: string[];
+        box: 288[];
+        labels: string[];
+        range: number[][];
+        step: number[];
+        gridStep: number[];
+        snapStep: number[];
+        valid: boolean;
+        backgroundImage: {
+            readonly url: null;
+            readonly width: 0;
+            readonly height: 0;
+        };
+        markings: string;
+        showProtractor: boolean;
+        showRuler: boolean;
+        showTooltips: boolean;
+        rulerLabel: string;
+        rulerTicks: number;
+    };
+    componentDidMount(): void;
+    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    componentWillUnmount(): void;
+    change: (...args: any[]) => any;
+    changeRulerLabel: (e: any) => void;
+    changeRulerTicks: (e: any) => void;
+    changeBackgroundUrl: (e: any) => void;
+    renderLabelChoices: (choices: any) => JSX.Element[];
+    validRange: (range: any) => true | "Range must be a valid number" | "Range must have a higher number on the right";
+    validateStepValue: (settings: any) => string | true;
+    validSnapStep: (step: any, range: any) => string | true;
+    validGridStep: (step: any, range: any) => string | true;
+    validStep: (step: any, range: any) => string | true;
+    validBackgroundImageSize: (image: any) => true | "Image must be smaller than 450px x 450px.";
+    validateGraphSettings: (range: any, step: any, gridStep: any, snapStep: any, image: any) => any;
+    changeLabel: (i: any, e: any) => void;
+    changeRange: (i: any, values: any) => void;
+    changeStep: (step: any) => void;
+    changeSnapStep: (snapStep: any) => void;
+    changeGridStep: (gridStep: any) => void;
+    changeGraph: () => void;
+    render(): JSX.Element;
+}
 export default InteractiveGraphSettings;