@khanacademy/perseus-editor 30.0.4 → 30.1.1

package/dist/components/blur-input.d.ts

@@ -13,8 +13,8 @@ declare class BlurInput extends React.Component<Props, State> {
     input: React.RefObject<HTMLInputElement>;
     constructor(props: Props);
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    handleChange: (e: any) => void;
-    handleBlur: (e: any) => void;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
     focus(): void;
     render(): React.ReactNode;
 }

package/dist/components/drag-target.d.ts

@@ -1,14 +1,12 @@
 import * as React from "react";
 type Props = {
-    onDrop: (e: DragEvent) => void;
-    component?: any;
-    shouldDragHighlight: (any: any) => boolean;
-    style?: any;
-    children?: any;
+    onDrop: (e: React.MouseEvent) => unknown;
+    shouldDragHighlight: (e: React.MouseEvent) => boolean;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
     className?: string;
 };
 type DefaultProps = {
-    component: Props["component"];
     shouldDragHighlight: Props["shouldDragHighlight"];
 };
 type State = {
@@ -16,12 +14,12 @@ type State = {
 };
 declare class DragTarget extends React.Component<Props, State> {
     static defaultProps: DefaultProps;
-    constructor(props: any);
-    handleDrop(e: DragEvent): void;
+    constructor(props: Props);
+    handleDrop(e: React.MouseEvent): void;
     handleDragEnd(): void;
-    handleDragOver(e: any): void;
+    handleDragOver(e: React.MouseEvent): void;
     handleDragLeave(): void;
-    handleDragEnter(e: any): void;
+    handleDragEnter(e: React.MouseEvent): void;
     render(): React.JSX.Element;
 }
 export default DragTarget;

package/dist/components/dropdown-option.d.ts

@@ -12,7 +12,7 @@ type Props = {
 };
 declare class Option extends React.Component<Props> {
     node: HTMLDivElement;
-    handleKeyDown(event: any): void;
+    handleKeyDown(event: React.KeyboardEvent<HTMLButtonElement>): void;
     render(): React.ReactNode;
 }
 declare class OptionGroup extends React.Component<{

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

@@ -1,6 +1,5 @@
-import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
-import type { Coords, MarkingsType } from "@khanacademy/perseus-core";
+import type { Coords, MarkingsType, PerseusImageBackground } from "@khanacademy/perseus-core";
 type Props = {
     editableSettings: ReadonlyArray<"canvas" | "graph" | "snap" | "image" | "measure">;
     box: readonly number[];
@@ -10,14 +9,15 @@ type Props = {
     gridStep: [number, number];
     snapStep: [number, number];
     valid: boolean;
-    backgroundImage: any;
+    backgroundImage: PerseusImageBackground;
     markings: MarkingsType;
     showProtractor?: boolean;
     showRuler?: boolean;
     showTooltips?: boolean;
     rulerLabel: string;
     rulerTicks: number;
-} & Changeable.ChangeableProps;
+    onChange: (values: Record<string, unknown>) => void;
+};
 type DefaultProps = {
     editableSettings: Props["editableSettings"];
     box: Props["box"];
@@ -36,54 +36,45 @@ type DefaultProps = {
     showTooltips?: Props["showTooltips"];
 };
 type State = {
-    labelsTextbox: string[];
+    labelsTextbox: readonly string[];
     gridStepTextbox: number[];
     snapStepTextbox: number[];
     stepTextbox: number[];
-    rangeTextbox: any[];
-    backgroundImage: any;
+    rangeTextbox: [number, number][];
+    backgroundImage: PerseusImageBackground;
 };
 declare class GraphSettings extends React.Component<Props, State> {
     static displayName: "GraphSettings";
     static defaultProps: DefaultProps;
     _isMounted: boolean;
-    constructor(props: any);
-    getInitialState(): {
-        labelsTextbox: any;
-        gridStepTextbox: any;
-        snapStepTextbox: any;
-        stepTextbox: any;
-        rangeTextbox: any;
-        backgroundImage: any;
-    };
+    constructor(props: Props);
+    getInitialState(): State;
     componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     componentWillUnmount(): void;
-    stateFromProps(props: any): {
-        labelsTextbox: any;
-        gridStepTextbox: any;
-        snapStepTextbox: any;
-        stepTextbox: any;
-        rangeTextbox: any;
-        backgroundImage: any;
-    };
-    change(...args: any[]): any;
-    changeRulerLabel(e: any): void;
-    changeRulerTicks(e: any): void;
-    changeBackgroundUrl(e: any): void;
-    renderLabelChoices(choices: any): React.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;
+    stateFromProps(props: Props): State;
+    changeRulerLabel(e: React.ChangeEvent<HTMLSelectElement>): void;
+    changeRulerTicks(e: React.ChangeEvent<HTMLSelectElement>): void;
+    changeBackgroundUrl(e: React.FocusEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>): void;
+    renderLabelChoices(choices: ReadonlyArray<[string, string]>): React.JSX.Element[];
+    validRange(range: [number, number]): string | true;
+    validateStepValue(settings: {
+        step: number;
+        range: [number, number];
+        name: string;
+        minTicks: number;
+        maxTicks: number;
+    }): string | true;
+    validSnapStep(step: number, range: [number, number]): string | true;
+    validGridStep(step: number, range: [number, number]): string | true;
+    validStep(step: number, range: [number, number]): string | true;
+    validBackgroundImageSize(image: PerseusImageBackground): true | "Image must be smaller than 450px x 450px.";
+    validateGraphSettings(range: Coords, step: number[], gridStep: number[], snapStep: number[], image: PerseusImageBackground): any;
+    changeLabel(i: number, e: React.ChangeEvent<HTMLInputElement>): void;
+    changeRange(i: number, values: [number, number]): void;
+    changeStep(step: number[]): void;
+    changeSnapStep(snapStep: number[]): void;
+    changeGridStep(gridStep: number[]): void;
     changeGraph(): void;
     render(): React.JSX.Element;
 }

package/dist/components/json-editor.d.ts

@@ -13,16 +13,17 @@ type State = {
 };
 declare class JsonEditor<TData> extends React.Component<Props<TData>, State> {
     static displayName: "JsonEditor";
-    constructor(props: any);
+    constructor(props: Props<TData>);
     getInitialState(): {
         currentValue: string;
         valid: boolean;
     };
     componentDidUpdate(prevProps: Props<TData>): void;
     getCurrentValueAsJson(): TData | {} | null;
-    handleKeyDown(e: any): void;
-    handleChange(e: any): void;
-    handleBlur(e: any): void;
+    handleKeyDown(e: React.KeyboardEvent<HTMLTextAreaElement>): void;
+    handleChange(e: React.ChangeEvent<HTMLTextAreaElement>): void;
+    processChange(nextString: string): void;
+    handleBlur(e: React.FocusEvent<HTMLTextAreaElement>): void;
     private typesafeParseOrThrow;
     render(): React.JSX.Element;
 }

package/dist/components/link.d.ts

@@ -9,9 +9,7 @@ type DefaultProps = {
 type Props = DefaultProps & {
     children?: React.ReactNode;
     className?: string;
-    inlineStyles?: {
-        [key: string]: any;
-    };
+    inlineStyles?: React.CSSProperties;
     referrer?: string;
     target?: string;
     rel?: string;

package/dist/editor.d.ts

@@ -60,7 +60,7 @@ declare class Editor extends React.Component<Props, State> {
      * those sizes to this.props.images using props.onChange.
      */
     _sizeImages: (props: Props) => void;
-    handleDrop: (e: DragEvent) => void;
+    handleDrop: (e: React.MouseEvent) => void;
     handleChange: (e: React.SyntheticEvent<HTMLTextAreaElement>) => void;
     _handleKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     _maybeCopyWidgets: (e: React.SyntheticEvent<HTMLTextAreaElement>) => void;